原创 YEOMAN知識點整理及翻譯

安裝 npm install -g yo 什麼是YEOMAN yeoman是一個通用的腳手架系統,這個腳手架提供一些最佳實踐和工具來使我們的工作達到高效。它提供了一個生成器系統,生成器(generator)基本上就是一個插件

原创 Grunt API思維導圖

只作爲草圖,以後再做詳細。

原创 gitshell同時用於github與gitlab

gitshell同時用於github與gitlab       以前只使用一個 ssh key 在github上提交代碼,由於工作原因,需要再添加一個ssh key在公司的 gitlab上提交代碼,   下面記錄下配置過程,防止遺

原创 正則表達式整理

正則表達式 元字符 代碼/語法 說明 . 匹配換行符以外的任意字符 \w 匹配字母或數字或下劃線或漢字 \s 匹配任意的空白符 \d 匹配數字 \b 匹配單詞的開始或結束 ^ 匹配字符串的開始

原创 JAVASCRIPT中的函數劫持

JS中的函數劫持 基本概念 函數劫持,顧名思義,即在一個函數運行之前把它劫持下來,添加我們想要的功能。當這個函數實際運行的時候,它已經不是原本的函數了,而是帶上了被我們添加上去的功能。這也是我們常見的鉤子函數的原理之一。 乍一看上去,

原创 web前端面試題:實習崗位

1.什麼是W3C標準,HTML4.0, DHTML,HTML5 各有什麼區別? 2.什麼是盒子模型,css的盒子模型有哪幾種,說說他們有什麼區別? box-sizing:border-box;/* 怪異盒子模型 */設置內邊距和borde

原创 現代瀏覽器工作原理

五種主流瀏覽器:IE,Chrome,fireFox,chrome, safari和Opera。其他瀏覽器的內核都是這五種之一。 瀏覽器的主要構成: 1.用戶界面:瀏覽器界面的各個部分(包括地址欄、後退/前進按鈕、書籤目錄等,也就是你所

原创 Node.js 命令行程序開發教程

Node.js 命令行程序開發教程 一種編程語言是否易用,很大程度上,取決於開發命令行程序的能力。 Node.js 作爲目前最熱門的開發工具之一,怎樣使用它開發命令行程序,是 Web 開發者應該掌握的技能。 下面我們從開發一個簡單的h

原创 技術文章收集

Writing Element Queries Today Using EQCSS The end of the clearfix hack A Step by Step Guide to the Auto-Placement Alg

原创 前端面試題-長沙

 面試題: 常見內存泄露的操作? 前端性能優化方法? web安全技術有哪些? src和href的區別? cookie localstorage session…之間區別? 處理ie6bug的方法?

原创 Contributions未被Github計入的解決方法

Contributions未被Github計入的幾個常見原因 進行Commits的用戶沒有被關聯到你的Github帳號中。 不是在這個版本庫的默認分支進行的Commit。 這個倉庫是一個Fork倉庫,而不是獨立倉庫。 如何排查 你可以

原创 vue源碼解讀-各構建版本

還有一部分未完。。。

原创 vagrant 安裝與使用

vangrant 官方文檔 virtualBox 官方文檔 vagarnt 是一個用於快速構建開發環境的工具。通過易於使用的流程和自動化,Vagrant降低了開發環境設置時間。 安裝virtualbox 與 vagrant virtu

原创 W3C的標準DOM事件模型和IEDOM事件模型的區別

在瀏覽器解析事件的時候,有兩種觸發方式,一種叫做Bubbling(冒泡),另外一種叫做Capturing(捕獲)。由上圖可以看出來,冒泡的方式效果就是當一個DOM元素的某事件例如click事件被fire時,依次它的父元素的click事件也

原创 在瀏覽器輸入一個url後,會發生什麼事情呢?

假設是簡單的http請求(GET),IPV4,無代理。 瀏覽器先查看瀏覽器緩存-系統緩存-路由器緩存,若緩存中有,請略過中間步驟,直接跳到第9步~若沒有,則按照下面的步驟進行操作。 瀏覽器從url中解析出服務器的主機名,並將主機名轉換成