2021年5月31日
摘要: 一,性能比2.x快1.2~2倍 diff算法的优化 在vue2中,虚拟dom是全量比较的。 在vue3中,增加了静态标记PatchFlag。在创建vnode的时候,会根据vnode的内容是否可以变化,为其添加静态标记PatchFlag。diff的时候,只会比较有PatchFlag的节点。PatchF 阅读全文
posted @ 2021-05-31 09:30 颉旺飞 阅读(243) 评论(0) 推荐(0) 编辑
  2021年5月28日
摘要: 导读 节流函数和防抖函数在日常的开发中还是有很多地方用到,两个函数的目的都是为了控制函数被调用的频率,今天我们就来说一说着两个函数。 例子 input触发键盘输入事件,将输入内容发送到后台: // 定义一个请求函数 function request(val) { console.log("reque 阅读全文
posted @ 2021-05-28 09:21 颉旺飞 阅读(132) 评论(0) 推荐(0) 编辑
  2021年5月27日
摘要: 1. 将 .content 的 margin-bottom 设为负数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2021-05-27 09:57 颉旺飞 阅读(49) 评论(0) 推荐(0) 编辑
  2021年5月26日
摘要: 前言: 在 JavaScript 这门语言中,我们所有人都必须对数组足够熟悉,知晓数组本质上是动态的,并且可以容纳任何 JavaScript 对象。不过,如果你曾经使用过类似于 C 语言这样的其他语言,你应该知道其数组本质上不是动态的。而且你只能在该数组中存储特定的数据类型,毕竟从性能角度来看,这可 阅读全文
posted @ 2021-05-26 09:53 颉旺飞 阅读(160) 评论(0) 推荐(0) 编辑
  2021年5月25日
摘要: 为何有 Sass 作为前端开发人员对于 CSS 应该不陌生吧,大多数前端开发对 CSS 都是既爱又恨,爱它可以通过简单的代码使页面美化,恨他是因为随着项目的复杂性越高,它的可维护性就越差。作为开发人员,CSS 更像是一门设计类语言而非开发类语言。比如: 缺少模块化机制 缺少变量机制,使得滋生很多重复 阅读全文
posted @ 2021-05-25 10:04 颉旺飞 阅读(374) 评论(0) 推荐(0) 编辑
  2021年5月24日
摘要: element-ui说明 Element 内应用在部分组件的过渡动画,你也可以直接使用,其实简单来说就是复制粘贴,具体参考 element-ui官网 淡入淡出动画(fade) 提供 el-fade-in-linear 和 el-fade-in 两种效果。 <template> <div> <el-b 阅读全文
posted @ 2021-05-24 09:39 颉旺飞 阅读(4064) 评论(0) 推荐(1) 编辑
  2021年5月10日
摘要: 一、vue路由自动加载 介绍: 使用统一规则命名路由文件名,通过webpack方法require.context方法对文件进行读取,动态生成路由数据 使用方法: //param(路径,是否遍历子文件夹内文件,匹配文件正则) let r = require.context('./pages',true 阅读全文
posted @ 2021-05-10 17:40 颉旺飞 阅读(347) 评论(0) 推荐(0) 编辑
  2021年4月13日
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2021-04-13 17:59 颉旺飞 阅读(81) 评论(0) 推荐(0) 编辑
  2020年12月3日
摘要: vue中在进入/离开的过渡中,有那几个类名? v-enter:定义进入过渡的开始状态;v-enter-active:定义进入过渡生效时的状态; v-enter-to: 2.1.8版及以上 定义进入过渡的结束状态;v-leave: 定义离开过渡的开始状态。 v-leave-active:定义离开过渡生 阅读全文
posted @ 2020-12-03 08:47 颉旺飞 阅读(388) 评论(0) 推荐(0) 编辑
  2020年11月20日
摘要: 1.下载node.JS并安装 node-v npm-v 安装淘宝镜像==>cnpm 2.cnpm install webpack -g cnpm install webpack webpack-cli -g 3.cnpm install vue-cli -g [vue-cli 2.0版] cnpm 阅读全文
posted @ 2020-11-20 10:38 颉旺飞 阅读(191) 评论(0) 推荐(0) 编辑