小何的酷

時間 2019-11-17

原文原文鏈接

移動端長按刪除、可滑動的按鈕解決方法：http://www.cnblogs.com/beiz/p/5817192.htmlcss

Element-UI組件庫： http://element.eleme.io/#/zh-CN/component/buttonhtml

全局安裝echarts: npm install echarts -Svue

本地安裝node-sass: npm install node-sass --save-devnode

VUE前段架構參考git源碼：https://github.com/vuejs/vue.gitwebpack

Vue項目操做：http://www.cnblogs.com/myTerritory/p/vue.htmlios

永久激活webstorm： http://jingyan.baidu.com/article/9f63fb919674f2c8400f0e9a.htmlcss3

新建項目提交併建立和代碼庫的鏈接：http://www.jianshu.com/p/11859cd561c8git

git經常使用操做：http://www.cnblogs.com/cspku/articles/Git_cmds.htmlgithub

git經常使用操做：https://wenku.baidu.com/view/624011b1915f804d2a16c119.htmlweb

sublime的插件安裝：http://blog.csdn.net/friday_sun/article/details/71412454

vue時間格式化插件：http://www.cnblogs.com/yesyes/p/6741579.html

全部時間戳的時間格式處理：http://blog.csdn.net/u013217071/article/details/73332765

基於angular2.0的UI框架：https://github.com/IronPans/freeng

電量插件：http://120.26.50.11:8877/index.html#!/bigscreen

移動端事件：http://www.cnblogs.com/shxydx/articles/2856882.html

sass安裝：http://www.cnblogs.com/cshi/p/5622650.html

vue接口配置：http://www.tuicool.com/articles/bq6be2u

vue三級聯動：https://codepen.io/zhishaofei3-1471324920/pen/KqdGWa

vue中axios請求配置：http://blog.csdn.net/binginsist/article/details/65630547

Swiper 在npm裏安裝指令

npm install vue-awesome-swiper --save

https://segmentfault.com/a/1190000010142118

rem適配移動端函數：

$fontSize:75; //75能夠變換，通常是64或75；

@function px2Rem($px){

@return $px / $fontSize + rem;

}

Angular的優缺點：

優勢：一、偏向於數據服務；

二、偏向於大型項目；

三、數據雙向綁定，路由跳轉；

四、更適合後臺管理系統；

缺點：一、不適合大型項目及偏向於視圖的項目。

二、angular太大過重，學習成本過高，不易理解；

Bind綁定的事件是直接綁定在當前元素上的，響應時間比較快；

On 綁定的事件是事件委託，綁定的元素在當前元素的父元素或其餘元素上的，通常適用於動態建立的dom節點中的綁定事件，由於動態建立的dom元素直接用on綁定回失敗，找不到當前元素；

V-for //vue框架中的循環，通常用於列表展現；

V-show = false/true //通常用於元素的顯示和隱藏，默認值true;

V-if //通常用於條件判斷是否正確或者dom元素的顯示與否；

V-text //通常用於文字內容的數據雙向綁定；

V-else //

V-else-if //通常用於複雜的if判斷句；

V-on / @click //此指令就是對某個dom元素的綁定事件，@click是v-on的簡寫；

V-model //通常用於數據雙向綁定在表單上，或其餘；

V-once //通常用於執行一次性的方法或功能；

V-pre //通常不用；

Ng-cloak //是angular裏面防止刷新時有雙括號的狀況發生，

V-cloak的用法：http://www.jb51.net/article/109633.heml

V-cloak //是vue裏面防止刷新時有雙括號的狀況發生,都加在body上面，原理是display:none;

用法：[v-cloak]{display:none;} (此CSS寫在style裏面)；

Vue腳手架的安裝步驟：

檢查node/npm/webpack是否已經安裝成功，命令當前工具 -v ；
安裝腳手架，命令：npm/cnpm install vue-cli -g ；
初始化Vue項目：命令：Vue init webpack 你的項目名稱例如：Vue init webpack wangapp；
Cd到本身在初始化Vue項目創建的文件夾下面命令：cd wangapp (你創建的文件夾)；
下載安裝項目的依賴包，命令：npm install ；
啓動你的項目服務器，讓項目跑起來，命令：npm run dev ;
開發結束後的打包發佈命令：npm run build ;

Axios的配置：

https://blog.ygxdxx.com/2017/01/29/Axios-Config/

git經常使用操做：

http://www.cnblogs.com/cspku/articles/Git_cmds.html

git經常使用操： https://wenku.baidu.com/view/624011b1915f804d2a16c119.html

1,Github ：是一個世界級的代碼託管的平臺，也就是代碼倉庫，目前是世界最流行的也是應用最普遍的倉庫之一。

二、碼雲：是中國人本身開發的代碼倉庫。

三、還有小烏龜也是代碼倉庫之一。

Git環境/配置：

Git init

UI框架/組件（element）:

http://element.eleme.io/2.0/#/zh-CN/component/button

# 安裝餓了麼UI組件庫
npm install element-ui -S

# 安裝 Vue-router路由模塊
npm install vue-router -S

# 安裝 Vuex 狀態管理模塊
npm install vuex -S

# 安裝 Sass 模塊
npm install node-sass --save-dev

# 安裝 Sass-Loader 加載器
npm install sass-loader --save-dev

# 安裝 axios http請求
npm install axios -S

import 'element-ui/lib/theme-default/index.css';

一、router文件夾下面只有一個index.js配置路由的。也再沒有其它文件了。

二、寫頁面的文件夾，路由的路徑要依次追蹤到當前的 .vue頁面。這樣作爲了好找錯誤，爲了好維護代碼。

三、目前不要用嚴格模式：如 use strict

四、 *在路由中表明匹配不到路由，由*代替，也就是404頁面會顯示，不會回到根路由的頁面。

彈性盒的講解：

也就是flexbox 基本用法和用法。

若是塊元素內有不少小的有規律的標籤須要排版，那就多用css3彈性佈局。而且屬性加到這些小組件的父元素上。
Display:flex; （彈性盒的標誌，有兼容性記得要加上前綴）。
Justify-content:flex-start; 水平排版或垂直排版的順序，flex-start 是可替換的，只表明一種；
Flex-direction:row; 排版的主軸方向，通常是橫軸或豎軸，默認是橫軸，row可替換。
Flex-wrap:wrap; 排版是否可轉行，nowrap是不可轉行。
Flex-direction:row和flex-wrap:wrap;的混合寫法，flex-flow:row nowrap;
Align-items:center; 與主軸的90°的排版方式，center能夠替換，通常用於作居中一個或者多個元素。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。