原创 CSS box-flex屬性
一、淡淡的開頭語 昨天趁着不想工作的時間間隙閒逛24ways，在My CSS Wish List一文中，見到了個新鮮的CSS屬性，就是題目中的box-flex，以前沒有見過，頓生疑惑，不知是騾子還是馬，於是習慣性谷歌之，真是不穀不知道，一
2020-06-16 14:17:06
原创 vue+elemenUIt+v-distpicker實現城市三級聯動/地址選擇
由於項目中有城市選擇的業務需求，百度之下發現了v-distpicker，這個插件不錯，基本能滿足業務需求，但是它使用了原生的select標籤，樣式很難看，不同的瀏覽器上顯示的效果也不盡相同，而且貌似沒有辦法去重置它的樣式，於是就把它改成了
2020-06-16 14:17:06
1
原创 javaScript原型鏈、構造函數
一、構造函數 1、首字母大寫 2、內部使用this，指代即將生成的實例對象 3、使用關鍵字New來生成實例對象 4、使用New命令始終會返回一個對象，如果構造函數rentur語句返回一個基本型，那麼New命令將會返回一個空對象
2020-03-09 04:19:22
原创 background-position
background-position圖示詳解 語法： background-position : length || length background-position : position || position 取值：
2018-08-27 22:59:14
原创 iOS Mac系統下Ruby環境安裝
由EasyIOS引出的一系列問題:轉載的上一篇CocoaPods安裝和使用教程中說明了，爲什麼要使用cocoapods ，但是要安裝cocoapods需要Ruby環境，安裝Ruby環境首先需要安裝Xcode（因爲xcode開發工具，他幫我
2018-08-27 22:59:12
1
原创 Flex 佈局教程：實例篇
日期： 2015年7月14日 上一篇文章介紹了Flex佈局的語法，今天介紹常見佈局的Flex寫法。 你會看到，不管是什麼佈局，Flex往往都可以幾行命令搞定。 我只列出代碼，詳細的語法解釋請查閱《Flex佈局教程：語法篇》。我的主要參考
2018-08-27 22:59:05
1
原创 CSS3 timing-function: steps() 詳解
CSS3 timing-function: steps() 詳解 一、不堪回首的過往 在應用 CSS3 漸變/動畫時，有個控制時間的屬性 <timing-function> 。它的取值中除了常用到的 三次貝塞爾曲線 以外，還有個讓人比
2018-08-27 22:59:05
3
原创 前端精選文摘：BFC 神奇背後的原理
BFC 已經是一個耳聽熟聞的詞語了，網上有許多關於 BFC 的文章，介紹瞭如何觸發 BFC 以及 BFC 的一些用處（如清浮動，防止 margin 重疊等）。雖然我知道如何利用 BFC 解決這些問題，但當
2018-08-27 22:58:46
原创 Flex 佈局教程：語法篇
日期： 2015年7月10日 網頁佈局（layout）是CSS的一個重點應用。 佈局的傳統解決方案，基於盒狀模型，依賴 display屬性 + position屬性 + float屬性。它對於那些特殊佈局非常不方便，比如，垂直居中
2018-08-27 22:58:46
3
原创 一個完整的Flexbox指南
lexbox佈局（Flexible Box）模塊(目前處於W3C工作草案)旨在提供一個更佳有效的佈局方式，更好的控制項目的對齊和自由分配容器空間，即使它們的大小是未知的或動態的。因此得其名"flex"。
2018-08-27 22:58:46
17
原创 css3 flex屬性flex-grow、flex-shrink、flex-basis學習筆記
用css3的flex好久了，雖然用的沒問題，但還是很糾結，其他屬性大都明白，但是flex-grow、flex-shrink、flex-basis始終搞不清，最經蒐集了大量的聊天，總算是明白了。 網上大部分解釋是flex-grow 是擴展比
2018-08-27 22:58:46
原创 根元素
要開始觀察HTML元素，從其根源開始比較合理，其實只是近似根源。第1章我們講到了doctype聲明，它是HTML文檔的第一個元素。然而，在doctype之後是html元素，它包含了文檔裏所有其他的HTML元素，也叫作根元素。 根元素是大量
2018-08-27 22:58:45