np918的博客

react整体式函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中是单向数据流。react在setState之后会重新走渲染的流程，如果shouldComponentUpdate返回的是true就继续渲染，如果是false就不会重新渲染。vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听，当属性变化的时候，响应式的更新对应的虚拟do...

为什么需要项目优化在互联网快速发展的今天，在实现完功能之后，项目优化是一个被经常提到的话题。很多项目会在开发排期中留大量时间去做一轮又一轮的性能优化，就是为了让页面尽可能早的到达用户，提高交互的流畅程度。在系统可利用系统资源有限的大背景下，3秒呈现内容的原则下，项目优化显得格外重要。每减少0.1秒加载速度可能会给你带来几百甚至几千的用户活跃；每减少100K的内容请求可能会给你带来几千甚至几万...

SEO有三条最重要的规律，那就是原创的内容、高质量的外部链接和持之以恒适度的优化。关于meta标签 meta标签的作用有：搜索引擎优化，定义页面实用语言，自动刷新并指向新的页面，实现网页转换时的动态效果 ，控制页面缓冲，网页定级评价，控制网页显示的窗口等！`META`标签的`keywords<meta name="Keywords" content="信息参数" />...

减少请求数量【合并】：公共库合并、不同页面单独合并【图片处理】：雪碧图、Base64、使用字体图标来代替图片【减少重定向】：使用重定向会延迟整个HTML文档的传输【使用缓存】：使用cach-control或expires【不使用css@import】：会造成额外的请求【避免使用空的src和href】：a标签设置空的href，会重定向到当前页面地址、from设置空的method，会提交表...

1.自动选中输入框的文字 <input onfocus="this.select()">2.鼠标悬停在输入框时改变边框颜色或背景色（1）css中加入input：hover{border:1px solid #f00}（2）<input onfocus="this.select()" onmouseover="this.style.bordercolor="#f00" o...

服务端渲染总结起来是两点：首屏加载快相比于加载单页应用，我只需要加载当前页面的内容，而不需要像react或者vue一样加载全部js文件SEO优化对于单页应用，搜索引擎并不能收录到ajax爬取数据之后然后再动态js渲染出来的页面。为了更便于理解，下面极端化摘自掘金小册:事实上，很多网站是处于效益的考虑才启用服务端渲染，性能倒是在其次。假设A网站页面中有一个关键字交“前端性能优化”，这个...

现代浏览器大多都是通过队列机制来批量更新布局，浏览器会吧修改操作放在队列中，至少一个浏览器刷新才会清空队列，但是当你获取布局信息的时候，队列中可能会影响这些属性或方法返回值的操作，即使没有，浏览器也会强制清空队列，触发回流与重绘来确保返回正确的值。主要包括以下属性或方法offsetTop、offsetLeft、offsetWidth、offsetHeightscrollTop、scrollL...