原创 2.8 CommonJS 規範

CommonJS 規範 CommonJS 是以在瀏覽器環境之外構建 JavaScript 生態系統爲目標而產生的項目,比如在服務器和桌面環境中。 這個項目最開始是由 Mozilla 的工程師 Kevin Dangoor 在2009年1月創

原创 ionic2初始化項目

mac正常流程: 1、安裝Node.js。(最新版本4.1一定是集成了npm 這個包管理工具的) 2、終端上執行命令,$sudo npm install -g cordova 安裝cordova 3、終端上執行命令,$sudo n

原创 CSS動畫的性能優化

CSS動畫的性能優化 在Web頁面中使用動畫效果已經不是什麼稀奇的事情了。但凡優秀的UI界面都會有一些點綴用的動畫效果。舉個例子,Stripe Checkout小組通過UI動畫效果來增強支付體驗。 圖片來自@michaelv

原创 經驗分享

目錄 介紹10個JavaScript的開發技巧 性能優化-預加載與懶加載 gulp,bower環境搭建 someet首頁無線滾動實戰 聊聊someet架構 項目自動部署 分享幾個自己工作生活中總結的觀念  

原创 AngularJS 2.0入門指南

AngularJS 2.0 學習 Angular 2 當越來越多的 web app 使用 Angular 1構建的時候,更快更強大的 Angular 2 將會很快成爲新的標準。 Angular的新約定使得它更容易去學習、更快的

原创 webpack實戰

webpack實戰 閱讀目錄 一:什麼是webpack? 他有什麼優點?二:如何安裝和配置三:理解webpack加載器四:理解less-loader加載器的使用五:理解babel-loader加載器的含義六:瞭解下webpack的幾個

原创 深入 HTML5 Web Worker 應用實踐:多線程編程

W3C 在 HTML5 的規範中提出了工作線程(Web Worker)的概念,工作線程允許開發人員編寫能夠長時間運行而不被用戶所中斷的後臺程序, 去執行事務或者邏輯,並同時保證頁面對用戶的及時響應。本文深入 HTML5 多線程規範,講述

原创 ionic配置

謠傳最近IT領域異常火熱,而IT中的移動端領域更是如日中天。  做爲一名程序猿的我,也不甘Out;於是雄心勃勃參加一個教育平臺移動端項目開發;之前有人做了第一版,現在我們需要重構。 【基本情況】         1、本次開發用到相

原创 2.2使用

安裝 首先要安裝 Node.js, Node.js 自帶了軟件包管理器 npm,Webpack 需要 Node.js v0.6 以上支持,建議使用最新版 Node.js。 用 npm 安裝 Webpack: $ npm insta

原创 如何處理CSS3屬性前綴

Grunt中配置Autoprefixer假設你的環境中已具備了Grunt的運行環境,如果沒有請先移步Grunt官網瞭解,這裏不做過多闡述。 在Github中有一個grunt-autoprefixer的插件,按照其官方提示,我在命令行中

原创 2.5 插件

插件 插件可以完成更多 loader 不能完成的功能。 插件的使用一般是在 webpack 的配置信息 plugins 選項中指定。 Webpack 本身內置了一些常用的插件,還可以通過 npm 安裝第三方插件。 接下來,我們利用一個最簡

原创 2.7 故障處理

故障處理 Webpack 的配置比較複雜,很容出現錯誤,下面是一些通常的故障處理手段。 一般情況下,webpack 如果出問題,會打印一些簡單的錯誤信息,比如模塊沒有找到。我們還可以通過參數--display-error-details 

原创 2.4 配置文件

配置文件 Webpack 在執行的時候,除了在命令行傳入參數,還可以通過指定的配置文件來執行。默認情況下,會搜索當前目錄的 webpack.config.js 文件,這個文件是一個 node.js 模塊,返回一個 json 格式的配置信息

原创 web workers(應用緩衝)

HTML5 是目前正在討論的新一代 HTML 標準,它代表了現在 Web 領域的最新發展方向。在 HTML5  標準中,加入了新的多樣的內容描述標籤,直接支持表單驗證、視頻音頻標籤、網頁元素的拖拽、離線存儲和工作線程等功能。其中一個新

原创 2.9 AMD 規範

AMD 規範 AMD(異步模塊定義)是爲瀏覽器環境設計的,因爲 CommonJS 模塊系統是同步加載的,當前瀏覽器環境還沒有準備好同步加載模塊的條件。 AMD 定義了一套 JavaScript 模塊依賴異步加載標準,來解決同步加載的問題。