https nginx vue
20 张图带你全面了解 HTTPS 协议，再也不怕面试问到了！
本文详细介绍了 HTTPS 相较于 HTTP 更安全的原因，包括对称加密、非对称加密、完整性摘要、数字证书以及 SSL/TLS 握手等内容，图文并茂、理论与实战结合、建议收藏！ ......
vue3实现一个抽奖小项目
前言 在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。 浏览链接：http://xisite.top/original/luck-draw/index.html 项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!) 项目截图： 实现 ......
Vue + Element 自定义上传封面组件
前一段时间做项目，频繁使用到上传图片组件，而且只上传一个封面，于是想着自定义一个图片封面上传组件。先来看一下效果： 第一张图片是上传之前，第二张图片是上传成功后，第3张图片是鼠标放上去之后的效果！ 首先整理需求，图片上传我们使用照片墙的方式，只能上传一张图片，图片上传成功后不能继续上传，如果想要更换 ......
从面试题入手，畅谈 Vue 3 性能优化
前言 今年又是一个非常寒冷的冬天，很多公司都开始人员精简。市场从来不缺前端，但对高级前端的需求还是特别强烈的。一些大厂的面试官为了区分候选人对前端领域能力的深度，经常会在面试过程中考察一些前端框架的源码性知识点。Vuejs 作为世界顶尖的框架之一，几乎在所有的面试场景中或多或少都会被提及。 笔者之前 ......
【Vue3.0】关于 script setup 语法糖的用法
script setup - 简介 先来看一看官网关于 <script setup> 的介绍: 要彻底的了解 setup 语法糖，你必须先明确 setup() 这个 组合式API 官网中对于这一api的介绍是—— 在 setup() 函数中返回的对象会暴露给模板和组件实例。其它的选项也可以通过组件实 ......
Vue+echart 展示后端获取的数据
最近在合作做一个前后端分离项目时，为了测试我写的后端部分获取数据的效果，自己也学了一下 vue 的知识，在获取 json 信息这里也踩了很多坑。 这里列举下我返回的 json 部分信息： { "house_basic": [ { "HOUSE_ID": "00001", "HOUSE_NAME": ......
如何在现有的Vue项目中嵌入 Blazor项目？
目前官方只提供了angular和react俩种示例,所以本教程将来讲解如何在Vue的现有项目中使用，上期已经做好了react的教材！ 准备流程 Vue 项目创建流程 使用Vue创建一个Demo项目 全部选择默认No即可 然后项目名称就用demo了 npm init vue@latest cd dem ......
在 NGINX 中根据用户真实 IP 进行限制
需求 需要根据用户的真实 IP 进行限制, 但是 NGINX 前边还有个 F5, 导致 deny 指令不生效. 阻止用户的真实 IP 不是 192.168.14.* 和 192.168.15.* 的访问请求. 实现 最简单的实现如下: :notebook: 前置条件: 需要 nginx 前边的 lo ......
Git + Jenkins 自动化 NGINX 发布简易实现
概述 之前基于 GitLab + Jenkins 实现了简单的 NGINX 的自动化发布。 具体包含如下的组件： GitLab 包括 GItLab 的 WebHook； Jenkins 及其插件： Generic Webhook Trigger Publish Over SSH 🧠疑问： 为什么不 ......
Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上
上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数，该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情 ......
vue3+TS 自定义指令：长按触发绑定的函数
#vue3+TS 自定义指令：长按触发绑定的函数 偶然间看到一个在vue2中写的长按触发事件的自定义指定，想着能不能把他copy到我的vue3项目中呢。 ##编写自定义指令时遇到的几个难点 ###1.自定义指令的类型 在ts中写任何东西都要考虑到类型的问题，自定义指令的类型问题依然存在 ###2.在 ......
基于Nginx搭建WebDAV服务
title: 基于Nginx搭建WebDAV服务 categories: [IT,网络,服务] tags: WebDAV Nginx comments: true date: 2022-11-09 17:19:46 description: 基于Nginx搭建WebDAV服务 在搭建 Joplin ......
Vue中关于数组与对象修改触发页面更新的机制与原理简析
Vue中关于数组与对象修改触发页面更新的机制与原理简析 相关问题 数组 使用索引直接赋值与直接修改数组length时，不会触发页面更新。 例如： <script> export default { name: "HomeView", data: () => ({ list1: ["A", "B"], ......
Vue3 企业级优雅实战 - 组件库框架 - 8 搭建组件库 cli
前面的文章分享了组件库的开发、example、组件库文档，本文分享组件库 cli 开发。 1 为什么要开发组件库 cli 回顾一个新组件的完整开发步骤： 1 在 packages 目录下创建组件目录 xxx： 1.1 使用 pnpm 初始化 package.json，修改 name 属性； 1.2 ......
利用云服务提供商的免费证书，在服务器上发布https前端应用和WebAPI的应用
我们如果要在服务器上发布https前端应用和WebAPI的应用，那么我们就需要用到https证书了。我们一般发布的应用的云服务器上，都会提供一定量的相关的免费证书（一般为20个）供我们使用，每个一年期限，到期再续即可，一般情况下基本上满足要求了，本篇随笔介绍如何基于云服务提供商的免费证书，在服务器上... ......
VUE项目无法启动NODE版本与NODE-SASS、SASS-LOADER版本不兼容解决方案
一、错误分析 在VUE项目开发中，我们经常会遇到报错： Node Sass version 7.0.1 is incompatible with ^4.0.0。 网上解决方案也千奇百怪，最终操作下来，也是搞了个寂寞，项目依旧无法正常运行，通常这种情况普遍都是团队或者项目使用的NODE版本不一致。 二 ......
Agileboot 1.6.0 发布啦 - 一款致力于规范/精简/可维护 的Springboot + Vue3的快速开发脚手架
⚡平台简介⚡ AgileBoot是一套开源的全栈精简快速开发平台，毫无保留给个人及企业免费使用。本项目的目标是做一款精简可靠，代码风格优良，项目规范的小型开发脚手架。 适合个人开发者的小型项目或者公司内部项目使用。也可作为供初学者学习使用的模板项目。 前端采用Vue3、Element UI。对应前端 ......
在windows下导入react项目并且打包编译后部署到nginx上
在windows下导入react项目并且打包编译后部署到nginx上 一、安装npm 二、创建react项目 三、安装nginx 四、总结 最近接手了公司的一个django项目，这是应该前后端分离的项目，前端使用react编写，由于之前没用过react，所以在配置时遇到了一些问题，现在记录下来。 一 ......
Vue3.0 生命周期
所有生命周期钩子的this上下文都是绑定至实例的。 beforeCreate：在实例初始化之后、进行数据帧听和事件/侦听器的配置之前同步调用。 created：实例创建完成，主要包括数据帧听、计算属性、方法、事件/侦听器，（注意：由于挂在阶段还未开始，因此$el还不可用）。 beforeMount： ......
vue3项目，记录我是如何用1h实现产品预估1天工作量的界面需求
最近在编写前端界面，硬是一人一周时间加班加点写完了一个项目的前端界面（一级菜单有12个页面+一个控制台大屏，二三级界面有N个），之前预估前端界面的编写需要一个月，我是自己把自己卷死了（没有办法，项目经理说项目要1周写界面，2周发版，我这个项目前端只我1个人，后端有3个人...）.......我只想说 ......
NGINX的配置和基本使用
Linux NGINX NGINX：engine X ，2002年开发，分为社区版和商业版(nginx plus ) 社区版：分为主线版（开发版，奇数），稳定版（偶数） Nginx官网：http://nginx.org NGINX的两大功能：web服务器、反向代理服务器 NGINX和APACHE一样 ......
高可用系列文章之三 - NGINX 高可用实施方案
前文链接 高可用系列文章之一 - 概述 - 东风微鸣技术博客 (ewhisper.cn) 高可用系列文章之二 - 传统分层架构技术方案 - 东风微鸣技术博客 (ewhisper.cn) 四 NGINX 高可用实施方案 高可用的实施, 主要步骤概述如下: NGINX 的安装及基础配置 负载均衡层高可用 ......
HTTP协议图文简述--HTTP/HTTPS/HTTP2
HTTP 是什么？HTTP —— HyperText Transfer Protocol，超文本传输协议。是当今互联网上应用最为广泛的一种网络协议，所有的 WWW（万维网） 文件都必须遵守这个标准。包括三个部分：超文本、传输、协议。 ......
Nginx 防盗链
Nginx 防盗链 本篇主要介绍一下 nginx 中 防盗链的具体配置 , 以及http 的 referer 头 概述 防盗链其实就是 防止别的站点来引用你的 资源, 占用你的流量 在了解nginx 防盗链之前 我们先了解一下 什么是 HTTP 的头信息 Referer,当浏览器访问网站的时候,一般 ......
Nginx rewrite 详解
Nginx rewrite 详解 本篇主要介绍 nginx 的 rewrite 重定向这个功能进行 详解介绍, 以及介绍它的使用场景 1. rewrite 基本介绍 rewrite是实现URL重写的关键指令，根据regex (正则表达式)部分内容,重定向到replacement，结尾是flag标记。 ......
keepalived + nginx 实现高可用
keepalived + nginx 实现高可用 本篇主要介绍一下 keepalived + nginx 来实现 对于nginx的高可用, 还是简单的主备模式 1.概述 前面有了解keepalived 的主备的基本使用, 但是那种是针对宕机等情况 停止了keepalived 的进程实现的 vip的漂 ......
Vue快速上门(2)-模板语法
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，同他周边的生态共同构成了一个灵活的、渐进式的前端框架。
本文内容包括模板的基本语法，及各种指令的使用，最后总结了Vue动画的使用。 ......
Vue快速上门(3)-组件与复用
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，同他周边的生态共同构成了一个灵活的、渐进式的前端框架。
本文内容是关于组件式开发，为了复用提供的各种机制，如混入、指令、过滤器，及Vue插件开发。 ......
Vue快速上门(1)-基础知识图文版
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，同他周边的生态共同构成了一个灵活的、渐进式的前端框架。
本文内容首先了解了MVVM的基本原理，然后是Vue的基本结构和选项参数、实例Api、全局API等。 ......
vue-router路由之路-极简教程
什么是前端路由？前端路由的一个大背景就是当下流行的单页应用SPA，一些主流的前端框架，如vue、react、angular都属于SPA，那什么是SPA呢？如何使用前端路由vue-router呢？ ......