原创 Nginx 安裝與配置規則入門

Nginx 安裝與配置規則入門 nginx 安裝與運行 (Mac OS環境) nginx 規則配置入門 一些命令行的配置 一、nginx 安裝與運行 (Mac OS環境) 1. 安裝 nginx 可通過 Homebrew 可直接安裝:

原创 DOM 元素中的焦點管理

DOM 元素中的焦點管理 1. 焦點元素 表單元素(input、select 或者 textarea 等) 以及 document.body 2. 如何查看當前焦點元素 document.activeElement:返回當前頁面中獲得焦點的

原创 數據結構 JS 版

內容:棧、隊列、鏈表、集合、字典、散列表、樹 棧 通過類封裝實現棧結構,不直接繼承數組的原生方法的原因是,數組具有某些其他數據結構的方法,爲了只讓棧暴露棧的方法,還得編寫將非棧的方法封閉的代碼,多了冗餘代碼,且不是面向對象編程的合理表現。

原创 如何用c++開發一個簡版web服務器

初衷 在閱讀了TLPI和深入理解計算機系統之後,學會了如何使用linux系統api,想在寫代碼的過程中來加深自己對知識的理解,更想用這些知識來去做一個更酷的東西,而不僅僅是教課書上的簡單服務器。而且在實現過程中往往能學到教科書外的東西。

原创 HTTP——https、http緩存、get與post、web安全、跨域

HTTP誕生 1989年爲知識共享而誕生的Web,提出了3項WWW構建技術: 標準通用標記語言設爲HTML(HyperText Markup Language,超文本標記語言) 文檔傳輸協議HTTP(HyperText Transfer

原创 瀏覽器性能

瀏覽器是怎麼渲染的? DOM樹+CSS規則樹—>渲染樹—調用系統GUI的API來繪製頁面 1)瀏覽器下載html文件之後,會根據html文件構建DOM樹,其中css會構建css規則樹,js會修改dom樹和css規則樹; 2)通過計算

原创 JS中this的4種綁定規則

this ES6中的箭頭函數採用的是詞法作用域。 爲什麼要使用this:使API設計得更簡潔且易於複用。 this即不指向自身,也不指向函數的詞法作用域。 this的指向只取決於函數的調用方式 this綁定規則 new > 顯示綁定 >

原创 JS—異步、回調、高階函數

併發與並行 併發是指兩個或多個事件鏈隨時間發展交替執行,以至於從更高的層次來看,就像是同時運行(但在任意時刻只處理一個事件) 併發的關鍵是你有處理多個任務的能力,不一定同時。 並行的關鍵是你有同時處理多個任務的能力。 併發和並行都可以是很

原创 正則表達式

正則表達式 MDN文檔 名詞解析 1. 斷言 斷言,就是指明某個字符串前邊或者後邊,將會出現滿足某種規律的字符串。 零寬斷言:一般的正則表達式匹配,都是有 寬度 的,如:w+。 會將 '。' 一同匹配到。如果像 '。' 這樣的內容只是一種判