2016-08-16 分類: 網(wǎng)站建設(shè)
我喜歡靜態(tài)網(wǎng)站。更準(zhǔn)確地說(shuō),我喜歡他們的加速網(wǎng)站前端開(kāi)發(fā)與CSS編寫。有坐在屏幕前純潔的東西;它只是你和你的文本編輯器,在普通的HTML和CSS的編寫。
別誤會(huì),動(dòng)態(tài)網(wǎng)站也很有趣。上帝知道我喜歡WordPress和使用,它為用戶提供方便。靜態(tài)網(wǎng)站,帶我回來(lái),雖然。我記得從所見(jiàn)即所得的軟件切換到一個(gè)文本編輯器。我記得簡(jiǎn)化開(kāi)發(fā)過(guò)程中與我的第一個(gè)PHP函數(shù):包括。那些日子很美好,但不像很多其他人,他們不是都走了。
成都網(wǎng)站制作可以做的更好。預(yù)處理器少和薩斯大大提高編寫CSS的經(jīng)驗(yàn)。我們有一些腳本語(yǔ)言融入我們的HTML,如果我們這樣選擇。然后…然后人們做了一些很有趣的事情。
我先前提到的錘應(yīng)用程序的Mac。這是一個(gè)應(yīng)用程序,介紹了其自身的功能和擴(kuò)展到老好的HTML,允許你指定一個(gè)文件作為另一部分,和其他的好東西。它編譯成靜態(tài)的網(wǎng)站,可以定期舉辦的地方。它實(shí)際上比相當(dāng)多的特點(diǎn),但這篇文章不是關(guān)于錘。為什么?它僅適用于Mac平臺(tái)。
這不是一個(gè)應(yīng)用程序,它是一個(gè)非常。它包括預(yù)處理對(duì)CSS。它包括模板的HTML文件的語(yǔ)言。這是一個(gè)小型服務(wù)器,可用于開(kāi)發(fā),或轉(zhuǎn)為實(shí)際生產(chǎn)服務(wù)器。您可以使用服務(wù)器端JavaScript把它變成一個(gè)完整的應(yīng)用程序,它運(yùn)行在Node.js?;蛘?,如果你不是一個(gè)程序員,你可以建立你的靜態(tài)網(wǎng)站,然后編譯為托管的地方。
因?yàn)樗腔贜ode.js,它是跨平臺(tái)的。這也是MIT許可,所以它是免費(fèi)的。你甚至可以進(jìn)行修改和重新發(fā)布或轉(zhuǎn)售它如果你喜歡。
現(xiàn)在,他一直留意的人會(huì)注意到,CSS編寫是不是唯一的此類工具。很多人都把Web項(xiàng)目創(chuàng)建基于節(jié)點(diǎn)的工具快速入門。我和這些主要的問(wèn)題是,他們普遍認(rèn)為你要使用他們喜歡的CSS框架,動(dòng)畫,或HTML模板。CSS編寫讓你要寫的代碼沒(méi)有假設(shè)。它只會(huì)給你的工具來(lái)編寫它更快。
請(qǐng)注意,必須安裝并運(yùn)行通過(guò)命令行。沒(méi)有GUI的這。但一旦你得到它去,一點(diǎn)都不難的好處大于學(xué)習(xí)曲線。
加速網(wǎng)站前端開(kāi)發(fā)與CSS編寫工具
CSS預(yù)處理器
現(xiàn)在,我的大多數(shù)讀者肯定熟悉,網(wǎng)絡(luò)行業(yè)試圖提高香草CSS的方法。當(dāng)您的項(xiàng)目的微型服務(wù)器正在運(yùn)行,那么,蔬菜,和手寫筆都是自動(dòng)編譯成CSS文件。
編譯總是令人滿意的快。在我的測(cè)試中,我的網(wǎng)站所做的改變有編譯所花費(fèi)的時(shí)間,我把我的文件,然后刷新我的瀏覽器。
加速網(wǎng)站前端開(kāi)發(fā)與CSS編寫模板語(yǔ)言
還包括玉和EJS。這些都是JavaScript模板語(yǔ)言設(shè)計(jì)來(lái)幫助你寫/產(chǎn)生更大的靈活性,更高級(jí)的HTML文件?;旧希憧梢詣?chuàng)建HTML模板,并保存你的實(shí)際頁(yè)面內(nèi)容分別從這些模板。這就像使用CMS,只是沒(méi)有數(shù)據(jù)庫(kù)(除非你想),你寫的所有內(nèi)容為純文本文件。
真正的優(yōu)勢(shì)是,當(dāng)然,代碼維護(hù),加上所有的很酷的東西,真正的程序員可以用實(shí)際服務(wù)器和客戶端JavaScript。也正是這些語(yǔ)言,允許你創(chuàng)建更先進(jìn)的系統(tǒng),如博客,都比較容易(再次,如果你對(duì)工資的程序員)。
兩者之間的區(qū)別是什么?它主要是關(guān)于你如何喜歡寫代碼。
技術(shù)使事情變得簡(jiǎn)單。如果你已經(jīng)知道HTML,它只是添加特定的標(biāo)簽技術(shù),像這樣:<% %>包括全球/頭。我做了什么嗎?基本上,我只是抓住了我的另一個(gè)文件的HTML頁(yè)面標(biāo)題和進(jìn)口用于我的主要模板。你可以做一些更復(fù)雜的東西,當(dāng)然。這就是CSS編寫文件說(shuō)關(guān)于技術(shù)。
玉以非常不同的方式來(lái)編寫HTML完全。它看起來(lái)像這樣,在項(xiàng)目的主頁(yè)顯示:
所有這些都會(huì)轉(zhuǎn)化為HTML和JavaScript。注意一個(gè)包涵if/else語(yǔ)句就在這中間,和適當(dāng)?shù)膲汉鄣囊蕾嚒?/p>
CoffeeScript是什么玉是HTML,JavaScript?;旧?,這是一個(gè)簡(jiǎn)化的格式寫JavaScript,然后被編譯成正規(guī)的東西。如玉,這是嚴(yán)重的壓痕的依賴,和下降很多語(yǔ)法。
它看起來(lái)像這樣(另一個(gè)例子是無(wú)恥地抄襲了該項(xiàng)目的主頁(yè)):
數(shù)學(xué)=
根:數(shù)學(xué)。sqrt
廣場(chǎng):廣場(chǎng)
立方體:(x)-> x * x的平方
和輸出看起來(lái)像這樣:
數(shù)學(xué)= {
根:數(shù)學(xué)。sqrt,
廣場(chǎng):廣場(chǎng),
立方體:函數(shù)(x){
返回X平方(x);
}
;
加速網(wǎng)站前端開(kāi)發(fā)與CSS編寫平臺(tái)
創(chuàng)建與CSS編寫的網(wǎng)站可以托管的地方,當(dāng)然。值得一提的是,雖然,CSS編寫的創(chuàng)作者一個(gè)托管平臺(tái)專門設(shè)計(jì)的東西與他們的軟件建。定價(jià)是不是壞的,它集成了Dropbox方便自動(dòng)更新到您的網(wǎng)站??纯催@里:www.harp.io
結(jié)論
CSS編寫,其預(yù)處理、模板語(yǔ)言,純粹的速度,和跨平臺(tái)的善良,是一個(gè)堅(jiān)實(shí)的除了任何設(shè)計(jì)師的工具箱。我說(shuō)值得學(xué)習(xí)曲線。
網(wǎng)頁(yè)題目:加速網(wǎng)站前端開(kāi)發(fā)與CSS編寫
轉(zhuǎn)載注明:http://jinyejixie.com/news/20905.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站排名、全網(wǎng)營(yíng)銷推廣、做網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容