資訊專欄INFORMATION COLUMN
摘要：雖然還不夠，但是開始了。一步步搭建框架項(xiàng)目名稱一開始我做的次是是的一開始什么也沒做，除了從和上注冊(cè)了一個(gè)叫做的庫(kù)然后在我們還沒有開始寫代碼的時(shí)候版本就已經(jīng)是這個(gè)速度好快。。生成項(xiàng)目框架為了簡(jiǎn)化這一個(gè)痛苦的過程，我們還是用。
從開始打算寫一個(gè)MV*，到一個(gè)簡(jiǎn)單的demo，花了幾天的時(shí)間，雖然很多代碼都是復(fù)制/改造過來的，然而It Works(nginx的那句話會(huì)讓人激動(dòng)有木有)?，F(xiàn)在他叫l(wèi)ettuce，代碼 https://github.com/phodal/lettuce，如果有興趣可以加入我們。
雖然js還不夠expert，但是開始了。
一步步搭建JavaScript框架 JavaScript項(xiàng)目名稱一開始我做的3次commits是:
* e4e6e04 - Add README.md (3 weeks ago)* 37411d7 - publish bower (3 weeks ago) * aabf278 - init project (3 weeks ago)
是的一開始什么也沒做，除了從bower和npm上注冊(cè)了一個(gè)叫做lettuce的庫(kù):
{
"name": "lettuce",
"version": "0.0.2",
"authors": [
"Fengda HUANG "
],
"description": "A Mobile JavaScript Framework",
"main": "index.js",
"moduleType": [
"amd",
"node"
],
"keywords": [
"lettuce",
"mobile"
],
"license": "MIT",
"homepage": "http://lettuce.phodal.com",
"private": false,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
]
}
然后在我們還沒有開始寫代碼的時(shí)候版本就已經(jīng)是0.0.2這個(gè)速度好快。?？偨Y(jié)如下:
取一個(gè)好的名字
在npm和bower上挖一個(gè)坑給自己
開始寫README.md
所以我的README.md是這樣子的
#Lettuce > A is Mobile JavaScript Framework Coming soon
是的，我們的代碼已經(jīng)Coming soon了。
生成Javascript項(xiàng)目框架為了簡(jiǎn)化這一個(gè)痛苦的過程，我們還是用yeoman。
安裝Yeoman lib生成器1.安裝yeoman
npm install -g yo
2.安裝generator-lib
npm install -g generator-lib
3.創(chuàng)建項(xiàng)目
mkdir ~/lettuce && cd $_ yo lib
接著我們就迎來了
_-----_
| |
|--(o)--| .--------------------------.
`---------′ | Welcome to Yeoman, |
( _′U`_ ) | ladies and gentlemen! |
/___A___ "__________________________"
| ~ |
__".___."__
′ ` |° ′ Y `
[?] What do you want to call your lib? Lettuce
[?] Describe your lib: A Framework for Romantic
[?] What is your GitHub username? phodal
[?] What is your full name? Fengda Huang
[?] What year for the copyright? 2015
省略上百字，你的目錄里就會(huì)有
. |____.editorconfig |____.gitattributes |____.gitignore |____.jshintrc |____bower.json |____demo | |____assets | | |____main.css | | |____normalize.css | |____index.html |____dist | |____Lettuce.js | |____Lettuce.min.js |____docs | |____MAIN.md |____Gruntfile.js |____index.html |____LICENSE.txt |____package.json |____README.md |____src | |_____intro.js | |_____outro.js | |____main.js |____test | |____all.html | |____all.js | |____lib | | |____qunit.css | | |____qunit.js
這么多的文件。
Build JavaScript項(xiàng)目于是我們執(zhí)行了一下
grunt
就有了這么多的log:
Running "concat:dist" (concat) task File "dist/Lettuce.js" created. Running "jshint:files" (jshint) task >> 1 file lint free. Running "qunit:files" (qunit) task Testing test/all.html .OK >> 1 assertions passed (20ms) Running "uglify:dist" (uglify) task File "dist/Lettuce.min.js" created. Done, without errors.
看看我們的Lettuce.js里面有什么
(function(root, undefined) {
"use strict";
/* Lettuce main */
// Base function.
var Lettuce = function() {
// Add functionality here.
return true;
};
// Version.
Lettuce.VERSION = "0.0.1";
// Export to the root, which is probably `window`.
root.Lettuce = Lettuce;
}(this));
我們的庫(kù)寫在立即執(zhí)行函數(shù)表達(dá)式里面。這樣便是和jQuery等庫(kù)一樣了。
grunt里的任務(wù)包含了:
jshint 代碼檢查
contact 合并js到一個(gè)文件
minify js 壓縮js
qunit 單元測(cè)試
這樣我們就可以輕松上路了。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91471.html
摘要：無處不在的三劍客這時(shí)我們終于了解了我們的三劍客，他們也就這么可以結(jié)合到一起了，是這一切的基礎(chǔ)。無處不在的三劍客就這樣到了這里，寫得似乎很多也很少，但是還是沒有做出來一個(gè)東西，于是我們朝著這樣一個(gè)方向前進(jìn)。 無處不在的三劍客 這時(shí)我們終于了解了我們的三劍客，他們也就這么可以結(jié)合到一起了，HTML+Javascript+CSS是這一切的基礎(chǔ)。而我們用到的其他語言如PHP、Python、R...
摘要：與類選擇器最常一起出現(xiàn)的是選擇器，不過這個(gè)適用于比較高級(jí)的場(chǎng)合，諸如用控制的時(shí)候就需要用到選擇器。在線查看一步步搭建物聯(lián)網(wǎng)系統(tǒng)圖靈電子書版一步步搭建物聯(lián)網(wǎng)系統(tǒng) 無處不在的CSS 或許你覺得CSS一點(diǎn)兒也不重要，而事實(shí)上，如果說HTML是建筑的框架，CSS就是房子的裝修。那么Javascript呢，我聽到的最有趣的說法是小三——還是先讓我們回到代碼上來吧。 CSS 下面就是我們之前...
摘要：與類選擇器最常一起出現(xiàn)的是選擇器，不過這個(gè)適用于比較高級(jí)的場(chǎng)合，諸如用控制的時(shí)候就需要用到選擇器。在線查看一步步搭建物聯(lián)網(wǎng)系統(tǒng)圖靈電子書版一步步搭建物聯(lián)網(wǎng)系統(tǒng) 無處不在的CSS 或許你覺得CSS一點(diǎn)兒也不重要，而事實(shí)上，如果說HTML是建筑的框架，CSS就是房子的裝修。那么Javascript呢，我聽到的最有趣的說法是小三——還是先讓我們回到代碼上來吧。 CSS 下面就是我們之前...
摘要：錯(cuò)誤好高騖遠(yuǎn)最常見的錯(cuò)誤之一就是在理解概念之后立即采取行動(dòng)。其實(shí)這也是人們常說要放棄學(xué)習(xí)的常見原因之一。當(dāng)項(xiàng)目逐漸深入時(shí)，他們就放棄學(xué)習(xí)了。關(guān)鍵點(diǎn)是，認(rèn)真學(xué)習(xí)你正在學(xué)習(xí)的東西，你會(huì)得到進(jìn)步。挑戰(zhàn)意味著你正在提升個(gè)人能力，這將使你進(jìn)步。 showImg(https://segmentfault.com/img/remote/1460000011209193); 前言 很多人嘗試學(xué)習(xí) Ja...
閱讀 3094·2021-09-08 10:43
閱讀 1061·2019-08-30 15:53
閱讀 1023·2019-08-30 13:51
閱讀 865·2019-08-29 14:03
閱讀 845·2019-08-26 18:35
閱讀 1264·2019-08-26 13:38
閱讀 1628·2019-08-26 10:34
閱讀 3530·2019-08-26 10:21
