原创 Vue CLI 3 入門
官方文檔 安裝 // 若已安裝 vue-cli 2.x/1.x 需要先卸載 npm uninstall vue-cli -g // 需要全局安裝 npm install -g @vue/cli // 查看當前 vue-cli 版本
2019-01-06 15:25:52
原创 JavaScript 的 Promise、async/await
Promise 創建一個簡單的promise對象： // 創建並執行Promise，傳入匿名函數 new Promise( (resolve, reject) => { let timeOut = Math.random() * 2
2019-01-06 15:25:52
原创 Vue 渲染函數 (render)
簡單例子： Vue.component('render-demo', { props: { num: { type: Number, required: true } }, rend
2019-01-06 15:25:41
原创 Vue 組件間通信
1、父 ---> 子 傳遞 "props" 和 "$parent" 的用法： Vue.component('child-component', { template: ` <div> <p>{{parentDa
2019-01-06 15:25:41
4
原创 CSS 常用樣式
目錄 會話尖角氣泡： 類似PS的修圖功能： 會話尖角氣泡： （效果圖） 在線demo <div class="bubble">泡內文字</div> .bubble{ color: #fff; text-align
2019-01-06 15:25:41
原创 關於 響應式佈局 [ 轉 ]
原文地址 前言： 響應式，即設計可以讓一個網站同時適配多種設備和多個屏幕，可以讓網站的佈局和功能隨用戶的使用環境（屏幕大小、輸入方式、設備/瀏覽器能力）而變化。 視口： 電腦端的視口寬度等於分辨率，而移動端的視口寬度跟分辨率沒有關
2019-01-06 15:25:41
原创 前端的本地存儲 --- cookie/session/localStorage/sessionStorage
1、cookie： 本身用於客戶端和服務端通信，每次http請求都會攜帶cookie。但具有本地存儲的功能。缺點是容量少(4kb);安全性低;浪費帶寬資源(每次請求攜帶)。 Cookie中存放的信息包含cookie本身屬性和用戶自定義屬性
2019-01-06 15:25:41
1
原创 Vuex 入門
安裝： npm install vuex --save // store/index.js import Vue from 'vue' import Vuex from 'vuex' // 模塊化工程中，Vue.use() 是
2019-01-06 15:25:41
原创 Vue 過渡動畫
進入(v-enter)/離開(v-leave)/移動(v-move)&列表(transition-group)的過渡 簡單的例子： <div id="demo"> <button @click="show = !show"> Tog
2019-01-06 15:25:41
原创 CSS 堆疊覆蓋
如下圖所示： 其中需要注意的是，行元素是 後定義的 高於 前定義的 ，"z-index≥0" 高於 上下文所有元素。 代碼如下： <div class="parent"> <span>層疊上下文背景色及邊框</span>
2019-01-06 15:25:41
原创 JavaScript 的 RegExp 速查
創建正則對象： // 以下三種方法均可以 const regex = /^[a-zA-Z]+[0-9]*\W?_$/gi; let regex2 = new RegExp(/^[a-zA-Z]+[0-9]*\W?_$/, "gi");
2019-01-06 15:25:41
原创 JavaScript 的 Symbol 類型
它是JavaScript的第七種原始類型： 有別於6種原始類型： Undefined(未定義)、Null(空值)Boolean、(布爾類型)、Number(數字類型)、String(字符串類型)、Object(對象類型) ES6新特性中的
2019-01-06 15:25:41
原创 Vue Router 入門
安裝： 官方文檔 官方API文檔 npm install vue-router // router/index.js import Vue from 'vue' import VueRouter from '
2019-01-06 15:25:41
原创 ES6中的迭代器(Iterator)和生成器(Generator)及關鍵字yield
迭代器(Iterator)： 迭代器是一種特殊對象，它具有一些專門爲迭代過程設計的專有接口，所有的迭代器對象都有一個next()方法，每次調用都返回一個結果對象。結果對象有兩個屬性：一個是value，表示下一個將要返回的值；另一個是d
2019-01-06 15:25:40
1
原创 CSS 超出兩行省略
方法一（text-overflow）： <div class="box1"> <span> this is the test text!this is the test text!this is the test tex
2019-01-06 15:25:40