前端整理(一)

2021-08-15 06:51:53 字數 2008 閱讀 2517

visibility:hidden–為隱藏的物件保留其物理空間

html元素(物件)僅僅是在視覺上看不見(完全透明),而它所佔據的空間位置仍然存在。

- display: none–不為被隱藏的物件保留其物理空間

html元素(物件)的寬度、高度等各種屬性值都將「丟失

網域名稱解析 –> 發起tcp的3次握手 –> 建立tcp連線後發起http請求 –> 伺服器響應http請求,瀏覽器得到html** –> 瀏覽器解析html**,並請求html**中的資源(如js、css、等) –> 瀏覽器對頁面進行渲染呈現給使用者。

tcp三次握手建立連線成功後開始,客戶端按照指定的格式開始向服務端傳送http請求,服務端接收請求後,解析http請求,處理完業務邏輯,最後返回乙個http的響應給客戶端

nodejs最主要的優點就是:高併發

- restful api

這是nodejs最理想的應用場景,可以處理數萬條連線,本身沒有太多的邏輯,只需要請求api,組織資料進行返回即可。它本質上只是從某個資料庫中查詢一些值並將它們組成乙個響應。由於響應是少量文字,入站請求也是少量的文字,因此流量不高,一台機器甚至也可以處理最繁忙的公司的api需求。

- 統一web應用的ui層

目前mvc的架構,在某種意義上來說,web開發有兩個ui層,乙個是在瀏覽器裡面我們最終看到的,另乙個在server端,負責生成和拼接頁面。

不討論這種架構是好是壞,但是有另外一種實踐,面向服務的架構,更好的做前後端的依賴分離。如果所有的關鍵業務邏輯都封裝成rest呼叫,就意味著在上層只需要考慮如何用這些rest介面構建具體的應用。那些後端程式設計師們根本不操心具體資料是如何從乙個頁面傳遞到另乙個頁面的,他們也不用管使用者資料更新是通過ajax非同步獲取的還是通過重新整理頁面。

- 大量ajax請求的應用

例如個性化應用,每個使用者看到的頁面都不一樣,快取失效,需要在頁面載入的時候發起ajax請求,nodejs能響應大量的併發請求。  總而言之,nodejs適合運用在高併發、i/o密集、少量業務邏輯的場景。

ie(ie核心) 火狐(gecko) 谷歌(webkit,blink)opera(presto),safari(webkit)

!doctype宣告位於位於html文件中的第一行,處於html 標籤之前。告知瀏覽器的解析器用什麼文件標準解析這個文件。doctype不存在或格式不正確會導致文件以相容模式呈現。

路由傳參,localstorage,sessionstorage,pouch db等

什麼是跨域?

跨域,指的是瀏覽器不能執行其他**的指令碼。它是由瀏覽器的同源策略造成的,是瀏覽器施加的安全限制。

請注意:localhost和127.0.0.1雖然都指向本機,但也屬於跨域。

解決方法:

伺服器**

iis (web.config)

"access-control-allow-methods"

value="put,post,get,options" />

"access-control-allow-headers"

value="x-requested-with,content-type,accept,user-name,user-authorization"/>

"access-control-allow-origin"

value="*" />

nginx

"access-control-allow-methods"

value="put,post,get,options" />

"access-control-allow-headers"

value="x-requested-with,content-type,accept,user-name,user-authorization"/>

"access-control-allow-origin"

value="*" />

前端知識整理(一)

一 網路請求 1 dns解析 1 瀏覽器會首先檢視本地硬碟的 hosts 檔案,看看其中有沒有和這個網域名稱對應的規則,如果有的話就直接使用 hosts 檔案裡面的 ip 位址。2 如果在本地的 hosts 檔案沒有能夠找到對應的 ip 位址,瀏覽器會發出乙個 dns請求到本地dns伺服器 網路接入...

前端優化 整理

看了好多前輩關於效能優化的簡介,於是東拼西湊,整理整理,方便以後檢視 從使用者角度而言,優化能夠讓頁面載入得更快 對使用者的操作響應得更及時,能夠給使用者提供更為友好的體驗。從服務商角度而言,優化能夠減少頁面請求數 或者減小請求所佔頻寬,能夠節省可觀的資源。我只收集了我們能用的一些常用的,有些說的太...

前端題目整理

聽了冰山工作室的每日一題,整理下來 every和some方法 a.some item a.every item 跑空迴圈 var tag a.foreach item 修改索引 關於foreach裡的陣列長度 在foreach裡使用push等操作並不會使迴圈的次數發生變化,如下例 var a 1,2...