原创 VUE數據綁定
數據劫持 數據劫持: vue.js 則是採用數據劫持結合發佈者-訂閱者模式的方式,通過Object.defineProperty()來劫持各個屬性的setter,getter,在數據變動時發佈消息給訂閱者,觸發相應的監聽回調。
原创 Bootstrap_navbar
Navbars require a wrapping .navbar with .navbar-expand{-sm|-md|-lg|-xl} for responsive collapsing and color scheme c
原创 自動調節html的font-size配合rem實現等比例縮放
<script type="text/javascript"> var __rootrem; (function () { var resizeEvt = 'orientationchange' in wi
原创 CSS_em,rem
有一個比較普遍的誤解,認爲 em 單位是相對於父元素的字體大小。 事實上,根據W3標準 ,它們是相對於使用em單位的元素的字體大小。 父元素的字體大小可以影響 em 值,但這種情況的發生,純粹是因爲繼承。 讓我們看看爲什麼以及如何起作
原创 Bootstrap_Media object
Flexbug #12: Inline elements aren’t treated as flex items Add the .list-unstyled to remove any browser default list
原创 Bootstrap_Image
In Internet Explorer 10, SVG images with .img-fluid are disproportionately sized. images can be centered using the .
原创 Bootstrap_Grid system
predefined grid classes col- extra small 超小型 col-sm- small 小型 col-md- medium 中型 col-lg- large
原创 Bootstrap_Content
To merely toggle the visibility of an element, meaning its display is not modified and the element can still affect
原创 Bootstrap_overview
Containers are the most basic layout element in Bootstrap and are required when using our default grid system. Use .
原创 NODE_babel-cli
檢測對ES6的支持 安裝 npm install -g es-checker 查看命令 es-checker 添加ES6支持 初始化工作目錄,生成package.json文件 npm init -y 安裝 babel-cli
原创 VUE prop的使用心得
可以爲組件的 props 指定驗證規格。 使用對象的方式設置驗證方法 Vue.component('example', { props: { // 基礎類型檢測 (`null` 意思是任何類型都可以) prop
原创 Webpack 工程目錄解析
目錄結構 package.json { "name": "webpack_environment", "version": "1.0.0", "description": "A webpack environment t
原创 VUE CLI腳手架
功能 能夠使用ES6語法 打包和壓縮JS爲一個文件 項目文件在環境中編譯,而不是瀏覽器 實現網頁自動刷新
原创 VUE 生命週期
鉤子函數的觸發時機 beforeCreate 在實例初始化之後,數據觀測(data observer)和event/watcher事件配置之前被調用。 created 實例已經創建完成之後被調用。在這一步,實例已經完成以下配置: