- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue中excel表格导出功能
没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！没有比这更简单的了！剩下的就很简单啦，如果是后端请求数据就把后端返回的数据处理一下放进header 和data里就可以导出自己想要的数据啦^_^，非常简单。// excel：是 @/vendor/Export2Excel 文件中导出的模块。['刘备', 100],
2023-03-20 11:10:43
168
2
原创 async和await理解
await相当于代替promise中的.then执行的内容await执行的是异步操作的内容。asyncawait的错误处理把await放到js原生的try中如果有异常执行catch。有await就必须有asyncasync放在await最近的一个函数。它返回的是一个promise对象。它可以把异步操作改成同步执行。es6中promise可以把异步操作改编成同步执行。es7中新增了async函数是异步的简写。...
2022-07-22 18:48:59
179
原创 promise
rejected失败状态请求失败走.catch。（then成功执行catch失败执行finally无论成功失败都执行all主要用于一次性可以解决多个异步方法并且按顺序执行。*race用于多个异步操作的时候只保留第一个执行的异步操作的结果，后几个结果会执行但是结果不会保留会被抛弃）封装ajax、axios的get和post，微信小程序的wx.requestuniApp开发的uni.request。用于解决地狱回调问题，地狱回调问题是多个回调函数嵌套函数的情况就是地狱回调问题。...
2022-07-22 18:45:37
141
原创 vue2的监听object.defineProperty的缺点
无法监听到数组下标的变化，通过数组下标添加元素，不能实时响应，无法检测到对象属性的新增或删除
2022-07-11 08:00:06
689
原创 防抖节流.
函数防抖和函数节流都是为了优化事件处理程序。防抖：一个频繁触发的函数，在规定时间内，只让最后一次生效，前面的不生效。节流： 一个频繁触发的函数，在规定时间内，函数执行一次后，只有大于设定的执行周期后才会执行第二次。使用场景:防抖经常用在我们搜索框输入搜索，点击提交，防止等；而节流一般在onresize、mousemove、滚动事件等事件中使用，防止过多的请求造成服务器压力...
2022-07-11 07:59:00
77
原创 子组件为什么不能修改父组件
vue是单向数据流，所有的prop都使得父子prop形成了一个单向下行绑定，父级prop的更新会向下流动到子组件，反过来就不行，每次父级组件发生变更时，子组件中所有的prop都会刷新为最新的值，不能再子组件改变prop，如果改变vue在浏览器控制台中会发出警告...
2022-07-11 07:57:47
368
原创 key的作用
主要是为了高效的对比虚拟dom，vue在执行diff算法时会比较两个虚拟dom节点是否相同，防止重新渲染dom，在项目开发过程中key值是必须要设置的，index不能作为key值，因为会重新构建虚拟dom树，影响性能...
2022-07-11 07:56:58
432
原创 react
npx create-react-app 文件名react创建文件的后缀名为.jsxreact的运行 yarn start 或者npm install start{js 表达式}1.jsx必须有一个根节点，如果没有根节点，可以使用（幽灵点）替代2.所有标签必须形成闭合，成对闭合或者自闭和都可以3.jsx中语法更加贴近js语法，属性名采用驼峰命名法 class->className for->htmlFor4.jsx支持多行（换行），如果需要换行，需使用（）包裹，防止bug出现...
2022-07-04 22:14:49
655
原创 什么是递归函数
就是函数自身调用自己叫做递归函数，注意：写递归函数时一定要给一个结束条件，如果没有结束条件则会一只调用会造成内存泄漏递归的特点：1. 每一级函数调用时都有自己的变量，但是函数代码并不会得到复制，如计算5的阶乘时每递推一次变量都不同；2. 每次调用都会有一次返回，如计算5的阶乘时每递推一次都返回进行下一次；3. 递归函数中，位于递归调用前的语句和各级被调用函数具有相同的执行顺序；4. 递归函数中，位于递归调用后的语句的执行顺序和各个被调用函数的顺序相反；5. 递归函数中必须有终止语句。......
2022-06-30 07:51:33
498
原创 数组常用的修饰符
.stop:阻止事件冒泡.prevent:阻止默认事件.trim:去除前后空格.once:只触发一次.keydown:建盘摁下.number:将数据转换为数字.sync:可以让子组件双向绑定.native:绑定dom的原生事件
2022-06-27 11:07:04
129
原创 vue常用的指令
v-html:用innerHTMLv-text：用innerTEXTv-if：通过添加删除节点进行显示隐藏v-show：通过display进行显示隐藏，频繁显示隐藏时用，v-for：优先大于v-if，不建议和v-if一起使用，与key搭配使用v-bind：绑定属性v-on：绑定事件v-once：只渲染一次...
2022-06-27 11:06:10
86
原创 箭头函数的this指向和绑定规则
主要是用来改变this的指向，就是说如果创建一个构造函数，我们在里面再加一个函数，它们两个的this指向不同，第一个指向实例的本身，而第二个默认指向window因为箭头函数有一个特性，就是不绑定this，会捕获其定义时所在的this指向作为自己的this...
2022-06-27 11:00:43
173
原创 原型和原型链
原型：每个对象都有一个特殊的属性叫作，在原型上定义的属性和方法会被每一个实例对象共享。原型链：获取对象属性时，如果对象本身没有这个属性，那就会去他的原型上去找，如果还查不到，就去找原型的原型，一直找到最顶层()为止。Object.prototype对象也有proto属性值为null...
2022-06-27 10:59:52
53
原创 vuex五大核心概念
state： 存放状态 所有的数据都存储在state中 state是一个对象mutations： 可以直接操作state中的数据getters： 类似计算属性实现对state中的数据做一些逻辑性的操作actions： 异步操作 一般在这里面调用mutations的方法进行更改数据modules： 将仓库分模块存储...
2022-06-27 10:58:54
66
原创 vue路由守卫
beforeEach：接收三个参数：from,to,next(回调函数，执行则进行下一个页面。)afterEachbeforeRouteEnterbeforeRouteLeavebeforeRouteUpdatebeforeEach
2022-06-27 10:57:58
90
原创 js的开发技巧
字符串常用技巧时间对比：时间个位数形式需补0替换图片的class类正则格式化金钱生成随机ID操作URL查询参数Number常用技巧取整：代替正数的Math.floor()，代替负数的Math.ceil()补零转数值：：只对null、""、false、数值字符串有效时间戳精确小数判断奇偶取最小最大值生成范围随机数Boolean常用技巧短路运算符判断数据类型：undefined、null、string、number、boolea
2022-06-22 20:10:06
76
原创 v-if和v-for的优先级
不能直接这样写，会出现警告。正确的写法注意：永远不要把 v-if 和 v-for 同时用在同一个元素上，带来性能方面的浪费（每次渲染都会先循环再进行条件判断）如果避免出现这种情况，则在外层嵌套template（页面渲染不生成dom节点），在这一层进行v-if判断，然后在内部进行v-for循环如果条件出现在循环内部，可通过计算属性computed提前过滤掉那些不需要显示的项...
2022-06-22 20:06:39
59
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人