12 2019 档案
摘要：超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 为了解决HT
阅读全文
摘要：1、setState为什么是异步的、什么时候是异步的？ setState本身的执行过程是同步的，只是因为在react的合成事件与钩子函数中执行顺序在更新之前，所以不能直接拿到更新后的值，形成了所谓的异步； 2、能不能同步，什么时候是同步的？ 可以同步，在ajax、原生事件与setTimeout中是同
阅读全文
摘要：安装babel-plugin-import插件。下面方法二选一，都可以实现antd的按需加载。 一、配置webpack.config.js文件 二、配置babelrc文件
阅读全文
摘要：旧版本生命周期： React16新增生命周期： 总结： 1.React16新的生命周期弃用了componentWillMount、componentWillReceivePorps，componentWillUpdate 2.新增了getDerivedStateFromProps、getSnapsh
阅读全文
摘要：0.refs的作用是什么，你在什么业务场景下使用过refs 作用是操作dom 场景：图片加载完以后获取图片的宽高 // window上添加事件监听后，组件销毁前需要移除 0.refs的作用是什么，你在什么业务场景下使用过refs 作用是操作dom 场景：图片加载完以后获取图片的宽高 // windo
阅读全文
摘要：官方推荐的写法：函数式的写法 this.setState((prevState) => ({ age: ++ prevState.age })) 如果不这样写，因为 setState 是异步的，当疯狂的触发按钮，react会将多个setState合并成一个，这样就导致了，并非每次+1。 react
阅读全文
摘要：是babel react的代码实际上在浏览器上是不能直接运行的，我们借助脚手架把它转成es5，让react代码在浏览器上运行。 vue的语法 是在webpack中借助vue-loader来帮忙转换的，让Vue的代码可以在浏览器上运行。 但是在react里面，是没有react-loader来帮忙转换的
阅读全文
摘要：虚拟dom(virtual dom) 是 JS对象 虚拟dom就是一个真实dom的JS对象，很像 AST 抽象语法树的概念 以前没有虚拟dom，如果需要比较两个页面的差异，我们需要通过对真实dom进行比对。 真实dom节点是非常复杂的，它里面会绑定的事件，它会有属性，背后会有各种方法，所有两个真实d
阅读全文
摘要：PureComponent 的使用场景 PureComponent 和 Component 的区别是，PureComponent 自带 shouldComponentUpdate 生命周期函数，会对传入的props进行浅比较。 PureComponent 和 immutable.js库 做结合，完美
阅读全文
摘要：虽然工作中许多同事仅把共享数据放在 redux 中，但是个人建议是将数据统一放在 redux 中管理。 吴军 Google方法论 数据存储形式 state props redux 如果仅将共享数据放在redux中管理，当页面出现问题时，定位问题时，需要全部检查，违背了代码出错的可调节性。 如果将数据
阅读全文
摘要：改装 dispatch redux-thunk redux-promise redux-saga 派发action -- store -- reducer -- store 中间件 指 action 和 store 之间，dispatch是沟通的桥梁 action通常为一个对象，当我们需要传递一个函
阅读全文
摘要：1、this总是指向函数的直接调用者（而非间接调用者）；2、如果有new关键字，this指向new出来的那个对象；3、在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window；看看下边几个例子，或许可以更好的理解this对象this的
阅读全文
摘要：200 请求成功,4开头的是前端（客户端）的错误400 错误的请求（bad request）404 not found 未找到 页面未响应，403服务器了解客户的请求，但是拒绝处理5开头的一般是服务器的事500服务器内部错误 不能发完成客户的请求502 服务器作为网关或者代理收到了无效的响应503
阅读全文
摘要：array.slice(start, [end]);-->截取从start之后不包括end的元素；array.concat([item1[, item2[, . . . [,itemN]]]]); -->合并数组；两者都是返回数组的拷贝数组，注意是一个新的数组。 substring(start,st
阅读全文
摘要：pop(),删除数组的最后一个元素，把数组长度减1，并返回它删除的元素的值，如果数组为空，则POP不改变数组，并返回undefined值push(),向数组的末尾添加一个或多个元素，并返回新的长度unshift(),向数组的开头添加一个或多个元素，并返回新的长度shift()方法，将数组的第一个元素
阅读全文
摘要：它的功能是把对应的字符串解析成JS对象并运行；！！应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。由JSON字符串转换为JSON对象的时候可以用eval，var obj =eval('('+ str +')');
阅读全文
摘要：event.stoppropagation()阻止事件冒泡，event.preventdefault()阻止默认事件。在这插播一个事件捕获OR事件冒泡 事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。相反的，事件冒泡是自下而上的去触发事件绑定事件方法的第三个参数，就是控
阅读全文
摘要：document.load在所有的资源全部加载完成后，执行下一个函数（会有卡顿）。document.ready只要加载完dom树就执行函数（加载比较快）。
阅读全文
摘要：call(), 调用一个对象的一个方法以另一个对象替换当前对象。apply(),应用某一个对象的一个方法，用另一个对象替换当前对象（继承性）
阅读全文
摘要：window对象是指浏览器打开的窗口。document对象是Document对象（HTML 文档对象）的一个只读引用，window对象的一个属性。
阅读全文
摘要：(1)text-shadow 文本阴影text-shadow: 5px 5px 5px #FF0000;(2)box-shadow 盒子阴影box-shadow: 10px 10px 5px #888888;(3)text-overflow 文本溢出white-space: nowrap; widt
阅读全文
摘要：（1）渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。（2）优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
阅读全文
摘要：px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字体尺寸举个例子：比如说当前容器`font-size:16px;`则`1em`就等于16px;rem 是CSS3新增的一个相对单位（相对于根元素的）,使用方法就是 浏览器的默认字体
阅读全文
摘要：IE(内核：trident); internet explorer 火狐浏览器mozilla firefox (内核：gecko) 谷歌浏览器chrome(内核：webkit) opera浏览器（内核：presto）
阅读全文
摘要：A, float+calc(css3新属性计算属性)方式 B, flex方式 .
阅读全文
摘要：a, 定位方式（父元素宽高固定，子元素宽高固定） b, flex布局方式（父元素宽高不固定，子元素宽高不固定） c, transform方式（父元素宽高不固定，子元素宽高不固定） .
阅读全文
摘要：1，浏览器默认的内外边距不一样，所以用通用选择器*设置margin和padding来设置。2，块标签设置浮动后，有设置margin的情况下，在ie6下的margin比别的浏览器大。3，img标签会有默认的间距，需要用浮动去设置4，火狐浏览器中的点击事件和滚动事件需要加（event）来兼容5，div里
阅读全文
摘要：display:none;visibility：hidden； <input type = button><button>这是一个按钮 </button>
阅读全文
摘要：1，代码精简（没有本身自带的一些属性，容易设置样式）2，解决了table表格的嵌套问题3，速度问题（页面代码减少，增加了编写代码的速度）4 ,对排名的影响，基于xhtml标准的div+css布局会更快的通过w3c标准
阅读全文
摘要：块级元素：div/p/form/ul/li/ol/hr/fieldset/table/dd/dt/dl行内元素：span/strong/a/b/em/img/input/lable/small/sub
阅读全文
摘要：1，@font-face加载字体样式，2，文字渲染，text-decoration,text-fill-color:文字内部填充颜色，text-stroke-color:文字边框填充颜色，text-stroke-width:文字边界宽度。3,css3的多列布局 Column-count：表示布局几列
阅读全文
