我喜歡靜態(tài)網(wǎng)站。更準(zhǔn)確地說(shuō)，我喜歡他們的加速網(wǎng)站前端開(kāi)發(fā)與CSS編寫(xiě)。有坐在屏幕前純潔的東西；它只是你和你的文本編輯器，在普通的HTML和CSS的編寫(xiě)。

別誤會(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ù)處理器少和薩斯大大提高編寫(xiě)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編寫(xiě)是不是唯一的此類(lèi)工具。很多人都把Web項(xiàng)目創(chuàng)建基于節(jié)點(diǎn)的工具快速入門(mén)。我和這些主要的問(wèn)題是，他們普遍認(rèn)為你要使用他們喜歡的CSS框架，動(dòng)畫(huà)，或HTML模板。CSS編寫(xiě)讓你要寫(xiě)的代碼沒(méi)有假設(shè)。它只會(huì)給你的工具來(lái)編寫(xiě)它更快。
請(qǐng)注意，必須安裝并運(yùn)行通過(guò)命令行。沒(méi)有GUI的這。但一旦你得到它去，一點(diǎn)都不難的好處大于學(xué)習(xí)曲線。
加速網(wǎng)站前端開(kāi)發(fā)與CSS編寫(xiě)工具
CSS預(yù)處理器
現(xiàn)在，我的大多數(shù)讀者肯定熟悉，網(wǎng)絡(luò)行業(yè)試圖提高香草CSS的方法。當(dāng)您的項(xiàng)目的微型服務(wù)器正在運(yùn)行，那么，蔬菜，和手寫(xiě)筆都是自動(dòng)編譯成CSS文件。
編譯總是令人滿意的快。在我的測(cè)試中，我的網(wǎng)站所做的改變有編譯所花費(fèi)的時(shí)間，我把我的文件，然后刷新我的瀏覽器。

加速網(wǎng)站前端開(kāi)發(fā)與CSS編寫(xiě)模板語(yǔ)言
還包括玉和EJS。這些都是JavaScript模板語(yǔ)言設(shè)計(jì)來(lái)幫助你寫(xiě)/產(chǎn)生更大的靈活性，更高級(jí)的HTML文件?；旧?，你可以創(chuàng)建HTML模板，并保存你的實(shí)際頁(yè)面內(nèi)容分別從這些模板。這就像使用CMS，只是沒(méi)有數(shù)據(jù)庫(kù)（除非你想），你寫(xiě)的所有內(nèi)容為純文本文件。
真正的優(yōu)勢(shì)是，當(dāng)然，代碼維護(hù)，加上所有的很酷的東西，真正的程序員可以用實(shí)際服務(wù)器和客戶端JavaScript。也正是這些語(yǔ)言，允許你創(chuàng)建更先進(jìn)的系統(tǒng)，如博客，都比較容易（再次，如果你對(duì)工資的程序員）。

兩者之間的區(qū)別是什么？它主要是關(guān)于你如何喜歡寫(xiě)代碼。
技術(shù)使事情變得簡(jiǎn)單。如果你已經(jīng)知道HTML，它只是添加特定的標(biāo)簽技術(shù)，像這樣：<% %>包括全球/頭。我做了什么嗎？基本上，我只是抓住了我的另一個(gè)文件的HTML頁(yè)面標(biāo)題和進(jìn)口用于我的主要模板。你可以做一些更復(fù)雜的東西，當(dāng)然。這就是CSS編寫(xiě)文件說(shuō)關(guān)于技術(shù)。
玉以非常不同的方式來(lái)編寫(xiě)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)化的格式寫(xiě)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編寫(xiě)平臺(tái)
創(chuàng)建與CSS編寫(xiě)的網(wǎng)站可以托管的地方，當(dāng)然。值得一提的是，雖然，CSS編寫(xiě)的創(chuàng)作者一個(gè)托管平臺(tái)專(zhuān)門(mén)設(shè)計(jì)的東西與他們的軟件建。定價(jià)是不是壞的，它集成了Dropbox方便自動(dòng)更新到您的網(wǎng)站?？纯催@里：www.harp.io

結(jié)論
CSS編寫(xiě)，其預(yù)處理、模板語(yǔ)言，純粹的速度，和跨平臺(tái)的善良，是一個(gè)堅(jiān)實(shí)的除了任何設(shè)計(jì)師的工具箱。我說(shuō)值得學(xué)習(xí)曲線。

當(dāng)前題目：加速網(wǎng)站前端開(kāi)發(fā)與CSS編寫(xiě)
文章轉(zhuǎn)載：http://jinyejixie.com/news5/20905.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷(xiāo)、外貿(mào)網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、建站公司、網(wǎng)站建設(shè)、微信公眾號(hào)

廣告

聲明：本網(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)