一像素

摘要： MAC地址表 說到MAC地址表，就不得不說一下交換機的工作原理了，因為交換機是根據MAC地址表轉發數據幀的。在交換機中有一張記錄著局域網主機MAC地址與交換機接口的對應關系的表，交換機就是根據這張表負責將數據幀傳輸到指定的主機上的。 交換機的工作原理 交換機在接收到數據幀以后，首先、會記錄數據幀中的 閱讀全文

摘要： 客戶提供了 mysql 的環境，但是不支持中文，通過以下命令查看了 mysql 的字符集 顯示如下： 為了讓 mysql 支持中文，需要把字符集改變成 utf8 。 方法如下： 1. 打開 etc/my.cnf 2. 修改成如下內容，保存 3. 重啟 mysql 服務 再次查看 mysql 編碼，已 閱讀全文

摘要： 在使用正則表達式時，有時我們需要捕獲的內容前后必須是特定內容，但又不捕獲這些特定內容的時候，零寬斷言就起到作用了。 正則表達式零寬斷言: 零寬斷言是正則表達式中的難點，所以本章節重點從匹配原理方面進行一下分析。零寬斷言還有其他的名稱，例如"環視"或者"預搜索"等等，不過這些都不是我們關注的重點。 一 閱讀全文

摘要： node.js 中的非 IO 的異步 API 提供了四種方法，分別為 setTimeOut(), setInterval(), setImmediate() 以及 process.nextTick()，四種方法實現原理相似，但達到的效果略有區別： 1、事件循環 Event Loop 首先，我們需要了 閱讀全文

摘要： 1、從 http 協議說起 1996年IETF HTTP工作組發布了HTTP協議的1.0版本 ，到現在普遍使用的版本1.1，HTTP協議經歷了17 年的發展。這種分布式、無狀態、基于TCP的請求/響應式、在互聯網盛行的今天得到廣泛應用的協議，相對于互聯網的迅猛發展，它似乎進步地很慢?；ヂ摼W從興起到現 閱讀全文

摘要： 說到跨域，就不得不提起瀏覽器的同源策略。 同源策略限制從一個源加載的文檔或腳本如何與來自另一個源的資源進行交互。 源 如果協議，端口（如果指定了一個）和主機對于兩個頁面是相同的，那么這兩個頁面就具有相同的源。 從這個定義可以看出，如果兩個頁面的協議，端口，主機三個只要有一個不一樣，就是不同的源，想要 閱讀全文

摘要： CORS是一個W3C標準，全稱是"跨域資源共享"（Cross-origin resource sharing）。 它允許瀏覽器向跨源服務器，發出XMLHttpRequest請求，從而克服了AJAX只能同源使用的限制。 本文詳細介紹CORS的內部機制。 一、簡介 CORS需要瀏覽器和服務器同時支持。目 閱讀全文

摘要： 受瀏覽器同源策略的限制，本域的js不能操作其他域的頁面對象（比如DOM）。但在安全限制的同時也給注入iframe或是ajax應用上帶來了不少麻煩。所以我們要通過一些方法使本域的js能夠操作其他域的頁面對象或者使其他域的js能操作本域的頁面對象（iframe之間）。這里需要明確的一點是：所謂的域跟js 閱讀全文

摘要： 本文翻譯自微軟官網的一篇文章，名稱是 XDomainRequest – Restrictions, Limitations and Workarounds 本文原作者是EricLaw，前微軟正式員工。2004到2012年在微軟擔任IE程序經理（Program Manager）。 譯文如下： 更新：I 閱讀全文

摘要： 在各種計算機體系結構中，對于字節、字等的存儲機制有所不同，因而引發了計算機通信領域中一個很重要的問題，即通信雙方交流的信息單元（比特、字節、字、雙字等等）應該以什么樣的順序進行傳送。如果不達成一致的規則，通信雙方將無法進行正確的編/譯碼從而導致通信失敗。 目前在各種體系的計算機中通常采用的字節存儲機 閱讀全文

摘要： V8 的垃圾回收策略主要基于分代式垃圾回收機制。所謂分代式，就是將內存空間分為新生代和老生代兩種，然后采用不同的回收算法進行回收。 新生代空間 新生代空間中的對象為存活時間較短的對象，大多數的對象被分配在這里，這個區域很小但是垃圾回特別頻繁 。 它將堆內存一分為二，每一部分空間稱為 semispac 閱讀全文

摘要： TTL TTL是 Time To Live 的縮寫，該字段指定IP包被路由器丟棄之前允許通過的最大網段數量。TTL是IPv4包頭的一個8 bit字段。在IPv4包頭中TTL是一個8 bit字段，它位于IPv4包的第9個字節。如下圖所示，每一行表示 32 bit（4字節），位從0開始編號，即0~31。 閱讀全文

摘要： 1、Unicode 的由來 因為計算機只能處理數字，如果要處理文本，就必須先把文本轉換為數字才能處理。最早的計算機在設計時采用8個比特（bit）作為一個字節（byte），所以，一個字節能表示的最大的整數就是255（二進制11111111=十進制255），如果要表示更大的整數，就必須用更多的字節。比如 閱讀全文

摘要： Undefined 和 Null 是 Javascript 中兩種特殊的原始數據類型(Primary Type)，它們都只有一個值，分別對應 undefined 和 null ，這兩種不同類型的值，既有著不同的語義和場景，又表現出較為相似的行為： undefined undefined 的字面意思就 閱讀全文

摘要： Node.js 采用事件驅動和異步 I/O 的方式，實現了一個單線程、高并發的 JavaScript 運行時環境，而單線程就意味著同一時間只能做一件事，那么 Node.js 如何通過單線程來實現高并發和異步 I/O？本文將圍繞這個問題來探討 Node.js 的單線程模型 。 高并發策略 一般來說，高 閱讀全文

