豈曰無衣與子同袍
天地玄黃，宇宙洪荒。
日月盈昃，辰宿列張。
寒來暑往，秋收冬藏。
閏餘成歲，律呂調陽。
雲騰致雨，露結為霜。
金生麗水，玉出昆岡。
劍號巨闕，珠稱夜光。
果珍李柰，菜重芥姜。
海鹹河淡，鱗潛羽翔。
龍師火帝，鳥官人皇。
始制文字，乃服衣裳。
推位讓國，有虞陶唐。
弔民伐罪，周發殷湯。
坐朝問道，垂拱平章。
愛育黎首，臣伏戎羌。
遐邇一體，率賓歸王。
鳴鳳在竹，白駒食場。
化被草木，賴及萬方。
蓋此身發，四大五常。
恭惟鞠養，豈敢毀傷。
女慕貞潔，男效才良。
知過必改，得能莫忘。
罔談彼短，靡恃己長。
信使可覆，器欲難量。
墨悲絲染，詩讚羔羊。
景行維賢，
德建名立，形端表正。
空谷傳聲，虛堂習聽。
禍因惡積，福緣善慶。
尺璧非寶，寸陰是競。
資父事君，曰嚴與敬。
孝當竭力，忠則盡命。
臨深履薄，夙興溫凊。
似蘭斯馨，如鬆之盛。
川流不息，淵澄取映。
容止若思，言辭安定。
篤初誠美，慎終宜令。
榮業所基，籍甚無竟。
學優登仕，攝職從政。
存以甘棠，去而益詠。
樂殊貴賤，禮別尊卑。
上和下睦，夫唱婦隨。
外受傅訓，入奉母儀。
諸姑伯叔，猶子比兒。
孔懷兄弟，同氣連枝。
交友投分，切磨箴規。
仁慈隱惻，造次弗離。
節義廉退，顛沛匪虧。
性靜情逸，心動神疲。
守真志滿，逐物意移。
堅持雅操，
都邑華夏，東西二京。
背邙面洛，浮渭據涇。
宮殿盤鬱，樓觀飛驚。
圖寫禽獸，畫彩仙靈。
丙舍旁啟，甲帳對楹。
肆筵設席，鼓瑟吹笙。
升階納陛，弁轉疑星。
右通廣內，左達承明。
既集墳典，亦聚群英。
杜稿鍾隸，漆書壁經。
府羅將相，路俠槐卿。
戶封八縣，家給千兵。
高冠陪輦，驅轂振纓。
世祿侈富，車駕肥輕。
策功茂實，勒碑刻銘。
盤溪伊尹，佐時阿衡。
奄宅曲阜，微旦孰營。
桓公匡合，濟弱扶傾。
綺回漢惠，說感武丁。
俊義密勿，多士實寧。
晉楚更霸，趙魏困橫。
假途滅虢，踐土會盟。
何遵約法，韓弊煩刑。
起翦頗牧，用軍最精。
宣威沙漠，
九州禹跡，百郡秦並。
嶽宗泰岱，禪主雲亭。
雁門紫塞，雞田赤誠。
昆池碣石，鉅野洞庭。
曠遠綿邈，巖岫杳冥。
治本於農，務茲稼穡。
俶載南畝，我藝黍稷。
稅熟貢新，勸賞黜陟。
孟軻敦素，史魚秉直。
庶幾中庸，勞謙謹敕。
聆音察理，鑑貌辨色。
貽厥嘉猷，勉其祗植。
省躬譏誡，寵增抗極。
殆辱近恥，林皋幸即。
兩疏見機，解組誰逼。
索居閒處，沉默寂寥。
求古尋論，散慮逍遙。
欣奏累遣，戚謝歡招。
渠荷的歷，園莽抽條。
枇杷晚翠，梧桐蚤凋。
陳根委翳，落葉飄搖。
遊鵾獨運，凌摩絳霄。
耽讀玩市，寓目囊箱。
易輶攸畏，屬耳垣牆。
具膳餐飯，適口充腸。
飽飫烹宰，飢厭糟糠。
親戚故舊，老少異糧。
妾御績紡，侍巾帷房。
紈扇圓潔，銀燭煒煌。
晝眠夕寐，藍筍象床。
絃歌酒宴，接杯舉殤。
矯手頓足，悅豫且康。
嫡後嗣續，祭祀烝嘗。
稽顙再拜，悚懼恐惶。
箋牒簡要，顧答審詳。
骸垢想浴，執熱願涼。
驢騾犢特，駭躍超驤。
誅斬賊盜，捕獲叛亡。
布射僚丸，嵇琴阮簫。
恬筆倫紙，鈞巧任釣。
釋紛利俗，並皆佳妙。
毛施淑姿，工顰妍笑。
年矢每催，曦暉朗曜。
璇璣懸斡，晦魄環照。
指薪修祜，永綏吉劭。
矩步引領，俯仰廊廟。
束帶矜莊，徘徊瞻眺。
孤陋寡聞，愚蒙等誚。
謂語助者，焉哉乎也。
作者：LeuisKen
https://segmentfault.com/n/1330000011368344
iOS Safari
Safari下使用border-image，不能設定border-color: transparent。
使用<meta name="format-detection" content="telephone=no" />解決連續數字誤識別為電話號碼導致樣式出錯的問題。
Safari的iframe會自動去適應內容大小而無視CSS中設定的width，該特性只能通過scrolling="no"屬性關閉，並通過設定如下CSS樣式設定width：width: 1px; min-width: 100%;;但是設定scrolling="no"會導致安卓下iframe無法滑動，目前只能通過UA裝置判斷解決。
Safari 10以下的flex佈局不認width和flex-basis，但是會認min-width，詳見Can I Use 中 flex 的 Known issue第一條。
在 Safari 中，setTimeout 無法觸發 focus 事件，且不支援 autofocus 屬性。可以使用Promise.resolve().then()來執行需要非同步的 focus 程式碼。
iOS 10 safari 會無視meta user-scalable=no，需要用e.preventDefault來解決。個人解決方案mobile-polyfill/ios10-user-scalable-no.js。建議結合ua-parser-js使用，因為iOS 10+的其他瀏覽器（QQ、UC）等都還是尊敬這個東西的。
Safari下開無痕瀏覽模式，操作localStorage會直接報錯，需要try catch。
某同學用unescape解析encodeURIComponent編碼的資訊，掉進了亂碼的坑。
type=search有坑。
position:fixed有坑。
部分版本的padStart/padEnd實現有bug，會出現null
http://www.joycesong.com/arch…
ios版本：11.1-11.3
使用swiper或者transform屬性時，有一定概率出現transform的元素以外的所有
元素都消失，上下滑動一下頁面又出現了。
給外層元素加一個overflow:hidden屬性即可解決。
當使用-webkit-overflow-scrolling: touch;時，同時使用::-webkit-scrollbar偽類的display:none隱藏滾動條在iOS 11+出現失效的情況，需要使用如下方案解決，參考：https://stackoverflow.com/que…
Andriod
針對部分瀏覽器非預期的快取機制，需要服務端新增如下HTTP頭資訊：
部分機型touchmove事件不連續觸發
Android的事件每次都要經過瀏覽器核心再發往UI執行緒，為了提高效率，如果瀏覽器核心中沒有設定preventDefault，Android就認為該頁面元素不需要touchmove事件，於是下次的事件就不經過核心，直接發往UI執行緒，於是js中就捕獲不到touchmove事件。
解決方案：在事件響應的地方設定preventDefault，這樣就可以源源不絕地接收到touch事件，比如在touchstart事件中執行e.preventDefault()，touchmove事件就會連續觸發。但是這種做法會取消掉瀏覽器其他的預設行為，比如頁面預設的滾動。。。
字號小於12px，或字號不是偶數，部分機型文字無法居中的問題
解決方案：使用transform: scale(0.5)進行縮放 or 字號大一點
scroll 相關方法相容問題
CSSOM 檢視模型新增了一些 scroll 相關的方法，參考：https://drafts.csswg.org/csso…
polyfill：https://github.com/iamdustan/…
綜合問題
禁止頁面滑動
當你需要禁止移動端頁面滑動的時候，在iOS下，需要禁止頁面中的touchmove事件，在安卓下，需要給html, body元素加上如下CSS：height:100%;overflow:hidden;。
推薦使用以下程式碼進行處理：
css.sm-no-scroll {
height: 100%;
overflow: hidden;
}
但由於禁掉了touchmove事件，導致iOS下你希望滾動的部分也無法滾動了，因此對於希望滾動的部分，通過