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