團隊協同動態CSS開發 個人覺得比less方便

2022-02-27 04:55:35 字數 1788 閱讀 5963

今天終於總結出乙個很方便的動態化開發方式。

感覺比jss,less sass方便一些。

需要用到的工具:

microsoft visual studio 2010

aptana studio 3

專案介紹:

1、4個人協同編碼,很多時候會多人同時修改同一檔案。

2、模組化

3、具體見說明,有圖有真相。

開始工作:

問題1——如何減少重複**書寫?

解決1——模組化

問題2——如何減少書寫copy重複的常見**?如顏色值,邊框等。

解決2——動態程式化

我們重點描述【問題2】的解決方法。

所有公用模組,我們都用html字尾。組裝的就用aspx字尾。我們的目的就是利用aspx提供的一些基本的程式化功能。

如圖,為什麼我們在html檔案裡就可以定義變數呢?

原因很簡單,我們最終呼叫這些公共模組的是aspx。

有圖有真相。

這些是對html的處理。

接下來處理css。稍微複雜一些。

先看圖——aspx字尾的css檔案,是不是有些怪異?其實不然,我們目的是為利用aspx的程式化功能來處理css。

在head裡就要這樣來引用了。

ie是微軟的東西,它是絕對相容的。

谷歌就嚴格一些。在這個寫著css**的aspx檔案的第一行要寫這樣一行**。

然後看看aspx檔案裡面是什麼樣子。

函式、變數都是可以隨便用的,什麼迴圈之類更加不在話下!

css能用到的也就這些了!

細心的人可能發現了,**並不高亮。我也很糾結,想在vs2010裡配置一下,但是沒有找到。有高手請告知!

為了彌補,我用到了外部編輯器aptana studio 3。

配置下高亮

根據下列步驟,達到我滿意的效果。

但是我的頁面都是aspx字尾的,移交工作肯定會很鬱悶。

我們最終需要的是全靜態的。

怎麼辦呢?

很簡單,生產html即可,於是寫了乙個很簡單的生產工具。

最終生成的html**

滑鼠輕輕一點,立刻實現!快下班了,先寫到這裡!

Maemo開發個人感想

做完maemo的開發本來有些感想,有些認識一直沒有機會寫下來。借這個機會將其寫下來供以後參考,同時也可以給不了解maemo的希望了解這個東西的人乙個參考。我就大概介紹一下maemo以及開發注意的問題。sybian是nokia的主流開發平台,但maemo是nokia的乙個核心高階開發平台。該平台基於g...

Golang beego 開發個人部落格

作為一名web開發者,開發乙個個人部落格是乙個很簡單的事情,正好最近學習了 beego 正好借助它能夠快速開發的特點,快速開發乙個個人部落格。beego 是乙個快速開發 go 應用的 http 框架,他可以用來快速開發 api web 及後端服務等各種應用,是乙個 restful 的框架,主要設計靈...

vue開發個人部落格

整體風格上,我對設計沒有太多的見解,做的時候參考了好多網上現有的部落格,總體喜歡簡約。正好在學vue vue vue router axios element ui框架的樣式 aos.css 動畫 less media 查詢 自適應 web h5 包含技術點 axios請求封裝 aos動畫的使用 部...