Umbrella_Um的博客

文章目录1.编写高质量可维护的代码之优化逻辑判断1.1JavaScript 语法篇1.1.1嵌套层级优化1.1.2多条件分支的优化处理1.1.3使用数组新特性简化逻辑判断多条件判断判断数组中是否所有项都满足某条件判断数组中是否有某一项满足条件1.2.1函数默认值使用默认参数使用解构与默认参数复杂数据解构1.3.1策略模式优化分支逻辑处理2.框架篇之 React JSX 逻辑判断优化2.1JSX-Control-StatementsIf 标签Choose 标签For 标签With 标签3.总结4.参考文献1

前言前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?1. 从客户端角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2. 从服务器端角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源...

浏览器【加载资源】机制：1.前提摘要：从输入URL到看到页面的时间（单单指前端部分，不考虑后端相应时间等问题）2.前端部分主要花费的时间在这【3】部分：①HTML页面请求时间（就是发送URL请求到拿到HTML字符串的时间）→②页面资源请求时间（就是CSS,JS，一些用到的插件库以及图片等【时间占比最多】）→③页面绘制时间（就是浏览器把我们请求回来的HTML字符串以及资源绘制成我们看到的网页）...

前言回流（Reflow） 和 重绘（Repaint） 可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是我之前一直不是很清楚这两步具体做了什么事情。而且很尴尬的是每每提到性能优化的时候，我们可以说出 减少回流及其重绘 可以提高页面性能，当然但是一深入问到有什么方式呢？可能就说不出具体体现了，所以整理一下有关这方面的知识 ↓从浏览器的渲染的过程出发从上面这个图上，我们可以看到，...

在浏览器查看储存的数据HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：保持状态：cookie保存在浏览器端，session保存在服务器端使用方式：① cookie机制...