前端开发 如何从请求、传输、渲染3个方面提升Web前端性能?

如何从请求、传输、渲染3个方面提升Web前端性能?1、[请求1。它主要通过缓存来减少请求的数量,如localstorage、cookie、sessionstorage、applicationcache

如何从请求、传输、渲染3个方面提升Web前端性能?

1、[请求

1。它主要通过缓存来减少请求的数量,如localstorage、cookie、sessionstorage、applicationcache等,具体的用法可以在互联网上搜索。因为每个浏览器对并发域名的数量都有限制,所以它采用多个域名来配置资源,比如对图片使用单个域名;这样也可以大大提高性能;

3、简化代码,合并资源,最大限度地减少请求数。

2、除了简化代码外,还可以启用gzip压缩以提高传输效率。

3、Rendering

解析HTML时,浏览器根据解析结果请求资源,形成DOM树。加载CSS后,根据DOM树生成渲染树。加载并计算所有资源后,渲染树将绘制到浏览器中。用户的操作修改DOM节点和样式,从而重新排列DOM和渲染。因此,我们可以通过以下几点来提高性能:

1。避免嵌套HTML标签太深,因为遍历树会消耗资源;

2。CSS的层次不要太深,另外CSS的expression属性消耗资源,所以尽量不要使用它;

3。尽可能减少重新排列的次数;

4。不要对可以用CSS实现的动画使用js,因为呈现机制是不同的。

以上是一个简单的分析和方法。如果有什么不对劲,请改正。

Web前端密码加密是否有意义?

!密码的前端加密也是如此。

我们需要知道HTTP协议有两个特点:

信息在网络传输过程中是透明的。这时,如果在传输过程中被屏蔽,黑客们就像密码一样就会知道。

所以很多网站在不启用HTTPS时,也会对前端密码进行加密,比如腾讯QQ空间账号密码登录等网站。当我们输入密码时,在提交表单之后,我们经常会看到密码框中的密码长度突然变长。实际上,当我们提交表单时,前端会对密码进行加密,然后将值赋给password字段,因此密码框中似乎有更多的黑点。

当密码在前端加密时,即使信息在传输过程中被盗,第三方看到的也是加密的密码。他接受这个密码是没有用的,因为加密的字符串有时间和其他特性,当它被提交到其他计算机/IP上的服务器时无法验证。

最后,即使是web前端密码加密,也不能简单地用MD5来加密密码,必须在其中添加一些特征字符,同时还要限制加密的及时性,防止加密的密文一直有效。如果您可以使用HTTPS协议,请使用HTTPS协议。

怎样设置JS接口安全域名?

1、登录微信公共平台,点击官方账号设置、功能设置、JS界面安全域名,填写您的域名,如J。威望VIP.com.

2、设置JS接口安全域名后,官方账号开发者可以减少微信开通的JS接口。

注:1。您可以填写三个域名,一个级别或更高级别(例如:威望VIP.com,还是?日本微博VIP.com?),需要字母、数字和“-”的组合,不支持IP地址和端口号。

2. 填写的域名必须通过ICP记录验证。

3. 在一个自然月内最多可以修改和保存三次。