原创 前端跨域解決方案
什麼是跨域？ 跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源，這裏跨域是廣義的。 廣義的跨域： 1.) 資源跳轉： A鏈接、重定向、表單提交 2.) 資源嵌入：<link>、<script>、<img>、<frame>
2018-08-22 11:42:23
3
原创 Git常用命令大全，迅速提升你的Git水平
初始化本地git倉庫（創建新倉庫） git init 配置用戶名 git config --global user.name "xxx
2018-08-22 11:42:23
3
原创 身份證號碼的正則表達式及驗證詳解(JavaScript，Regex)
簡言在做用戶實名驗證時，常會用到身份證號碼的正則表達式及校驗方案。本文列舉了兩種驗證方案，大家可以根據自己的項目實際情況，選擇適合的方案。身份證號碼說明居民身份證號碼，正確、正式的稱謂應該是“公民身份號碼”。根據【中華人民共和國國家標準
2018-08-22 11:42:23
1
原创 單頁Web應用
一、定義 單頁 Web 應用 (single-page application 簡稱爲 SPA) 是一種特殊的 Web 應用。它將所有的活動侷限於一個Web頁面中，僅在該Web頁面初始化時加載相應的HTML、JavaScript 和 C
2018-08-22 11:42:23
2
原创 瀏覽器兼容性問題
JavaScript 1.HTML對象獲取問題 FireFox：document.getElementById(“idName”); ie:document.idname或者document.getElementById
2018-08-22 11:42:19
1
原创 前端面試知識點錦集（JavaScript篇）絕對乾貨
1、談談你對Ajax的理解？(概念、特點、作用) 2、說說你對延遲對象deferred的理解? 3、什麼是跨域，如何實現跨域訪問? 4、爲什麼要使用模板引擎？ 5、JavaScript是一門什麼樣的語言，它有哪些特點？
2018-08-22 11:42:17
原创 一篇文章搞定面試中的變量提升
這一篇文章我們會針對執行上下文中的變量對象進行詳細的解釋與闡述，希望在讀完這篇文章後，讀者朋友們能理解到 JS 中面試畢問的變量提升的知識點。 我們都知道 JS 中有變量提升的一個概念，那麼這個過程究竟是怎麼發生的呢？我們來看一個例子
2018-08-22 11:42:16
3
原创 前端代碼合集
HTML5 使用FileReader實現前端圖片預覽 <input type="file"><br><img src="" height="200" alt="Image preview area..." title="previe
2018-08-22 11:42:15
原创 Web前端知識體系精簡
Web前端技術由html、CSS和JavaScript三大部分構成，是一個龐大而複雜的技術體系，其複雜程度不低於任何一門後端語言。而我們在學習它的時候往往是先從某一個點切入，然後不斷地接觸和學習新的知識點，因此對於初學者很難理清楚整個體
2018-08-22 11:42:15
2
原创 ES8（ECMAScript 2017） 語言規範發佈，附ES6，ES7，ES8規範
Ecma 國際公佈了第八版的 ECMAScript 語言規範 ECMAScript 2017(或 ES8)。ECMAScript 是標準化的 JavaScript 語言，1997 年發佈了第一版，1998 年和 1999 年發佈了第二和
2018-08-22 11:42:15
1
原创 JavaScript、jQuery、HTML5、Node.js實例大全
3.2 照片加載與定位 根據功能設計，可以先寫好 HTML 結構基礎，再配好 CSS 做出大致效果，最後用 JavaScript加上各種動作。首先請看 HTML 代碼結構。 3.2.1 HTML 代碼 CSS代碼保存到 eg3.c
2018-08-22 11:42:15
1
原创 解決input[type=file]打開時慢、卡頓問題
經過測試發現，在mac裏面safari、Firefox、Chrome(opera不知道爲啥老閃退)都沒有卡頓問題 在windows裏面，Firefox不卡頓，只有Chrome卡頓。 然而，這個插件是從另一個項目裏面借用過來，再加上了
2018-08-22 11:42:15
原创 前端如何實現圖片懶加載(lazyload) 提高用戶體驗
定義 圖片懶加載又稱圖片延時加載、惰性加載，即在用戶需要使用圖片的時候加載，這樣可以減少請求，節省帶寬，提高頁面加載速度，相對的，也能減少服務器壓力。 惰性加載是程序人性化的一種體現，提高用戶體驗，防止一次性加載大量數據，而是根據用
2018-08-22 11:42:12
2
原创 vue-cli腳手架 webpack中引入jquery
首先在package.json裏的dependencies加入"jquery" : "^2.2.3"，然後install 在webpack.base.conf.js里加入 var webpack = require("webpack
2018-08-22 11:42:12
原创 css hack技巧
CSS hack技巧大全 兼容範圍： IE:6.0+，FireFox:2.0+，Opera 10.0+，Sarari 3.0+，Chrome 參考資料： 各遊覽器常用兼容標記一覽表: 標記 IE6 IE7 IE8 FF
2018-08-22 11:42:12
2