原创 用grunt搭建自動化的web前端開發環境-完整教程
jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你沒有理由不學、不用！1. 前言各位web前端開發人員，如果你現在還不知道grunt或者聽說過、但是不會熟練使用grunt，那你就真的真的
2018-09-12 06:25:17
原创 前端構建工具gulp入門教程
本文假設你之前沒有用過任何任務腳本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其實很簡單，我會分爲五步向你介紹gulp並幫助你完成一些驚人的事情。那就直接開始吧。第一步：安裝Node首先，最基本也最重要的是，我
2018-09-12 06:25:16
3
原创 配置grunt進行css、js的檢查、合併和壓縮
標籤：現在會進行代碼的合併和壓縮已成爲前端人員的必備知識，那麼現在來介紹一個grunt的工具。grunt是個風靡世界的工具，它的首頁是 http://www.gruntjs.net這是個中文網站，有文檔可以參考。但是隻看文檔是不是覺得很蛋
2018-09-12 06:25:16
1
原创 前端性能優化的14個規則，學會就偷着樂
規則01：儘量減少HTTP請求前端優化的黃金準則指導着前端頁面的優化策略：只有10%-20%的最終用戶響應時間花在接受請求的HTML文檔上，剩下的80%-90%時間花在爲HTML文檔所引用的所有組件（圖片、腳本、樣式表等）進行的HTTP請求
2018-09-12 06:25:16
原创 在Javascript操作JSON對象，增加 刪除 修改
<script type="text/javascript"> var jsonObj2 = { teacher: [ { name: "jordan", sex: "m", age: "40" },
2018-09-12 06:25:16
原创 Javascript模塊化編程（三）：require.js的用法
這個系列的第一部分和第二部分，介紹了Javascript模塊原型和理論概念，今天介紹如何將它們用於實戰。我採用的是一個非常流行的庫require.js。一、爲什麼要用require.js？最早的時候，所有Javascript代碼都寫在一個文
2018-09-12 06:25:16
原创 Ueditor百度編輯器中的 setContent()方法的使用
百度編輯器Ueditor所提供的setContent()方法作用是：設置或者改變編輯器裏面的文字內容或html內容函數說明：setContent(string,boolean);參數string 是需要設置到編輯器裏面的內容，可以含有HTM
2018-09-12 06:25:16
原创 SeaJS之define函數
seajs.config 用來對 SeaJS 進行配置。CMD 規範中，一個模塊就是一個文件。代碼的書寫格式如下：define(factory);define 接受 factory 參數，factory 可以是一個函數，也可以是一個對象或字
2018-09-12 06:25:16
原创 收集
移動前端調試頁面–weinre http://web.jobbole.com/82967/Vue：Vue.js專業中文社區 http://www.vue-js.com/ React 中文 http://react-chin
2018-09-12 06:25:16
原创 CSS Sprite的應用
什麼是CSS Sprite ？不知道您在瀏覽yahoo.com的網頁中是否注意到,yahoo在頁面製作上的技術和大多數網站不一樣,他們把頁面上的 ICON，欄目背景啊，圖片按鈕啊等都有會有規則的合併一張背景圖,然後用background-p
2018-09-12 06:25:15
原创 Javascript模塊化編程（二）：AMD規範
這個系列的第一部分介紹了Javascript模塊的基本寫法，今天介紹如何規範地使用模塊。（接上文）七、模塊的規範先想一想，爲什麼模塊很重要？因爲有了模塊，我們就可以更方便地使用別人的代碼，想要什麼功能，就加載什麼模塊。但是，這樣做有一個前提
2018-09-12 06:25:15
原创 Javascript模塊化編程（一）：模塊的寫法
隨着網站逐漸變成"互聯網應用程序"，嵌入網頁的Javascript代碼越來越龐大，越來越複雜。網頁越來越像桌面程序，需要一個團隊分工協作、進度管理、單元測試等等......開發者不得不使用軟件工程的方法，管理網頁的業務邏輯。Javascri
2018-09-12 06:25:15
3
原创 SeaJS之use函數
有了 define 等模塊定義規範的實現，我們可以開發出很多模塊。但光有一堆模塊不管用，我們還得讓它們能跑起來。在 SeaJS 裏，要啓動模塊系統很簡單：<script src=”path/to/sea.js”></script><scri
2018-09-12 06:25:15