前端開發(fā) 如何從請求、傳輸、渲染3個方面提升Web前端性能?
如何從請求、傳輸、渲染3個方面提升Web前端性能?1、[請求1。它主要通過緩存來減少請求的數(shù)量,如localstorage、cookie、sessionstorage、applicationcache
如何從請求、傳輸、渲染3個方面提升Web前端性能?
1、[請求
1。它主要通過緩存來減少請求的數(shù)量,如localstorage、cookie、sessionstorage、applicationcache等,具體的用法可以在互聯(lián)網(wǎng)上搜索。因為每個瀏覽器對并發(fā)域名的數(shù)量都有限制,所以它采用多個域名來配置資源,比如對圖片使用單個域名;這樣也可以大大提高性能;
3、簡化代碼,合并資源,最大限度地減少請求數(shù)。
2、除了簡化代碼外,還可以啟用gzip壓縮以提高傳輸效率。
3、Rendering
解析HTML時,瀏覽器根據(jù)解析結(jié)果請求資源,形成DOM樹。加載CSS后,根據(jù)DOM樹生成渲染樹。加載并計算所有資源后,渲染樹將繪制到瀏覽器中。用戶的操作修改DOM節(jié)點和樣式,從而重新排列DOM和渲染。因此,我們可以通過以下幾點來提高性能:
1。避免嵌套HTML標(biāo)簽太深,因為遍歷樹會消耗資源;
2。CSS的層次不要太深,另外CSS的expression屬性消耗資源,所以盡量不要使用它;
3。盡可能減少重新排列的次數(shù);
4。不要對可以用CSS實現(xiàn)的動畫使用js,因為呈現(xiàn)機(jī)制是不同的。
以上是一個簡單的分析和方法。如果有什么不對勁,請改正。
Web前端密碼加密是否有意義?
!密碼的前端加密也是如此。
我們需要知道HTTP協(xié)議有兩個特點:
信息在網(wǎng)絡(luò)傳輸過程中是透明的。這時,如果在傳輸過程中被屏蔽,黑客們就像密碼一樣就會知道。
所以很多網(wǎng)站在不啟用HTTPS時,也會對前端密碼進(jìn)行加密,比如騰訊QQ空間賬號密碼登錄等網(wǎng)站。當(dāng)我們輸入密碼時,在提交表單之后,我們經(jīng)常會看到密碼框中的密碼長度突然變長。實際上,當(dāng)我們提交表單時,前端會對密碼進(jìn)行加密,然后將值賦給password字段,因此密碼框中似乎有更多的黑點。
當(dāng)密碼在前端加密時,即使信息在傳輸過程中被盜,第三方看到的也是加密的密碼。他接受這個密碼是沒有用的,因為加密的字符串有時間和其他特性,當(dāng)它被提交到其他計算機(jī)/IP上的服務(wù)器時無法驗證。
最后,即使是web前端密碼加密,也不能簡單地用MD5來加密密碼,必須在其中添加一些特征字符,同時還要限制加密的及時性,防止加密的密文一直有效。如果您可以使用HTTPS協(xié)議,請使用HTTPS協(xié)議。
怎樣設(shè)置JS接口安全域名?
1、登錄微信公共平臺,點擊官方賬號設(shè)置、功能設(shè)置、JS界面安全域名,填寫您的域名,如J。威望VIP.com.
2、設(shè)置JS接口安全域名后,官方賬號開發(fā)者可以減少微信開通的JS接口。
注:1。您可以填寫三個域名,一個級別或更高級別(例如:威望VIP.com,還是?日本微博VIP.com?),需要字母、數(shù)字和“-”的組合,不支持IP地址和端口號。
2. 填寫的域名必須通過ICP記錄驗證。
3. 在一個自然月內(nèi)最多可以修改和保存三次。