1. 减少 HTTP 的请求次数和传输报文的大小 2. 设置各种缓存、预处理和长连接机制 3. 代码方面的性能优化

防抖函数英文名叫“debounce function”，它通常是作为频发事件的回调使用的。对于 scroll、resize、key* 这类事件，如果不使用防抖函数处理，那么由于事件的频繁发生，触发回调逻辑的不断调用，很可能会发生性能问题。 上面的回调函数经过 debounce …

未优化的图片是影响网站性能的主要因素之一，尤其会影响初次加载。取决于图像的分辨率和画质，图片可能占据整个网站流量的 70%. 生产环境出现未优化的图片并显著影响初次加载速度的现象还是挺常见的。缺乏经验的开发者通常没有意识到这一潜在问题，也不了解各种优化图片的工具和方法。 本文的…

移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…

单点登录( Single Sign On ，简称 SSO），是目前比较流行的企业业务整合的解决方案之一，用于多个应用系统间，用户只需要登录一次就可以访问所有相互信任的应用系统。 限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互，要求协议，端口和主机都相同。 用于…

随着Angular,React,Vue以及其他一些前端技术的成熟，Web开发在过去的几年中已经发生了很大的改变，从建立Web页面转向建立应用程序，同时从在服务端渲染标记，转向直接在浏览器中渲染。大部分情况下，这使得基于浏览器的使用增加。但是随着开发者逐渐过渡到前端开发，许多人都…

2. JavaScript 中的作用域（scope）是指什么？ 在 JavaScript 中，每个函数都有自己的作用域。作用域基本上是变量以及如何通过名称访问这些变量的规则的集合。只有函数中的代码才能访问函数作用域内的变量。 同一个作用域中的变量名必须是唯一的。一个作用域可以嵌…

中文意思是跨站脚本攻击。 xss攻击一般是指用恶意的脚本代码去篡改网页，以获取用户的隐私信息。 但如果输入localhost/?user=<script>alert('反射型xss')</script>网页就会被注入脚本，根据注入脚本的不同，攻击者可以借此获取用户的cookie…

做前端开发，也有些年头了。除了垒代码之外，也非常重视自己开发的项目的用户体验，经常会以纯用户的角度，去体验自己开发出来的项目。综合自己在项目开发过程中遇到的问题，尤其是合作开发的过程中遇到的情况，以及作为用户的感受，特别想写一点关于项目优化的东西，如有不合适的地方，欢迎批评指正…