简要netcore nginx vue

Vue动画效果-商品加入购物车

购物类app中常有商品加入购物车的动画需求 主要实现代码 type Fn = (...args: any[]) => void interface Events { [name: string]: Fn[] } export class EventEmitter { events: Events c ......
购物车 效果 动画 商品 Vue

Nginx转发SSH会话

1.下载解压nginx tar -zxvf nginx-1.24.0.tar.gz 2.加载stream模块,编译安装nginx cd /usr/local/nginx-1.24.0 ./configure --prefix=/usr/local/nginx --with-stream make & ......
Nginx SSH

项目: vue2+Vue3(重构)去哪儿网webapp

技术栈:Vue+webpack+vue-router+vuex+axios+element UI+ swiper 三个大组件:首页、城市选择详情页、详情页 开发方式是用模块化:一个大组件里会有多个子组件,由这些子组件来'填充'大组件,这样方便后续维护: city city.vue component ......
项目 webapp vue2 Vue3 vue

详细一些的vue生命周期

如果你和我一样,以前对vue生命周期的理解仅限于生命周期钩子,那么本文可以让我们更深入一层,理解vue在生命周期各个阶段所做的事,对我们对vue的理解和使用很有好处。 (1)通过new Vue()创建新的vue实例 不管页面还是组件,都是一个个vue实例。一个vue应用,其实就是一个个vue实例的嵌 ......
周期 生命 vue

gerrit 反向代理从 apache 换成 nginx 之后项目页报错“The page you requested was not found, or you do not have permission to view this page”

每次配置 gerrit 需要用反向代理来实现auth_basic_user_file,以前用apache 进行配置,但不喜欢 apache 要换成 nginx,结果换成 nginx 之后,登录后打开project页报错“The page you requested was not found, or ......
page permission not you requested

vue3移动端引入px2rem-loader

版本 "postcss-px2rem": "^0.3.0", 1、npm install postcss-px2rem 2、 ......
px2rem-loader loader vue3 2rem vue

nginx中目录浏览配置

root方式配置:(会自动加目录名) #开放本地目录-root server { listen 81; server_name localhost 127.0.0.1 0.0.0.0; charset utf-8; #处理中文乱码 location /test { autoindex on; # 开 ......
目录 nginx

Nginx篇之路由匹配规则以及配置url转发

alias与root的区别 root 实际访问文件路径会拼接URL中的路径 alias 实际访问文件路径不会拼接URL中的路径 示例如下: location ^~ /sta/ { alias /usr/local/nginx/html/static/; } 请求:http://test.com/st ......
路由 规则 Nginx url

Nginx相关

Nginx常见问题总结 1、解决跨域问题: 前端代码设置base_api VUE_APP_BASE_API = '/api' 网站访问域名nginx配置 server { listen 443 http2 ssl; listen [::]:443 http2 ssl; server_name mgm ......
Nginx

Vue 应用程序性能优化:代码压缩、加密和混淆配置详解

​ 简介在 Vue 应用程序的开发中,代码压缩、加密和混淆是优化应用程序性能和提高安全性的重要步骤。 Vue CLI 是一个功能强大的开发工具,它提供了方便的配置选项来实现这些功能。本文将介绍如何使用 Vue CLI 配置代码压缩、加密和混淆功能,以提高应用程序的性能和安全性。 一、配置代码压缩Vu ......
应用程序 性能 代码 程序 Vue

Vue3+Vite+ElementPlus管理系统常见问题

本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......

理解Nginx超时时间设置

更新:2023-05-31 22:52 Nginx是一款自由、开源、高性能的HTTP和反向代理服务器,它可以通过不同的设置来提高网站的性能和安全性。其中,设置Nginx超时时间非常重要,因为它将直接影响网站的响应速度和用户体验。本文将从多个方面详细阐述Nginx超时时间的设置方法与注意事项。 一、请 ......
时间 Nginx

vue 中初始化 ref

在 Vue 中,使用 ref 函数创建响应式的数据: 对象初始化: const addGoodsDate = ref({}); const addGoodsDate = ref({ name: '', price: 0 }); 数组初始化: const appGoodsList = ref([]); ......
vue ref

vue 的标签内属性的各使用形式

标签内属性形式 在 Vue 中,v-xx、@xx 和 :xx 是不同的语法形式,具有不同的用途和语义 v-xx 形式:这是用于注册或使用 Vue 提供的内置指令或自定义指令。v- 是 Vue 指令的前缀,后面跟着指令的名称 例如,内置指令:v-if 可以根据条件控制元素的显示和隐藏,v-for 可以 ......
属性 形式 标签 vue

Vue3+Vite+ElementPlus管理系统常见问题

本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......

解决Vue处理超过16位数字精度丢失问题

当我们使用MyBatis-Plus 使用 ID_WORKER 或者 ASSIGN_ID(雪花算法) 生成的id作为主键时,因为其长度,为19位,而前端一般能处理16位,如果不处理的话在前端会造成精度丢失,最后两位会变成00,如下图,感觉像是四舍五入后的效果。 处理这种问题有两种方案,要么后端出处理, ......
精度 数字 问题 Vue

技术博客:Vue中各种混淆用法汇总

​ 技术博客:Vue中各种混淆用法汇总 摘要 本文主要介绍了在Vue中使用的一些常见混淆用法,包括new Vue()、export default {}、createApp()、Vue.component、Vue3注册全局组件、Vue.use()等,以及如何使用混淆器对代码进行加固,保护应用安全。 ......
技术 博客 Vue

Vue混淆与还原

​ 引言 Vue是一种流行的JavaScript框架,用于构建用户界面。它简单易用且功能强大,备受开发者喜爱。然而,在传输和存储过程中,我们需要保护Vue代码的安全性。混淆是一种有效的保护措施,可以加密和压缩代码,使其难以被理解和修改。本文将介绍Vue混淆的概念以及如何进行还原。 混淆 混淆是将Vu ......
Vue

vue3 之 封装hooks

注意: 使用 Hooks 来做的话,需要封装一个以 use 开头的函数,自定义 Hooks 有一个潜规则,就是要 use 开头 一、相关链接 ① 已经封装好可直接使用的:https://vueuse.org/core/useMounted/ ② 为什么要在Vue3中多使用Hooks?好处是啥? :  ......
hooks vue3 vue

Vue使用el-cascader实现地区选择器组件

1. 使用组件-效果展示(推荐) 1.2 安装组件依赖(默认是V6版本,旧版本V5.02) 官方文档地址(二级联动,三级联动包含教程):https://www.npmjs.com/package/element-china-area-data npm install element-china-ar ......
el-cascader 组件 cascader 地区 Vue

vue3引入mitt(eventBus)

版本 "mitt": "^3.0.1" 1、npm install mitt 2、项目下创建文件夹eventBus 建 myEventBus.js import mitt from 'mitt'export default mitt() 3、组件里监听 组件A import myEventBus f ......
eventBus vue3 mitt vue

vue3引入pinia

1、npm install pinia 2、在项目目录建store文件夹创index.js import { createPinia,defineStore } from "pinia";const pinia = createPinia()pinia.state.valueconst token ......
pinia vue3 vue

【VUE】vue动态变换背景图片的实现 +背景图片铺满+ 一般路由的配置

一 、动态变换背景图片的实现 代码如下: <template> <div class="body" v-loading="loading" :style="{ backgroundImage:'url('+ bgi +')' }"> </div> </template> <script> data ......
背景图片 背景 图片 路由 动态

mac安装nginx

~ % brew install nginx ==> Downloading https://formulae.brew.sh/api/formula.jws.json #=#=-# # #=O#- # # -#O=-# # # ################################### ......
nginx mac

Vue

VUE vue 渐进式 将复杂的东西给处理,只需要调用api 就可以 进行网页的设计 前端框架的 几乎都一样 vue: react:facebook angualr:谷歌 库的区别与库的区别 jquery库:对dom的操作 art-template库:模板引擎的渲染 高效 框架:大而全,简单渲染+请 ......
Vue

Vue-Router

Rouer组件 可以构造单页引用 多页应用:mpa 每一个页面都是一个html文件 方便seo优化 单页应用:spa 知乎网站 掘进 百度移动端 单页用于取决情况: 1.用户群体比较多 原理:相当于一个a标签,导航栏上切换不同的视图 大部分做的vue 使用都是后台管理程序 在使用router是 vu ......
Vue-Router Router Vue

Vue-Vuex

Vuex vuex 是专为vue.js应用程序开发的管理模式,它采用集中式储存管理应用的去全部组件状态,并以响应的规则邦正状态可以以一种可预测的方式变化 主要管理数据 使用vuex的时机,vuex相当于商店,谁都可以取买卖东西 当两个组件没有关系的情况下 1.如果项目中型或者大型,不推荐 使用 父子 ......
Vue-Vuex Vuex Vue

vue 树形选择器数据处理 + 搜索查询时每一层级都可选

vue 树形选择器 主要用后端处理显示数据 根据 el-Element 官网可知,想要使用树形选择器 <el-tree-select> 就要提供以下形式的数据: data = [ { value: '1', label: 'Level one 1', children: [ { value: '1- ......
树形 层级 数据处理 数据 vue

vue3使用虚拟化表格自定义表格并动态生成表头

element Plus的虚拟化表格用的是lang=tsx,先安装 cnpm i @vitejs/plugin-vue-jsx 然后去vite.config.ts里加配置 import vueJsx from '@vitejs/plugin-vue-jsx' plugins: [ vue(), vu ......
表格 表头 动态 vue3 vue

记录--Vue使用CDN引入,响应式失效?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 背景 最近心血来潮,想要在本地开发时,也用CDN的方式引入 Vue,想着既然通过CDN引入了,那么在项目中就没必要再 import Vue,然后把项目中引入 Vue 的地方都删掉,结果改完后,界面看似正常运行,但数据变更后,界面没有重新渲 ......
Vue CDN