原创 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

原创 VUE 生命週期

原创 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 實例已經創建完成之後被調用。在這一步,實例已經完成以下配置: