原创 瀏覽器的渲染:過程與原理

本文不是關於瀏覽器渲染的底層原理或錢盾優化具體細節的講解,而是關於瀏覽器對頁面的渲染——這一過程的描述及其背後原理的解釋。這事因爲前段優化是一個非常龐大且零散的知識集合,一篇文章如果要寫優化的具體方法恐怕只能做一些有限的列舉。 然

原创 從上下文,到作用域(彩蛋:理解閉包)

前言 近幾天在編程羣中的聊天,讓我發現了很多人並不清楚什麼是上下文(context),什麼是作用域(scope),而且糾結在其中。我當初對這兩個概念也只有粗淺的理解,不過我從一開始就不怎麼困惑,因爲我清楚自己對這一問題的認識邊界。

原创 前端跳槽面試必備

面試模擬與技巧 如何看待面試 什麼是面試? 答:面試時測查和評價人員能力素質的一種考試活動。具體地說,面試時一種經過組織者精心設計,在特定場景下,以考官對考生的面對面交談與觀察爲主要手段,又表及裏測評考生的知識、能力、經驗等有關素

原创 meta標籤的特殊用法

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 這句話表示要IE走最高級的Edge渲染,如果有Chrome用chrome渲染 <meta na

原创 手機移動端web資源整合

做移動端開發,會存在各種兼容問題。 meta基礎知識 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,ma

原创 淺談JavaScript new對象的四個過程

new對象: function Person(name,age){ this.name=name; this.age=age; } var person=new Person("Alice",23); new一

原创 Vuejs入門(1.0)

什麼是Vue.js Vue.js是一個JavaScript的庫 Vue.js本身之專注於UI層面,並且核心價值永遠是API的簡潔 其他功能比如路由,ajax等,只會提供可選的模塊,並鼓勵用戶選擇自己喜歡的方案 一個mvvm框架(

原创 用JS實現千分位分隔符

題目點評 本題的難度偏高,涉及到的算法確實有一定小複雜,這種題目一般出現在鄙視上,不會出現在面談上。這道題主要的目的應該是考察你是否有一題多解的思路,特別是正則表達式的使用,如果你能使用正則表達式做出來,面試官應該會深深地鎮住。

原创 如何實現瀏覽器多個標籤頁之間的通信?

題目點評 本題主要考察數據存儲的知識,數據存儲有本地和服務器存儲兩種方式,對於前端開發來講,只需要講解用本地存儲的方式來解決就好。當然也能知道服務器端的方式更好。本題的難易程度一般,只要能夠說出思路就可以,至少說兩種解決方法。 解

原创 defer和async的區別

頁面的加載和渲染過程 1.瀏覽器通過HTTP協議請求服務器,獲取HTML文檔並開始從上到下解析,構建DOM; 2.在構建DOM過程中,如果遇到外聯的樣式聲明和腳本聲明,則暫停文檔解析,創建新的網絡連接,並開始下載樣式文件和腳本文件; 3.

原创 談談你對模塊化開發的理解?

題目點評 主要考察你是否有做過比較複雜、龐大的項目,是否具備一定的編程思想。隨着前端技術的發展,前端編寫的代碼量也越來越大,就需要對代碼有很好的管理。目前比較好的開發語言就是OOP(面嚮對象語言)編程語言,例如java語言,C#語

原创 淺談JavaScript嚴格模式

除了正常運行模式,ECMAscript 5添加第二種運行模式:”嚴格模式”(strict mode)。顧名思義,這種模式使得JavaScript在更合理,更安全、更嚴禁的條件下執行。 進入嚴格模式的標識爲”use strict”

原创 聊一聊CommonJS,RequireJS,SeaJs,AMD,CMD之間需要清理的關係

在學習js和使用js的過程中一定會使用到模塊化開發的思想。而提到模塊化就一定會提到CommonJS、RequireJS、AMD、CMD等名詞。下面我將根據自己查閱的資料梳理以下這幾個名詞背後的關聯。 首先上個圖,直觀感受下這個幾個

原创 MVC、MVP、和MVVM

MVC 特點 1.耦合性低 2.可擴展性好 3.模塊職責劃分明確 MVC總結 1.利用MVC設計模式,使得項目有了很好的可擴展性和維護性 2.controller(控制器)是一箇中間橋樑 3.什麼時候適合使用MVC設計模式? MV

原创 第七天(php)

複習 學習新語言基本步驟: (1)背景 (2)搭建環境httpd.exe + php.exe (3)變量和常量 變量: 變量名=值;echo 變量名; 常量:const 常量名 = 值; echo 常量名;