- 博客(15)
- 收藏
- 关注
RSS订阅原创 2020-08-13react
概要react单向数据绑定，数据改变了，需要主动触发视图更新（setState）内容概要1.function组件2.class组件3.状态和属性4.事件一、用function声明的组件，一般称为静态组件或函数式组件二 类组件三 状态和属性想让视图更新，react规定需要调用setState方法，（setState可以让render函数执行，在render中不能写setState，避免触发死循环）为此，需要使用钩子函数四 事件《一》一旦使用bind（this）函
2020-08-13 22:30:21
126
原创 vue-element-admin npm install安装依赖失败解决方法
问题：在github下载的vue-element-adimin没有node_modules依赖包，需要手动下载，怎么npm install 一直失败，没有生成node_modules文件夹。原因：没有安装 node-sass，安装后，可以正常下载。解决方法： 1.安装node-sass后，npm install； 2.第一次下载依赖包完成后，npm run dev，还会失败，报错：'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。解决方法：删除node_m
2020-08-13 17:22:52
7284
原创 npm install安装失败--解决
npm install 安装时出错，一直安装不成功npm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npm.taobao.org/clipboard failed, reason: connect ETIMEDOUT 112.54.108.89:npm ERR! network This is a problem related to network connecti
2020-08-12 17:25:08
3663
原创 回流与重绘
display(none) 不占位，会引发回流visibility （visible/hidden）占位，引发重绘二、元素样式修改1.浏览器渲染队列机制2. 动画操作3.tranform 4.在一定情况，要合理利用渲染队列机制由于渲染机制，导致这两个动画被合并解决:1.获取元素样式的操作，会刷新渲染队列（中断渲染队列），从而先将之前的样式渲染处理，再对后来的样式渲染2.使用setTimeout（）...
2020-07-31 21:43:30
143
原创 防抖与节流
1.防抖：在用户频发触发的时候，只识别一次（识别第一次或最后一次）第一种方法防抖方法 将上述封装成防抖函数2.节流：频繁触发中缩减频率 应用如控制滚动条设置标识，防止频繁点击触发常用工具库，lodash、underscore有触发和节流的方法...
2020-07-26 15:41:51
97
原创 call.applay,bind
bind在ie6，7，8中不执行call和apply是立即执行函数，bind利用柯里化函数思想，预先把需要处理的函数/改变的this/传递的实参等信息存储在闭包中，后期到达条件（事件触发/定时器），先指向返回的匿名函数，在执行匿名函数的过程中，再去改变this等=》this和参数的预处理考察call方法var name = '珠峰培训';function A(x,y){ var res=x+y; console.log(res,this.name);}function B(x
2020-07-26 11:12:16
153
原创 闭包作用域练习题
函数接受参数的有两种方式：ARGUMENTS 和es6中…args区别：arguments是一个类数组 [0:1,1:2,2:3,length:3]args是一个数组[1,2,3]var a = 4;function b(x, y, a) { console.log(a); arguments[2] = 10; console.log(a);}a = b(1, 2, 3);console.log(a);1.在函数中，初始化ARGUMENTS类数组集合，不论.
2020-07-24 00:10:21
202
原创 0722面向对象（二）
1.向内置原型上扩展方法第一种：func.prototype.A=function(){}func.prototype.B=function(){}func.prototype.C=function(){}第二种：别名let proto=func.prototypeproto.Afunction(){}proto.Bfunction(){}第三种：在原型上批量设置属性方法，采用重定向的方式func.prototype={A:function(){}}这种方式缺点：缺失了const
2020-07-22 21:38:21
89
原创 THIS的几种基本情况和练习题
一、this基础知识1.this :执行主体（谁把代码执行）执行上下文是代码执行的环境，和this不是一回事2.如何区别执行主体：和函数在哪儿执行和创建位置没有必然联系1>函数执行时，看函数前是否有点，如果有，点前面的就是this，没有点，严格模式下this=》window，非严格模式this=>undefineda.自执行函数中的this一般是window/undefinedb.回调函数中的this一般是window/undefined，(除非某个函数内部给回调函数做了特殊处理，
2020-07-22 18:17:42
280
原创 jquery源码解读学习（一）
1.（function（global，factory）{//global=>window//factory=>回调函数 function(window,global){}}）（typeof window!="undefined"?window:this,function(window,global){}{}）//区分浏览器环境和node环境// 浏览器环境下，传给global的是window//node环境下传给global是 global/模块...
2020-07-22 07:05:03
834
原创 webpack---js配置
1.bable：主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，如低版本不识别es6的let、class等需要配置bable（装饰器（高版本语法），低版本的浏览器不识别，需要用bable转义）2.async await3.webpack 代码调试时，使用dectool，eval source-map 快速（原始代码，调试时按照原始代码行执行的，其他的是调试时看不到错误所有在原始代码位置，只能看到编译好的代码）4.derServer // 最
2020-07-22 06:09:30
181
原创 let 与var 区别、type暂时性死区
1.let 与var 区别：let在词法解析阶段，会判断变量是不是在声明之前被调用，如果是，则报错console.log(a)//(Uncaught ReferenceError: Cannot access 'a' before initialization)let a=1;//2.typeof 存在暂时性死区，当检测一个未被声明过的变量时，不会报错，结果是undefined...
2020-07-20 23:07:06
176
原创 前端之iframe
iframe详解 https://www.cnblogs.com/hq233/p/9849939.html获取window两种方式：在iframe元素中设置name属性，在父页面中 直接通过frameName获取该iframe的window；或 window.frames[frameName]先得到iframe这个元素，document.getElementById(“id”).contentWindow...
2020-07-16 16:29:32
134
原创 elementUI Tree树节点上移下移操作
基于VUE+elementUI Tree树节点上移下移操作1.使用方法首先，获取当前节点数据 this.$refs.tree.getCurrentNode();其次，a>获取该节点的父节点的所有子节点数组this.$refs.tree.parent.childNodes；b>遍历所有子节点，得到当前节点的在子节点数组中的索引，上移：当前节点的上一个节点索引（index-1）；...
2019-07-23 20:17:52
6485
原创 elementUI Table数据上移下移操作
基于VUE+elementUI的Table数据上移下移一.使用方法利用scope获取表格每行的数据和索引scope.$index 该行数据的索引（index相当于table.data[index]）scope.row为该行数据的内容二、具体代码实现1.渲染table <el-table ref="maplayertable" :data="tableD...
2019-07-23 20:03:21
5720
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人