原创 SQL速學教程

注: 1.本文爲《SQL必知必會》(作者:Ben Forta)的學習筆記; 2.以下每一節中出現的sql語句的例子僅僅是作爲一個語法示例; 1.瞭解數據庫 概念:數據庫(database)、表(table)、列(column)

原创 HTML5-canvas繪圖黑屏白屏解決方案(詳解雙緩衝繪圖機制)

HTML5-canvas繪圖黑屏白屏解決方案(詳解雙緩衝繪圖機制) 使用canvas繪圖的前端工程師可能都會遇到過canvas繪圖黑屏、白屏的問題。以前寫過一篇文章描述過hybrid下canvas黑屏的一種可能性: http://blog

原创 JavaScript打破作用域的牢籠

JavaScript打破作用域的牢籠 JavaScript作爲一種鬆散型語言,有着很多令人瞠目結舌的特性(往往是一些令人捉摸不透的奇怪特性),本文我們將介紹如何使用JavaScript的一些特性來打破常規編程語言“作用域的牢籠”。 1.

原创 如何監聽頁面就緒(早於windowonload)

原文地址:http://www.javascriptkit.com/dhtmltutors/domready.shtml 在DOM樹就緒時就啓動頁面執行JavaScript(而不是使用window.onload)   如下的例子展示了一個

原创 如何解決GitHub衝突<一>:GitHubDesktop同步你的分支

如何解決GitHub衝突<一>:GitHubDesktop同步你的分支 原文地址:https://help.github.com/desktop/guides/contributing/syncing-your-branch/ 當一個代碼

原创 HTML5-canvas擦除無效

HTML5-canvas擦除無效 部分安卓手機上會出現canvas內圖表重疊,並且清除無效,屬於偶現缺陷,非常難以確定其產生原因,比如下圖這個樣子,第一次繪製的圖形沒有擦除,導致第二次繪製時出現重影:   初步考慮爲設備自身問題,引起c

原创 淺析CSS3動畫

淺析CSS3動畫 理解四個概念: transform:css 2d轉換 transition:css過渡(使變化以漸變形式呈現) @keyframes:css動畫關鍵幀(爲動畫設計過渡畫面) animation:css動畫(引用關鍵幀,

原创 詳解HTTP常用知識點

詳解HTTP常用知識點 本文蒐集了一些非常實用的HTTP知識點,可以幫助日常網絡請求調試快速定位問題。內容主要包含了HTTP狀態碼和HTTP首部字段。 HTTP返回狀態碼 HTTP狀態碼代表了HTTP網絡請求返回結果的狀態。在RF

原创 詳解JavaScript對象深拷貝

詳解JavaScript對象深拷貝 在幾乎所有編程語言中,對象都以引用形式保存給變量、複製給其他變量。JavaScript語言也是如此。因此簡單的進行賦值操作進行復制僅僅是對對象數據的引用地址進行一個傳遞,並不會將對象內部的所有屬性進

原创 vue(vue-cli+vue-router)+babel+webpack項目搭建入門(一)開發環境搭建

vue(vue-cli+vue-router)+babel+webpack項目搭建入門<一> 本系列文章將介紹基於vue+webpack的前端項目的構建過程。文章分爲四章內容,第一章介紹開發環境的部署,第二章介紹項目的構建,第三章以一

原创 vue(vue-cli+vue-router)+babel+webpack項目搭建入門(四)上線部署

vue(vue-cli+vue-router)+babel+webpack項目搭建入門<四> 本系列文章將介紹基於vue+webpack的前端項目的構建過程。文章分爲四章內容,第一章介紹開發環境的部署,第二章介紹項目的構建,第三章以一

原创 vue(vue-cli+vue-router)+babel+webpack項目搭建入門(二)搭建項目

vue(vue-cli+vue-router)+babel+webpack項目搭建入門<二> 本系列文章將介紹基於vue+webpack的前端項目的構建過程。文章分爲四章內容,第一章介紹開發環境的部署,第二章介紹項目的構建,第三章以一

原创 vue(vue-cli+vue-router)+babel+webpack項目搭建入門(三)開發實戰

vue(vue-cli+vue-router)+babel+webpack項目搭建入門<三> 本系列文章將介紹基於vue+webpack的前端項目的構建過程。文章分爲四章內容,第一章介紹開發環境的部署,第二章介紹項目的構建,第三章以一

原创 JavaScript中String的replace方法詳解

String.prototype.replace() replace()方法將一個字符串中被模式匹配的部分替換成新值,並返回這個替換後的新字符串對象。這個模式可以是一個字符串或者一個正則表達式,用於替換的新值可以是一個字符串或一個回調

原创 ES6中設計不合理的內容

ES6中設計不合理的內容 第一次接觸ES6:怎麼JavaScript改動這麼大? 第二次學習ES6:太複雜了太複雜了,第一次學的都忘了,再看一次吧。 第三次學習ES6:爲什麼感覺有些新特性沒什麼卵用啊,是不是我沒看懂?再學一次。 Ja