全玉金生

摘要： div默认无法聚焦，所以不能触发keyUp事件。 1. 为其添加tabIndex，可以使其能聚焦。 $('div').attr('tabIndex',0); $('div').focus(); 2. 此外，div如果包含a链接，也能聚焦。 <div> <a href='#'>必须有内容</a> </ 阅读全文

摘要： 参数 触发时机 更新方式 componentWillReceiveProps componentWillReceiveProps(nextProps) 只有一个参数nextProps，下一次的props 收到新的props之前做一些事情 仅在props变化时会触发 更新状态是同步的， 不触发重新re 阅读全文

摘要： React.memo是一个高阶组件，本质就是一个函数。基本形式如下： React.memo(functionl Component, areEqual) React.memo与PureComponent作用一样，都是用来减少组件渲染。区别如下： 1. React.memo针对函数式组件，PureCo 阅读全文

摘要： useState 生成状态 useEffect 执行副作用(不会阻塞浏览器渲染，原理是使用了requestIdleCallback，在浏览器空闲时执行callback) useContext 获取context参数 useReducer 修改状态 useCallback 缓存函数 useMemo 缓 阅读全文

摘要： 1. JSON.stringfy做深拷贝会丢失信息 JSON.parse(JSON.stringfy(obj))做深拷贝，会有以下问题 1. 日期变字符串 2. RegExp、Error对象变空对象， 3. 函数，undefined会丢失 4. NaN、Infinity和-Infinity会变成nu 阅读全文

摘要： 1. padding/margin的百分比实现 padding-top/bottom，margin-top/bottom都是基于父元素的宽度为参照的，可以实现高宽比固定的盒子 .box{ width: 50%; padding-bottom: 30%; } 就实现了高宽比为3:5的盒子 然后设定im 阅读全文

摘要： //vue2.x写法 new Vue({ router, render: h => h(App) }).$mount("#app"); //或者 new Vue({ el: '#app', router, render: h => h(App) }); //也可以先得到Virtual DOM，再挂载 阅读全文

摘要： 基本上是使用深度优先遍历的套路，以下方法获取的是沿途的所有节点 获取沿途所有路径 阅读全文

摘要： jsonp和CORS等解决方案都依赖于后端协助，前端要独立解决跨域，可以使用以下方法。 1. webpack-dev-server添加代理 在开发模式使用webpack-dev-server的情况下，可以在devServer的配置中添加proxy，可以直接进行转发，解决跨域， 具体可以参考详解Web 阅读全文

摘要： Access-Control-Allow-Origin为*的时候，前端设置withCredentials：true，将不能发送cookie到服务端。 此外，前端要发送cookie到服务端，还要 XMLHttpRequest 的 withCredentials 标志设置为 true，且 服务器端的响应 阅读全文