- 博客(7)
- 收藏
- 关注
RSS订阅原创 关于JS任务执行顺序-宏任务微任务的理解
一 、概念了解JS任务执行顺序之前，先了解几个概念1.同步任务和异步任务的由来由于JS是单线程，在代码执行的时候，如果代码顺序执行，当前一段代码执行需要很长一段时间，就会影响后面代码的执行，带来的后果可能就是代码执行效率低，页面卡顿，用户体验差，为了避免这个问题，就出现了异步编程，通过回调函数来存放和执行异步代码，任务也划分为两种：同步任务和异步任务。2.同步任务，异步任务的解释2.1同步任务：即主线程上的任务，按照顺序由上至下依次执行，当前一个任务执行完毕后，才能执行下一个任务。2.2异步任务
2021-06-28 17:07:48
3082
原创 工作笔记-前端启动nginx本地连接服务器调试和xshell（xftp）远程连接服务器更新部署文件
1.前端启动nginx本地连接到服务器直接调试工作上偶尔会遇到后端启动很多服务，导致电脑崩溃，而前端着急调试的情况，比较方便的办法就是把服务拿到前端自己启动，本地直连服务器去调试。1.1 下载安装nginx，找后端拿到配置文件（直接整套搬过来，下载都省了）1.2 启动nginx 启动应用程序，一般页面会短暂闪一下，然后cmd打开命令提示符，输入命令： start nginx ，服务就启动了1.3 更改nginx的代理配置 如果更改了conf内的配置信息，比如代理的ip端口什么的，需要重新加载
2021-03-05 16:36:30
967
原创 ES5、ES6常用方法总结(长期更新）
1.reduce方法reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值，当前元素值，当前索引，调用 reduce 的数组。1、initialValue 初始值2、current 数组中当前被处理的元素3、index 当前元素在数组中的索引4、array 调用 reduce 的数组项目运用实例：接口获取两组数据，将id相同的合并，并且重复的不能覆盖,数据如下：nameList:[ { name: "张三",
2021-01-16 11:24:57
4180
原创 element UI form校验规则和输入限制
工作中经常遇到很多的form表单，这些表单会对input框做一些输入限制，这个案例是element UI引入的el-form，限制输入数字，长度，数字大小等。1.el-form的引入和绑定数据<el-form label-width="80px" :model="auto_alarm_cfg" :rules="cfg_rules" ref="cfg_form" > <el-form-item label="CPU" prop="cp
2020-11-17 09:59:52
6359
原创 图片内部放大镜效果vue-photo-zoom-pro（一张图基础上放大）
需求效果：实现软件：vue-photo-zoom-pro安装：npm install vue-photo-zoom-promain.js挂载import VuePhotoZoomPro from 'vue-photo-zoom-pro'Vue.use(VuePhotoZoomPro).Vue后缀的组件使用：<div class="magnifier" @click="clickImg(urlItem)"> <vue-photo-zoom-pro :ur
2020-10-10 14:34:29
1458
1
转载 Vue项目强制刷新（双击刷新界面）
强制刷新（双击刷新界面）定义子标签并通过 v-if hackReset 值(true | fasle) 控制子标签的重建<living-card v-if="hackReset"></living-card>定义hackReset初始值 true 保证初始化子标签正常显示data() { return { hackReset: true, }}调用方法使子标签销毁并重建rebuileComponents() { // 销毁子标签 thi
2020-10-09 14:48:18
1166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人