- 博客(24)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 防抖和节流
1.正常：事件触发非常频繁，而且每一次的触发，回调函数都要去执行（如果时间很短，而毁掉函数内部有计算，那么很有可能出现浏览器卡顿）在正常情况下（用户慢慢地操作）：鼠标进入，每一个一级分类,都会触发鼠标进入事件非正常情况（用户操作很快）：本身全部的一级分类都应该触发鼠标进入事件，但是经过测试，只有部分被触发了， 就是由于用户行为过快，导致浏览器反应不过来。如果当前回调函数中有一些大量业务，有可能会出此案卡顿现象2.节流：在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频
2022-05-25 20:04:13
109
原创 ES6新增语法核心基础知识
1.解构赋值按照一定的模式，从数组或者对象中提取值，按照对应位置，对变量赋值，对象也可以实现解构（1）数组解构如果找不到对应的变量值，那就会输出undefined let ary=[1,2,3] //等号左边的值不是一个数组，他们都是变量，与上面的的右边的值是一一对应的。 let [a,b,c，d，e]=ary console.log(a); console.log(b); console.log(c);
2022-05-20 23:15:48
165
原创 正则表达式语法基础知识
1.正则表达式正则表达式用于匹配字符串中字符组合的模式。在js中正则表达式是对象。正则表达式通常被用于检索，替换那些符合某个模式的文本，例如验证表单,用户要按照要求输入表单内容；过滤敏感词；或者从字符串中获取想要的特定部分（搜索框）正则里面的或者符号是 |2.正则表达式的使用(1)利用RegExp对象创建正则表达式语法： var 变量名=new RegExp(/表达式/)(2)利用字面量创建正则表达式语法 var 变量名=/表达式/(3）测试正则表达式testtes.
2022-05-20 18:57:20
266
原创 ES6语法核心基础之函数进阶总结
1.函数的定义方式（1）自定义函数（命名函数） function name(params) {}（2）函数表达式（匿名函数） var fun=function name(params) { }（3）利用new Function('参数1'，"参数2”，函数体）（了解，因为其效率不高）这种方式其实就是构造函数，Function里面参数必须都是字符串格式 var f=new Function ('a','b','console.log(a+b)') ...
2022-05-19 16:14:39
249
原创 ES6语法核心基础知识（1）
1.创建类和生成实例（1）类就相当于指的一类事物，一个模型，在这当中还包含着无数个对象比如说人，人里面有张三，李四，麻子等等明星是一个类，在这类中有很多明星，张一山，刘德华等等，这都是包含在类里面的对象（2）相关的例子（3）注意点-----通过class关键字创建类，类名习惯性定义首字母大写-----类里面有个constructor函数，可以接收传递过来的参数，同时返回实例对象-----constructor函数只要new生成实例时，就会自动调用这个函数，如果不写这个函数，类
2022-05-16 19:51:19
180
原创 vue-router路由
目录一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。1.基本使用安装vue-router，命令：```npm i vue-router```（1）. 应用插件：```Vue.use(VueRouter)```（2）. 编写router配置项: 新创建的router文件夹的index.js中//在新创建的router文件夹中 //引入VueRouter ...
2022-05-15 14:52:56
235
原创 vuex模块化+命名空间
一说起模块化就要想到优化，提高复用性，让多种数据的分类更加明确1. 修改store.js将原来混合的不同板块的数据按照类别分开，此处分为了两类，countAbout，personAbout。每一类中都有state，mutations，actions，getters，在分类了之后要开启命名空间，这样就可以避免插值语法中的内容过长所造成的不简洁const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, muta
2022-05-14 20:25:42
399
原创 vuex的求和案例
首先需要搭建好vuex的环境，需要让每个组件都能够看见store。在组件中倘若没有相关的条件限制的话，直接调用mutation，如果有条件的话先调用dispatch，再在main.js中的action中明确相关的条件限制。main.js中的代码/* 该文件是整个项目的入口文件*///引入Vueimport Vue from 'vue'//引入App组件，它是所有组件的父组件import App from './App.vue'// 引入插件import vueResourc...
2022-05-14 19:51:19
114
原创 搭建vuex环境
1. 创建文件：```src/store/index.js``````js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //准备actions对象——响应组件中用户的动作 const actions = {} //准备mutations对象——修改state中的数据 const mutation
2022-05-14 09:33:22
76
原创 浏览器本地存储webStorage
webStorage主要分为两类：sessionStorage和localStorage关于webStorage1. 存储内容大小一般支持5MB左右（不同浏览器可能还不一样）2. 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。3. 相关API：(1) ```xxxxxStorage.setItem('key', 'value');``` 该方法接受一个键和值...
2022-05-08 22:23:02
193
原创 组件之间数据信息传递方法
方法一将组件中需要传递的东西交给共同的父亲，父亲再将数据交给其中一个儿子，这个过程通过props的方法传递，让son2接收 props['xxx'],此时接收的数据出现在son2的实例对象vc身上，所以模板可以使用。此时son1要获得数据1，father就要提前创造一个函数传递给son1,然后son1调用函数。此时就可以定义在father中的函数，进行操作，这就意味着只要son1调用函数，vue就会重新解析模板，然后更新数值。......
2022-05-07 20:21:10
1451
原创 nanoid库使用（精简版uuid）
nanoid用于生成一个标准的唯一的字符串在vue脚手架中安装 npm i nanoid使用方法：引入--->调用//引入nanoidimport {nanoid} from 'nanoid'export default { name:'MyHeader', methods:{ add(e){ // 将用户的输入包装成为一个todo对象 const todoObj={id:nanoid,title:e.target,value,done:..
2022-05-07 16:38:23
716
原创 vue中的脚手架结构
vue中的脚手架称为CLI:command line interface，命令行接口工具创建Vue脚手架，vue中脚手架依赖于node.js,所以在搭建脚手架之前要下载好node.js安装过程：①全局安装@vue/cil :npm install-g@vue/cil全局安装时需要配置npm淘宝镜像：npm config set registry https://registry.npm.taobao.org打开cmd,输入淘宝镜像地址，出现警告不要紧，卡住时按回车。此时安装完毕之后关闭c
2022-05-06 21:30:20
357
原创 vue生命周期图示
利用断点来去查看钩子函数的执行过程 <body> <div id="root"> <h2>当前的n值是:{{n}}</h2> <button @click="add">点我n+1</button> <button @click="bye">点我销毁vm</button> </div> </body><script t
2022-05-04 16:48:32
668
原创 Vue数据监测原理
Vue数据监测的原理 1.vue会监视data中所有层次的数据。 2.如何监测对象中的数据？ 通过setter实现监视，且要在new Vue时就传入要监测的数据 (1).对象中后追加的属性，Vue默认不做响应式处理 (2).如需给后添加的属性做响应式，请使用如下API ...
2022-05-03 18:21:22
456
空空如也
为什么VScode自动禁用插件啊
2022-05-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人