原创 css中的糟粕
1. 標準盒模型 box-sizing 2. font縮寫 要少用,因爲一旦定義,如果沒寫全,就會有繼承的問題 正確的順序是：font:是否斜體 字體粗細 字體大小/行高 字體樣式 例子：font: italic bold 12p
2020-07-06 23:29:56
原创 IE7兼容性問
1. 背景顏色 background: rgba(255,255,255,1); +background: #ffffff!important; 這樣的hack沒有起作用，爲啥呢。。。 2. li高度的bug 導致了ie6、7與其他
2020-07-06 23:29:56
1
原创 css之line height的理解與應用
line-height是兩條基線之間的距離,由lineheight撐開的,而不是文字,還有就是有一個居中的作用; height div的高度是由一個個line boxes的高度堆積而成的. 1. 單行文字的垂直 一般設置line-hei
2020-02-23 02:20:02
原创 css之vertical-align的理解與認識
一. 簡介 1. vertical-align 數值,比如 -2, 相比於基線向下便宜2px,一般用來修復單選框/複選框和12像素文字大小不對齊的問題. 2. 百分比 此標籤繼承的line-height,但ie6和ie7會出現問題 3.
2020-02-23 02:19:51
原创 css之float的深入理解
1. 浮動 分欄和列表排列都可以用其他css屬性替換,但文字環繞圖片是沒有辦法的,而這裏就是浮動應該出現的地方.浮動的意義就是讓文字環繞圖片而已. 2. 浮動的本質 包裹與破壞 浮動的包裹性(包裹是讓標籤佔據的空間水平收縮) 包裹可以用i
2020-02-23 02:19:51
原创 margin的重疊與防治
1、水平邊距永遠不會重合。2、在規範文檔中，2個或以上的塊級盒模型相鄰的垂直margin會重疊。最終的margin值計算方法如下：a、全部都爲正值，取最大者；b、不全是正值，則都取絕對值，然後用正值減去最大值；c、沒有正值，則都取絕對值，
2020-02-23 02:19:51
原创 大小不固定的圖片,多行文字水平垂直居中
http://www.zhangxinxu.com/wordpress/2009/08/%E5%A4%A7%E5%B0%8F%E4%B8%8D%E5%9B%BA%E5%AE%9A%E7%9A%84%E5%9B%BE%E7%89%87%E3
2020-02-23 02:19:51
原创 閱讀優秀代碼是提高開發人員修爲的一種捷徑
閱讀優秀代碼是提高開發人員修爲的一種捷徑 http://blog.jobbole.com/471/ 編寫代碼和寫作沒什麼不同，如果你都沒有閱讀過任何卓越的代碼，你爲什麼期望自己能寫出像樣的代碼呢？ 你顯然不應該那樣。對於程序員來說，閱讀卓
2020-02-23 02:19:51
原创 前端性能優化
1. 最最基本的 CSS頂部, JS底部YUI compressor/GzipCDN 有必要的CSS SpriteAjax可緩存 2. css渲染,重繪及迴流 儘量避免.a.b {} .list a等一些複雜選擇器,提高整站整體cs
2020-02-23 02:19:51
原创 向中級程序員轉變的10個建議
向中級程序員轉變的10個建議 http://blog.jobbole.com/8732/1. 學習另一門語言 我建議用這門語言的風格去做一個適 合該
2020-02-23 02:19:51
原创 css 架構彙總
1. 網頁佈局 http://www.zhangxinxu.com/wordpress/2010/01/%E7%BD%91%E9%A1%B5%E5%B8%83%E5%B1%80%E6%80%9D%E6%83%B3%E6%B5%85%E8%
2020-02-23 02:19:51
原创 reactJS之react-route
1. 使用react-router 用嵌套的<Router/>來定義視圖的層級,當Route激活時提供React的元素來處理這些Route React Router會根據URL來匹配最深層級的Route, 然後激活嵌套在UI裏面的該Rou
2018-09-03 07:01:24
3
原创 從0開始使用webpack4構建靜態網站（一） - webpack4及安裝
webpack4更新了太多東西，具體可以查詢 webpack4更新日誌，下面介紹一些主要特性：1. webpack4更快，速度提升98%！ps：還沒有實現多進程和緩存功能，所以理論上性能還有更大的提升空間2. Mode，零配置及默認值我們
2018-09-03 07:01:23
2
原创 js中會用到的鍵盤碼
Question: Are the keyCode values of keydown/keyup events standardized across browsers? Answer: No, unfortunately, not
2018-09-03 07:01:23
原创 從0開始使用webpack4構建靜態網站（二） - 開始使用
webpack用來編譯javascript模塊，安裝成功以後就可以通過cli或者api與webpack交互。基本設置：首先創建一個目錄，初始化npm，然後本地安裝webpack，webpack-cli（可以在命令行執行webpack的工具
2018-09-03 07:01:22
4