摘要： 在Web應用中，實現動畫效果的方法比較多，JavaScript 中可以通過定時器 setTimeout 來實現，css3 可以使用 transition 和 animation 來實現，html5 中的 canvas 也可以實現。除此之外，html5 還提供一個專門用于請求動畫的 API，即 req 閱讀全文

摘要： Web前端技術由 html、css 和 javascript 三大部分構成，是一個龐大而復雜的技術體系，其復雜程度不低于任何一門后端語言。而我們在學習它的時候往往是先從某一個點切入，然后不斷地接觸和學習新的知識點，因此對于初學者很難理清楚整個體系的脈絡結構。本文將對Web前端知識體系進行簡單的梳理， 閱讀全文

摘要： MVVM 是Model-View-ViewModel 的縮寫，它是一種基于前端開發的架構模式，其核心是提供對View 和 ViewModel 的雙向數據綁定，這使得ViewModel 的狀態改變可以自動傳遞給 View，即所謂的數據雙向綁定。 閱讀全文

摘要： 使用Node.js搭建Web服務器是學習Node.js比較全面的入門教程，因為實現Web服務器需要用到幾個比較重要的模塊：http模塊、文件系統、url解析模塊、路徑解析模塊、以及301重定向技術等，下面我們就一起來學習如何搭建一個簡單的Web服務器。 作為一個Web服務器應具備以下幾個功能： 能顯 閱讀全文

摘要： H5單頁面手勢滑屏切換是采用HTML5 觸摸事件(Touch) 和 CSS3動畫(Transform,Transition)來實現的，效果圖如下所示，本文簡單說一下其實現原理和主要思路。 實現原理 假設有5個頁面，每個頁面占屏幕100%寬，則創建一個DIV容器viewport，將其寬度(width) 閱讀全文

摘要： NaN NaN 即 Not a Number ，不是一個數字。 在 JavaScript 中，整數和浮點數都統稱為 Number 類型 。除此之外，Number 類型還有一個很特殊的值，即 NaN 。它是 Number 對象上的一個靜態屬性，可以通過 Number.NaN 來訪問 。 在 ECMAS 閱讀全文

摘要： React 起源于 Facebook 內部項目，是一個用來構建用戶界面的 Javascript 庫，相當于MVC架構中的V層框架，與市面上其他框架不同的是，React 把每一個組件當成了一個狀態機，組件內部通過 state 來維護組件狀態的變化，當組件的狀態發生變化時，React 通過虛擬DOM技術來增量并且高效的更新真實DOM。本文將對React 的這些特點進行簡單的介紹。 閱讀全文

摘要： ECMAScript 3 開始支持正則表達式，其語法和 Perl 語法很類似，一個完整的正則表達式結構如下： 其中，模式（pattern）部分可以是任何簡單或復雜的正則表達式，可以包含字符類、限定符、分組、向前查找以及反向引用。 每個正則表達式都可帶有一或多個標志（flags），用以標明正則表達式的 閱讀全文

摘要： 在Web App和Hybrid App橫行的時代，為了擁有更好的用戶體驗，單頁面應用順勢而生，單頁面應用簡稱`SPA`，即Single Page Application，就是只有一個HTML頁面的應用程序，應用中所有的視圖都包含在這個HTML頁面中，并通過JavaScript控制相關視圖的顯示和隱藏，這種模式可以讓用戶在Web App感受Native App的速度和流暢。本篇文章的目的就是教你如何來快速的構建一個單頁面應用程序。 閱讀全文

摘要： 在JavaScript中，call 和 apply 是Function對象自帶的兩個方法，這兩個方法的主要作用是改變函數中的this指向，從而可以達到`接花移木`的效果。本文將對這兩個方法進行詳細的講解，并列出幾個關于call和apply的經典應用場景。 閱讀全文

摘要： 在 JavaScript 中，對數值進行四舍五入操作的場景有以下幾種： 向上取整：ceil 向下取整：floor 四舍五入：round 固定精度：toFixed 固定長度：toPrecision 取整：trunc、parseInt、位運算 本文將對這 6 個 API 進行簡單的講解和總結。 1、向上 閱讀全文

摘要： 在 ECMAScript 規范中，共定義了 7 種數據類型，分為 基本類型 和 引用類型 兩大類，如下所示： 基本類型：String、Number、Boolean、Symbol、Undefined、Null 引用類型：Object 基本類型也稱為簡單類型，由于其占據空間固定，是簡單的數據段，為了便于 閱讀全文

摘要： 在 JavaScript 中，對于數組的操作非常頻繁，對應的 API 也很豐富 。ECMAScript 規范在每一版發布時，都會提供新的 API 來增強數組的操作能力，下面將詳細介紹這些 API 的一些特性。 ES5 新增的 9 個API 1、forEach( callback[,thisArg] 閱讀全文

摘要： jQuery 對于大家而言并不陌生，因此關于它是什么以及它的作用，在這里我就不多言了，而本篇文章的目的是想通過對源碼簡單的分析來討論 jQuery 的內部架構設計，以及 jQuery 是如何利用JavaScript 中的高級特性來構建如此偉大的 JavaScript 庫。 閱讀全文

摘要： javascript從定義到執行，JS引擎在實現層做了很多初始化工作，因此在學習JS引擎工作機制之前，我們需要引入幾個相關的概念：執行環境棧、全局對象、執行環境、變量對象、活動對象、作用域和作用域鏈等，這些概念正是JS引擎工作的核心組件。這篇文章的目的不是孤立的為你講解每一個概念，而是通過一個簡單的demo來展開分析，全局講解JS引擎從定義到執行的每一個細節，以及這些概念在其中所扮演的角色。 閱讀全文