510酱

前端优化是面试中高频问题，面试官可以通过这个问题考察面试者的前端功底。对于一个工作几年的前端工程师来说，做的事情无时无刻不体现性能，比如说打包项目的时候，学某个知识的时候为了性能这么去做，在学 http 的时候为了性能，应用某个技术的时候为了体验更流畅。 接下来我分项目打包构建…

下面来分析下这段代码的运行过程.. 1.首次渲染先执行render函数，调用App，这个时候React.useState(0)调用执行，并把0赋值给state(这里的state是 React.useState()函数里内置的变量)，然后把state的值返回给n。这时候n为0，并…

场景：解决对第一次渲染也触发上述模拟componentDidUpdate这个的执行代码，下面三种方式是对这项功能的优化过程，也可以只看useUpdate用法。 。。。

思路：会有软键盘问题是因为当软键盘弹起时，页面高度变了导致页面变形解决思路：设置当前页面的高度为页面高度即可

注意：当存入 localstorage 里的数据是对象时，注意 第二次更改里面的值，会影响第一次。

答案是可以的。所以我们的目标是：通过webpack来引入svg, 如果有新的svg, 直接把下载好的svg复制到对应的icon文件夹， 然后在任何一个组件里写就可以用这个svg. 所以我们需要做的就是把官方文档里 webpack.config.js 关于svg-sprite-l…

今天学了 typescript 的语法，typescript 的本质还是 javascript，它主要是为了让我们更早的检查错误，只需要比 js 多声明一个类型，就能在编译成 js 之前就能检查出错误。所以今天来讲讲编译、运行概念、typescript 本质和 typescri…

虚拟DOM可以将多次操作合并为一次操作。比如可以将添加1000个节点合并成一次操作 DOM diff其实就是一个函数，它会对比 oldNode 与 newNode 的区别，渲染真实的dom。从而减少不必要的渲染。但是DOM diff会有bug。造成页面渲染的误操作，可以使用ke…

同源就是指两个 url 的协议、域名、端口号完全一致，那么这两个 url 就是同源。 同源策略：浏览器规定如果 js 运行在源 a 上，那么就不能获取源 b 的数据，目的是为了保护用户的隐私。 跨域资源共享（ CORS ）机制允许 Web 应用服务器进行跨域访问控制，从而使跨域…