vue-cli3 老项目的eslint配置:这个是在已经建了项目的基础上再配置。配置了好久,所以以后千万千万要在一开始的配置好,不然一堆Bug我看着配置的的链接,嘻嘻嘻,挺全的 点击开始-eslint配置## 原链接有点问题,setting.jss需要改一下代码// 重新设定tabsize
"editor.tabSize": 2,
// 每次保存的时候将代码按eslint格式进行修复
// "es
eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到 1、'layer' is defined but never used 这是定义了一个变量但是未使用到该变量,vue经常需要在全局进行声明,以便任何组件都能用到,但是经常会这样警告可以在 .eslintrc.js 文件中修改配置,增加如下代码:"no-unused-vars":
本文主要分享一个项目的规范约束从0到1的流程,从通过vue-cli创建项目,到团队协作插件安装(husky、eslint、commitlint、prettier等)
目录1,前言2,创建项目2,安装vue全家桶3,配置prettier4,配置eslint5,配置husky + git钩子6,配置commitlint6.1,配置commitlint格式检查
VUE-CLI3按照官网教程配置搭建后,发现每次编译,eslint都抛出错误最奇怪的是竟然HTML也被抛出警告了,虽然没有影响项目的运行,但是强迫症还是决定修改一下error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1:
1 error found.
1 error potent
简单的理解一下Electron的进程类型——渲染进程和主进程
主进程: Electron 运行 package.json 的 main 脚本的进程。渲染进程: 在 web一个 Electron 应用有且只有一个主进程。主进程中运行的脚本通过创建web页面来展示用户界面。 每个 Electron 中的 web主进程管理所有的web页面和它们对应的渲染进程。 每个渲染进程都是独立的,它只关心它所运行的
使用双令牌的初衷为了方便分布式部署,平台所有接口都允许跨域访问,但为了防止恶意请求,需要设置请求头、令牌等;
有一部分页面不需要登录就可以查看,接口请求带一个静态令牌,有一部分需要有登录权限才能查看,就需要动态令牌。
静态令牌:利用RSA加密与后台约定一个publicKey生成一个加密串,请求接口换取静态令牌;
动态令牌:利用静态令牌请求接口换取动态令牌
复制代码踩坑点1.请求时怎么区分该接口是需
转载
2024-06-12 20:38:26
238阅读
虚拟 DOM 不渲染数据问题描述:消息已读和未读的功能,点击消息,消息会变成已读,重新请求数据,在重新请求数据前会先清空旧数据,但是因为两次的数据一样,导致 vue 的 diff 算法默认不更新视图,使用 this.$set 和 this.$forceUpdate 等方法都不能解决问题解决方法:在列表项加 v-if='list.length',vue 的 diff 算法会监测数组变化,响应式地渲染
转载
2024-07-23 18:50:22
87阅读
vue监听页面刷新和关闭事件需求背景在离开页面的时候,需要弹出提示框,让用户确定是否真的要关闭网页。如果用户真的需要关闭网页,则让浏览器向后台提交信息。原始实现在beforeDestory钩子函数中,调用提交操作。beforeDestroy () {
this.updateRecord()
},经实验验证,该方法无法达到目的。发现beforeDestroy 只能监听到页面间的跳转,无法
转载
2024-03-05 21:42:37
1532阅读
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载
2021-07-17 15:38:00
665阅读
2评论
原创
2023-07-27 21:47:21
10000+阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载
2021-09-11 22:45:00
651阅读
2评论
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template>
<div id="three"></div>
</template>引入Threejs依赖<script l
转载
2024-03-11 16:02:08
332阅读
前言
...
目标
1 vue3的优势有哪些
2 如何创建vue3工程
graph LR
A[初始vue3] --> B[vue3带来了什么]
A --> C[如何创建vue3工程]
一 vue3带来了什么
从vue2到vue3一个大版本的升级,必然会有一些性能上的优化
性能提升和源码升级
性能提升
源码升级
打包大小减少
使用Proxy代替defineProper
原创
2024-07-21 09:24:38
146阅读
前言
...
目标
1 vue3的优势有哪些
2 如何创建vue3工程
graph LR
A[初始vue3] --> B[vue3带来了什么]
A --> C[如何创建vue3工程]
A --> D[如何引入vue3]
一 vue3带来了什么
从vue2到vue3一个大版本的升级,必然会有一些性能上的优化
性能提升和源码升级
性能提升
源码升级
打包大小减少
原创
精选
2024-08-05 15:03:53
230阅读
v-for中的key是什么作用?在使用v-for进行列表渲染时,我们通常会给元素或者组件绑定一个key属性。 官方中对key的作用解释:key属性主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes;如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法;而使用key时,它会基于key的变化重新排列元素顺序,并且会移除/销
转载
2024-02-02 11:41:40
91阅读
1、Vue3简介1.1、Vue3带来了什么1.性能的提升Vue3与Vue 2相比,在包大小(使用 tree-shaking 时减轻多达 41%)、初始渲染(速度提高多达 55%)、更新(多达 133% 更快)和内存使用(最多减少 54%)。打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%......2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟
转载
2023-10-23 19:59:39
180阅读
一.Vue3的介绍相信大家都已经学习过Vue2了,对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢,主要是他有以下的特点。 (1)新增组合式api (2)更加接近原生 (3)更加解耦(react启发)二.Vue3的安装全局安装脚手架(如果安装过脚手架请忽略这步)npm i @vue/cli -g
创建一个vue3 的项目vue create 项目名称
转载
2024-04-06 16:41:00
128阅读
那么让我们深入了解一下Vue 3中watchEffect函数的使用,如何在监视回调中使用属性来提高搜索引擎优化。watchEffect函数watchEffect函数是Vue 3中一个新的API,它允许您监视响应式数据的变化,并在数据变化时立即执行回调函数。与watch属性不同的是,watchEffect函数会自动追踪在回调函数中使用的响应式属性,只要其中的任何一个发生了变化,watchEffect
转载
2024-02-19 18:58:36
233阅读