加速網(wǎng)站前端開發(fā)與CSS編寫

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

別誤會，動態(tài)網(wǎng)站也很有趣。上帝知道我喜歡WordPress和使用，它為用戶提供方便。靜態(tài)網(wǎng)站，帶我回來，雖然。我記得從所見即所得的軟件切換到一個文本編輯器。我記得簡化開發(fā)過程中與我的第一個PHP函數(shù)：包括。那些日子很美好，但不像很多其他人，他們不是都走了。

成都網(wǎng)站制作可以做的更好。預(yù)處理器少和薩斯大大提高編寫CSS的經(jīng)驗。我們有一些腳本語言融入我們的HTML，如果我們這樣選擇。然后…然后人們做了一些很有趣的事情。
我先前提到的錘應(yīng)用程序的Mac。這是一個應(yīng)用程序，介紹了其自身的功能和擴(kuò)展到老好的HTML，允許你指定一個文件作為另一部分，和其他的好東西。它編譯成靜態(tài)的網(wǎng)站，可以定期舉辦的地方。它實際上比相當(dāng)多的特點，但這篇文章不是關(guān)于錘。為什么？它僅適用于Mac平臺。

這不是一個應(yīng)用程序，它是一個非常。它包括預(yù)處理對CSS。它包括模板的HTML文件的語言。這是一個小型服務(wù)器，可用于開發(fā)，或轉(zhuǎn)為實際生產(chǎn)服務(wù)器。您可以使用服務(wù)器端JavaScript把它變成一個完整的應(yīng)用程序，它運行在Node.js?；蛘撸绻悴皇且粋€程序員，你可以建立你的靜態(tài)網(wǎng)站，然后編譯為托管的地方。

因為它是基于Node.js，它是跨平臺的。這也是MIT許可，所以它是免費的。你甚至可以進(jìn)行修改和重新發(fā)布或轉(zhuǎn)售它如果你喜歡。
現(xiàn)在，他一直留意的人會注意到，CSS編寫是不是唯一的此類工具。很多人都把Web項目創(chuàng)建基于節(jié)點的工具快速入門。我和這些主要的問題是，他們普遍認(rèn)為你要使用他們喜歡的CSS框架，動畫，或HTML模板。CSS編寫讓你要寫的代碼沒有假設(shè)。它只會給你的工具來編寫它更快。
請注意，必須安裝并運行通過命令行。沒有GUI的這。但一旦你得到它去，一點都不難的好處大于學(xué)習(xí)曲線。
加速網(wǎng)站前端開發(fā)與CSS編寫工具
CSS預(yù)處理器
現(xiàn)在，我的大多數(shù)讀者肯定熟悉，網(wǎng)絡(luò)行業(yè)試圖提高香草CSS的方法。當(dāng)您的項目的微型服務(wù)器正在運行，那么，蔬菜，和手寫筆都是自動編譯成CSS文件。
編譯總是令人滿意的快。在我的測試中，我的網(wǎng)站所做的改變有編譯所花費的時間，我把我的文件，然后刷新我的瀏覽器。

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

兩者之間的區(qū)別是什么？它主要是關(guān)于你如何喜歡寫代碼。
技術(shù)使事情變得簡單。如果你已經(jīng)知道HTML，它只是添加特定的標(biāo)簽技術(shù)，像這樣：<% %>包括全球/頭。我做了什么嗎？基本上，我只是抓住了我的另一個文件的HTML頁面標(biāo)題和進(jìn)口用于我的主要模板。你可以做一些更復(fù)雜的東西，當(dāng)然。這就是CSS編寫文件說關(guān)于技術(shù)。
玉以非常不同的方式來編寫HTML完全。它看起來像這樣，在項目的主頁顯示：

所有這些都會轉(zhuǎn)化為HTML和JavaScript。注意一個包涵if/else語句就在這中間，和適當(dāng)?shù)膲汉鄣囊蕾嚒?/p>

CoffeeScript是什么玉是HTML，JavaScript?；旧?，這是一個簡化的格式寫JavaScript，然后被編譯成正規(guī)的東西。如玉，這是嚴(yán)重的壓痕的依賴，和下降很多語法。

它看起來像這樣（另一個例子是無恥地抄襲了該項目的主頁）：
數(shù)學(xué)=
根：數(shù)學(xué)。sqrt
廣場：廣場
立方體：（x）-> x * x的平方
和輸出看起來像這樣：
數(shù)學(xué)= {
根：數(shù)學(xué)。sqrt，
廣場：廣場，
立方體：函數(shù)（x）{
返回X平方（x）；
}
；

加速網(wǎng)站前端開發(fā)與CSS編寫平臺
創(chuàng)建與CSS編寫的網(wǎng)站可以托管的地方，當(dāng)然。值得一提的是，雖然，CSS編寫的創(chuàng)作者一個托管平臺專門設(shè)計的東西與他們的軟件建。定價是不是壞的，它集成了Dropbox方便自動更新到您的網(wǎng)站?？纯催@里：www.harp.io

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

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

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

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)