原创 vue - 路由(vue-router)

Vue.js 本章內容: 路由 引入vue-route vue-router提供的組件 router-view router-link 定義路由 動態路由 命名路由 $router和$route的區別 嵌套路由 路由重定

原创 stylus - 選擇器

Stylus 選擇器     在stylus中選擇某個元素,是通過縮進的方式來控制的。縮進在stylus中是尤爲重要的。 從選擇一個標籤開始 div width 100px height 100px background p

原创 stylus - 安裝

Stylus 本章內容: 介紹 安裝stylus 介紹 stylus是CSS預處理器,可以創建健壯的,動態的,富有表現力的CSS。與less,sass較爲相似,但是stylus的語法更加簡潔。 stylus語法可以省略大括號

原创 stylus - 函數與插值符號

Stylus 函數      Stylus強大之處就在於其內置的語言函數定義,並且可以自主的返回值。 borders(arg) -webkit-border-radius arg -moz-border-radius arg

原创 vue - 初識

Vue.js 本章內容: Vue是什麼? Vue兩大核心思想 起步 Vue開發版本 Vue生產版本 第一個Vue案例 Vue是什麼? ​ Vue是一套用於構建用戶界面的漸進式框架。Vue的核心只關注視圖層,不僅容易上手

原创 CSS justify-content佈局讓最後一行元素左對齊的兩種實用方式

justify-content 問題描述 在CSS fle佈局中,最後一行的元素個數不滿的時候,使用justify-content來實現某中對其方式的時候,我們發現在最後一行的元素是space-around或者space-betw

原创 解決border:1px在移動端顯示borde: 2px的問題

border: 1px ··· 問題描述 例如我們在電腦端開發移動端項目時,會給某個元素設置border-bottom: 1px ···樣式。這時在谷歌設備模擬器中border正如我們所設置的一樣,但是當項目在手機上展示時,會發現

原创 stylus - 如何編譯stylus

Stylus 本章內容: 如何編譯stylus 如何監聽.styl文件有改動後自動編譯 如何編譯stylus stylus stylus.styl -o style.css 首先創建好自己的項目文件夾,通過終端進入到新創建

原创 vue - 插值符號

Vue.js 本章內容: 插值符號 聲明式渲染 聲明表達式 插值符號內使用字符串方法或數組方法 插值符號 ​ Vue 是允許使用插值符號{{ }},來聲明表達式或者將數據渲染進 DOM 節點中。 聲明式渲染 <div i

原创 Ajax的工作原理解析

Ajax原理      簡單來說Ajax是通過XMLHttpRequest()/ActiveXObject()對象來向服務器發送異步請求,而後在通過onreadystatechange事件來監聽Ajax當前請求的狀態,從而獲取服務

原创 stylus -條件與迭代

Stylus 條件語句      這沒什麼好說的,跟一般的語言一致,if表達式滿足(true)的時候執行後面語句塊,否則,繼續後面的else if或else. flag = true if flag == true div

原创 stylus - 變量與屬性查找

Stylus 變量      我們可以指定表達式爲變量,然後在我們的樣式中貫穿使用。 size = 12px borders = 10px solid #000 p font-size size border-bottom b

原创 javaScript改變this指向的三種方法

敘述      call()、bind()、apply()都是js預定義的方法,可以掛載對象或某個屬性,來改變函數內部的this指向,他們最大的區別就是傳入參數的方式不太一樣。 call() 改變fn函數的this指向爲obj對象

原创 vue - 動態組件/內置組件

Vue.js 本章內容: 動態組件/內置組件 component slot 匿名插槽 匿名插槽注意事項 具名插槽 具名插槽注意事項 transition transition-group keep-alive 動

原创 vue - computed(計算屬性)

Vue.js 本章內容: 計算屬性 簡寫方法和完整寫法 計算屬性的特點 計算屬性 ​ 計算屬性是對data中的數據進行依賴,在原有的數據上得出另一個結果。 簡寫方法和完整寫法 <div id="app">