JS CSS HTML 前端開發 一

2022-09-10 18:45:17 字數 1380 閱讀 6561

最近忙於乙個專案,主要做前端開發,使用的開發工具為記事本的公升級版-sublime, 至於aptana sudio,功能是很強大,但是感覺不如sublime清爽,同時由於sublime的擴充套件外掛程式比較多,能很好地滿足我的打字速度-我打字比較慢,但是借助於sublime的自動補全,感覺很快。 

至於測試工具,就是簡單的各種版本瀏覽器啦,ff,chrome,以及ie各種坑人的版本。選擇ff,是因為ff在w3c標準的支撐上比較全面,而其開發除錯工具,firebug功能很強大,至於chrome,俗稱谷歌瀏覽器,和ff比較類似-在支援w3c標準上, 而且其開發除錯工具似乎更適合我,同時支援一下這個偉大的公司。選取ie6,7,8,9 則是無可奈何的事情,因為ms的自高自大,自己乙個孩子還弄了一堆版本,沒有乙個對w3c支撐較好,好像ie9,還可以啦,總之,這是無可奈何的事情,誰讓咱們中國大地上是ie6的沃土,據說全世界ie6都快絕跡了,咱們這裡還欣欣向榮呢。

由於該專案在涉及機密性等方面不太有重要要求,同時個人秉承自由軟體的理念,開始採用git來進行**管理,似乎很神奇的,大家都可以嘗試一下。

好了,至於開發方面,因為有了一段時間,忙於碌碌而為,一直沒有總結,即使偶有心得,也難得記得,今天決定多寫些日誌,記錄一下開發的日子,同時也是個人技術成長的回憶了,確實比較辛苦,但是笨鳥先飛嘛,勤奮一些總是好的。

鑑於本人未曾在任何軟體開發公司學習一二,所以其中多有問題,這裡只是乙個個人對於前端開發不斷摸索的過程而已,如有任何誤導大家之處,請多多見諒,多多糾正。

說是前端開發,但是不懂些後端則很痛苦,因為你總要互動,尤其是在做資訊系統的時候,此文重在總結經驗,主要記錄本人如何從一堆亂麻的**設計與編寫方式向模組化,分布式開發挺進的。至於實際意思,就不深究了,總之,從亂七八糟走向了有序的開發模式,也許值得分享。

記得開始的**,基本都寫在了一起,js,css,html 都在乙個檔案中,id,class等等**需要了,就新增乙個,**不用,也不設計,等以後用到了,再新增,刪除則是基本不敢,有次不小心刪除了乙個class,不僅css亂了,同時js中也用到了class選擇器,更是一塌糊塗,找到凌晨2點多,才找到問題所在,就是不小心刪除了乙個類名。當時以為沒有用了,以後就長經驗了,基本是只敢新增,不敢刪除了。

這時候的開發我稱之為混沌時期,開發工具開始選擇的是dw,測試瀏覽器也是chrome和ie,至於ff的神器-firebug,還沒聽說過。總之就是html和css以及js沒有任何分離,同時js也並未使用任何js庫,基本是純js時期,辛苦自不必說,乙個在jquery中很容易實現的hide,show,toggle等效果,js需要寫半天,但是那時候的辛苦畢竟得到很多,現在看js庫中的一些原始碼,原理多是一樣,所以感覺學習js最好不要一上來就搞extjs,jquery以及dojo等等,雖然他們比較好用,但是遇到問題基本就不知道怎麼解決,同時需求一旦變動,很多時候,庫並沒有給我們充分的選擇,很令你鬱悶……

開發的混沌時期先寫到這裡…… 

js css html平時的一些小筆記

在計時器中 事件是由window呼叫的 所以要先固定this的指向 如先用 var that this 形成閉包。display inline block 的空格間隙問題四種解決辦法 1 父級元素font size 0 2 刪除空格 3 除去閉合標籤 系統會自動在下乙個元素標籤開始前新增乙個閉合標籤...

前端開發筆記(一)

1 js判斷字串是否為空 var str if str str 2 判斷checkbox是否被選中 js判斷checkbox是否被選中 var c document.getelementbyid protocl if c.checked jquery判斷checkbox是否被選中 3 js定時器se...

前端開發書籤(一)

1.banner的故事 banner設計可以說是我日常工作中最主要的一塊需求,banner不比大型專案,從設計成本上來講不可能給太多的時間給設計師,所以這也引發了我對如何更有效率地完成乙個banner的思考。我覺得構成banner的重點主要有三個方面,即風格,排版以及配色。我個人的習慣是先定風格,再...