習慣於從熟悉的地方入手的我，每要開始整理學習新東西之前，喜歡把熟悉的相關知識再溫習一遍，既是總有所得的緣故，也是如此會將鬥志燃到最烈。我總感覺這是病，只是不願治....
這次的前端整理，便直接從html入手開始：
html作為前端最基礎的知識，所有前端工作者都會，但是有相當一部分人對它的重視遠遠不夠。
萬里高樓平地起，html作為前端最底層，最基礎的元素，是一切「樣式」和「指令碼」的根源，它是任務（頁面）完成度的重要指標。
以服務「樣式」和「指令碼」為起點出發，我們在學習html的時候，大致應該做到如下幾點：
a、合理使用塊元素和行元素；
b、語義化結構；
做到上面兩點，我們得到的結構會更清晰明了，也更簡潔合理，說起來有些官方，舉個最簡單的例子：
甚至有些教程也都喜歡直接用div+css來布局結構，在個人認為，還是有些偏頗的，一方面「網路爬蟲」並不識別，另一方面囉嗦臃腫的結構，讓維護的工作量倍增。
早期的「前端工作」在我的理解裡，就是切圖，做網頁嘛，雖然事實告訴我並不是，但是「網頁」這個詞卻是前端工作躲不開的，一切都是以「網頁」為中心展開的，那麼究竟什麼是「網頁」？
同時，我們要了解的還有如下幾個名詞：
html、html文件、html標籤、html元素、html屬性、html注釋、html框架
html，超文字標記語言，核心詞彙：語言，也就是用來溝通的，而且是標記語言，也就是通過描述事物來進行溝通的，白話了說「我把一些想要告訴你的事物，用這種語言描述給瀏覽器，然後讓瀏覽器展示給你看，讓你明白我想表達的事物」；
而這種標記語言的標記方法，是一套標記標籤，一般是成對出現，由開始標籤（開放標籤）和結束標籤（閉合標籤）組成；
而html元素則是我想表達的具體事物，一般在一對標籤之間，通過外層標籤來進行描述，是標題，或者是鏈結，等等；
至於html文件，則就是我們通常所說的「網頁」，是由html標籤+html元素=html文件=網頁；
而具體的html屬性、html注釋、html框架可謂是語義化很明顯，至於「屬性」，相信在jquery的學習中，理解的會更深刻點。
前文提到過，網頁=html文件，而文件存在眾多文件型別，而就是文件的宣告，用來宣告用哪一種文件來對下面的描述進行解釋。
目前常用的有：
html5：
html4.0.1：
xhtml1.0：
html頭部元素是對當前html文件的一些設定和描述，是瀏覽器在描述具體html元素前所做的功課。
主要包括：、、、、、
是最常見的，乙個文件的基本描述，也是開啟網頁標籤頁上的內容；
、、在平時應用中是最常見的，對於樣式表和指令碼**的引入；
標籤設定頁面上所有鏈結的target屬性，在新的標籤頁開啟還是其它...
是head區乙個輔助標籤，合理的應用有想不到的驚喜。在我一次面試的時候，也曾經兩次被問到相關問題，一次是頁面不動結構和樣式的情況下，相容移動端，一次是不快取頁面。
其實meta有兩個屬性，分別為http-equiv屬性和name屬性，不同屬性有不同的引數，從而實現不同的頁面功能。但是總體上來說，name屬性比較傾向於解釋描述，http-equiv屬性偏向於設定操作。
name屬性常用的引數有：keywords（關鍵字）、description（網頁描述）、robots（機械人嚮導）、author（作者）、generator（實現軟體）等等
http-equiv屬性常用設定引數有：pragma（cache快取）、expries（期限）、refresh（重新整理）、content-type（顯示字符集的設定）等等；
a、頁面不動結構樣式情況下相容移動端。
[html]view plain
copy
?<
meta
name
="viewport"
content
="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"
/>
b、不快取頁面的設定
前文提到過，曾有教程把網頁製作的直接稱作div+css，儘管感覺不對，但它存在必然是有其原因的。
在網頁發展過程中，最初是用table進行布局，整個頁面都是乙個大table，然後不斷巢狀，不停巢狀，而div的出現則大大減少了冗餘的**，table也恢復了它本身的應用：設計**的目的是呈現**化資料。
所以div+css也是當前布局的良方，但是語義化的層面上來看，語義化**更符合當前的需求。
html塊元素：
html本身是完全可以將你想到的事物展示出來的，所以如果靜態頁面你無法將其內容展示出來的話，我想肯定還是基礎上有漏洞，而事實上我也確實就這些問題返攻過幾次html。
「錨鏈結」我現在通常會用js去實現，只是因為想要更多的滾動效果，而在我工作最初的時候，是給了我很大幫助的；
「上線快，高迭代」應該是facebook掀起的風潮，實際工作過程中的影象對映可是起了大作用，和給我帶來的好處可是不只一點；
甚至當年為了寫個商標還頭疼了很久，差點用了，直到看到了html實體字元
我始終相信，只有厚實的基礎才能讓人走的更穩更遠，積跬步，聚小流，終能到達那遠方，加油2016....
同文還發表在：我的w3cfuns
from：
積跬步，聚小流 幾種方法實現分割線
其實這個問題想了實現了有一段時間了，只是單純自己想了個辦法簡單實現了效果，沒想出太多辦法來，最關鍵的是，我也不知道這原來是叫 分割線 只知道是什麼樣，連搜都不著知道怎麼搜，趕巧今天碰到了，就學習了下，先來描繪下要實現的 分割線 效果。對，就是這個效果，記住了，這叫 分割線 最開始反應過來的是層疊起來...
不積跬步無以至千里,不積小流無以成江海
勸學篇 君子曰 學不可以已。青，取之於藍，而青於藍 冰，水為之，而寒於水。木直中繩，輮 煣 以為輪，其曲中規。雖有 又 槁暴 曝 不復挺者，輮 煣 使之然也。故木受繩則直，金就礪則利，君子博學而日參省乎己，則知明而行無過矣。故不登高山，不知天之高也 不臨深溪，不知地之厚也 不聞先王之遺言，不知學問之...
積跬步至千里系列之十一 leetcode小結
刷leetcode一周了，從easy級別開始刷的。可能是自己基礎太薄弱，刷完之後容易忘記，另外，有些題有思路，但是不能正常快速的轉換成程式描述，程式的實現能力差。今天先把上週刷的5道題做個小的總結。1.zigzag conversion 之 字形字串反轉 p a h n 048 a p l s i ...