- 博客(12)
- 收藏
- 关注
RSS订阅原创 js原理
#1、js同步和异步的理解以及宏任务和微任务（1）同步：从头到尾 ，一行一行执行代码例子：console.log(1)console.log(2)打印出来就是 1，2 从头到尾执行代码（2）异步：可以改变程序正常执行顺序（从头到尾）的操作就可以看成是异步操作。js是一门单线程的语言，因此如果在js线程中出现耗时操作，就容易堵塞后续代码的执行。因此在js中如果碰到一些可能需要消耗一些时间的操作，像setTimeout，ajax的回调函数（称其为异步操作）等，js会将其放入一个代办任务队列tas
2021-03-13 14:34:58
440
原创 elementui table组件 数形数据 点击行 展开数据
https://element.eleme.cn/#/zh-CN/component/tableelemenui默认是点击红包展开箭头展开行，那么当leader要求你点击一行 就要展开数据了呢直接上代码！在封装的组件(子组件)那设置方法 // 点击行 展开树形表格 bindTableOpenHandler (elRef) { const tbody = elRef.getElementsByTagName('tbody')[0] const trs = tbody.
2020-12-30 16:40:11
617
原创 vue概念的理解
1、虚拟domDOM是文档对象模型(Document Object Model)的简写，在浏览器中通过js来操作DOM的操作性能很差，于是虚拟Dom应运而生。虚拟Dom就是在js中模拟DOM对象树来优化DOM操作的一种技术或思路。React和Vue2都使用了虚拟DOM技术，虚拟DOM并不是真正意义上的DOM，它作为一个轻量级的JavaScript对象，在状态发生变化时，会进行Diff运算，来更新发生变化的DOM，对于未发生变化的DOM节点，不予操作，由于不是全部重绘，大大提高更新渲染性能。当使用rende
2020-09-24 15:53:56
149
原创 require.context实现前端工程自动化
1、require.context是什么一个webpack中用来管理依赖的一个函数，获取一个特定上下文，主要用来自动导入模块。2、require.context参数require.context(directory,useSubdirectories,regExp)函数接受三个参数(1) directory {String}—读取文件路径(2) useSubdirectories {Boolean} —是否遍历文件的子目录(3) regExp {RegExp} —匹配文件的正则例如：requ
2020-09-08 10:51:35
211
转载 js防抖和节流
转载https://segmentfault.com/a/1190000018428170使用场景：debounce 防抖（1）search搜索联想，用户在不断输入值时，用防抖来节约请求资源。（2）window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次（3）加入购物车，点击加减throttle 节流（1）鼠标不断点击触发，mousedown(单位时间内只触发一次)（2）监听滚动事件，比如是否滑到底部自动加载更多，用throttle来判断.
2020-09-03 11:59:21
121
原创 vue keep-alive 动态控制缓存页面并记录历史位置
一、案例前景说明（1）管理中心进入订单列表页 （不需要缓存）（2）订单详情页进入订单列表页（需要缓存）1、从管理中心进入订单列表页 要请求数据（并更新数据），并不需要做缓存。2、从订单列表页，特定位置，进入到订单详情页，然后从订单详情返回到订单列表页，是要在特定位置即历史位置，所以要做到缓存处理。二、如何缓存页面，并记录历史位置(1)先给缓存页面特定的名字（唯一）<script>export default { name: 'Orderlist',}</script
2020-09-01 14:12:25
589
1
转载 vue 之this.$router.push、replace、go的区别
一、this.$router.push说明：跳转到指定URL，向history栈添加一个新的记录，点击后退会返回至上一个页面使用：this.$router.push('/index')this.$router.push({path:'/index'})this.$router.push({path:'/index',query:{name: '123'}})this.$router.push({name:'index',params:{name:'123'}})二、this.$router.
2020-08-21 16:46:04
117
原创 实现点击按钮 复制文本内容
一、原生方法1、结构<li><span>运单号码：</span><b id="waybill_number">{$order->address}</b><p style="display:inline-block;color: red;" onclick="copy()">复制</p></li>2、jsfunction copy(){ copytxt($('#waybill_num
2020-07-02 16:26:43
1487
原创 vue 路由动画过渡效果
为了增加用户体验，在切换路由时可加动态的过渡效果。应用场景：1、样式/*路由切换 animation start */.slide-left-enter-active,.slide-left-leave-active { transition: 0.3s transform ease; backface-visibility: hidden; perspective: 1000;}.slide-left-enter { transform: translate
2020-06-19 17:36:26
1257
1
原创 vue 生命周期函数（钩子函数）及其应用
1、vue生命周期的定义每个 Vue 实例在被创建时都要经过一系列的初始化过程，从开始创建、编译模板、挂在DOM、渲染-更新-渲染、毁损等一系列的过程，每个过程都存在着特定的钩子函数，每个钩子函数又有着 特定的功能。我个人的理解：vue生命周期，相当于人从出生到死亡的一个生命发展过程，随着年龄的增长，每个年龄段做着不一样的事情，发挥不一样的作用。2、生命周期函数（钩子函数）vue官网生命周期图如下图一所示：钩子函数有：beforeCreate() created()beforeMount
2020-06-17 17:57:25
328
1
原创 vue CLI脚手架搭项目
1.安装 node.js环境官网下载：https://nodejs.org/en/download/一直默认就行，路径可以改变但要记得到安装完成后cmd打开终端，输入node -v ,npm -v若能看到node和npm的版本号了，则说明已经安装成功2、官方参考网址：官方参考网址：https://cli.vuejs.org/zh/3.安装（如果npm安装不了，就换淘宝境像cnpm）...
2020-04-16 11:02:15
3867
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人