按时间归档:2023年5月31日
-
前端性能优化?
减少HTTP请求(合并css、js,雪碧图/base64图片) 压缩(css、js、图片皆可压缩,使用webpack uglify和 svg) 样式表放头部,脚本放底部 使用CDN…
-
PWA全称Progressive Web App,即渐进式WEB应用?
一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线…
-
移动端首屏优化?
按需加载配合webpack分块打包, 通过entry和commonChunkPlugin 压缩图片 https://tinypng.com/ Original: https://w…
-
flexible如何实现自动判断dpr?
判断机型, 找出样本机型去适配. 比如iphone以6为样本, 宽度375px, dpr是2 Java Program! Original: https://www.cnblogs…
-
移动端兼容适配?
手淘团队的一套flexible.js, 自动判断dpr进行整个布局视口的放缩 Original: https://www.cnblogs.com/programb/p/140688…
-
React算法复杂度优化?
react树对比是按照层级去对比的, 他会给树编号0,1,2,3,4…. 然后相同的编号进行比较。所以复杂度是n,这个好理解。 关键是传统diff的复杂度是怎么算的?传…
-
react单向数据流怎么理解?
React是单向数据流,数据主要从父节点传递到子节点(通过props)。如果顶层(父级)的某个props改变了,React会重渲染所有的子节点。 Java Program! Ori…
-
高阶组件?
高阶组件就是一个函数,且该函数(wrapper)接受一个组件作为参数,并返回一个新的组件。高阶组件并不关心数据使用的方式和原因,而被包裹的组件也不关心数据来自何处. + react…
-
渲染一个react?
对比新旧DOM, 节点对比, 将算法复杂度从O(n^3)降低到O(n) key值优化, 避免用index作为key值, 兄弟节点中唯一就行 Original: https://ww…
-
MVC与MVVM?
model-数据层 view-视图层 controller-控制层 MVC的目的是实现M和V的分离,单向通信,必须通过C来承上启下 MVVM中通过VM(vue中的实例化对象)的发布…