開發工具

1、WebStorm 可以通過Alt+F12打開Terminal

2、WebStrom 裏面 Ctrl+Shift+N 按照文件名進行全局搜索

3、VS通過 查看 -> 集成終端查看

4、VS裏面可以通過Ctrl+P快速定位到文件

5、按住ctrl再點擊可以快速定位到代碼引用的位置

命令行

1、Ctrl+C 關閉，結束過程，命令終止

2、npm run dev 啟動了Vue項目要在Vue項目的根目錄下運行該條指令

CSS

1、css 中white-space：normal 文本中的空白會被忽略，其余的選項還有pre，pre-wrap, pre-line,inherit

2、css中的樣式的層級最好控制在三層以內，css選擇器是從右開始向左匹配的。要盡量減少不必要的匹配。less也是一樣的，嵌套會影響性能

3、樣式要盡量采用縮寫的方式，比如font可以一個屬性定義好的，就不要font-size，font-family等等分開寫了。

4、減少 * ，標簽 ，多層 等選擇器的使用

5、css書寫的順序可以按照：布局-》盒子模型-》背景-》行高-》css3（transform等）-》鏈接[link,visited,hover,active]這種順序去寫，讓人看起來比較清楚

6、少使用絕對定位，能用float就使用float。因為在手機端可能會有一些問題

7、在內容太多超出了範圍的時候可以用text-overflow:ellipsis進行設置，讓多余的部分變成省略號

HTML

1、圖片要加 alt ，在圖片無法顯示時的替換文本，增加了用戶友好度

2、標題要加title

3、form表單要加label，方便點重

4、引入圖標

　　<link rel="icon" href="../../../dist/img/basicimgs/favicon.ico" type="image/x-icon">

JS

1、由於js中的浮點運算存在問題，所以要盡量避免使用浮點運算，避免不了也要盡量減小浮點運算帶來的影響，比如放在最後除之類的。

Vue

1、組件（Vue）實例由三部分構成：（1）模板 template （2）樣式 style （3）js script

2、slot就是你在子組件裏面寫。如果父組件沒有slot要覆蓋的話就渲染子組件的slot。如果父組件有寫的話，就會把子組件的給覆蓋掉

3、組件在取名字的時候註意不要和保留的名字沖突了，比如frame 就要換一個名字。

4、在子組件裏面定義的插槽的樣式是會被覆蓋掉的，要寫在父組件裏面。

5、在這個項目中用到的路由方式是history，要去後臺配置一下，Vue.js默認的路由方式是hash

6、import HelloWorld from ‘@/components/HelloWorld‘ 中，@ 這個符號，可以代替一個路徑，算是一種別名把。nodejs 會把它自動定位到項目的src的位置

是在webpack.base.conf.js裏面的resolve：{……alias：{@……}} 配置的

7、如果項目出問題了可以直接把node_modules 刪掉，重新編譯，因為這個文件裏面放的都是存放項目開飯中的依賴模塊。

性能優化

1、在切圖的時候圖片格式保存為web格式，一般來說小圖片要盡量保持在30k以內，大圖片要保持在100k以內，如果太大，要用壓縮軟件壓縮一下。大圖要做成字體庫，如果不是色彩很豐富（沒有透明度）的圖片保存為png8，如果色彩比較豐富（有透明度），要保存為png24，動態圖保存為gif格式。

開發相關

1、百分比是相對於父元素的，設計稿給的有時候是對於一整個的頁面的百分比，這種情況下可以考慮使用vh，vw等視口單位或者rem，可以減少很多換算

2、如果出現模塊的丟失要重新npm install 一下，然後重啟項目

3、關於分頁：就是把分頁的功能實現，不需要考慮數據。只需要把當前頁的需要傳遞到接收數據的那一層組件，就可以了。之後就可以拿著這個當前頁的數據去向後臺請求數據了。

4、如果數據庫裏面存儲的時間格式是string 。裏面包含了日期和時間，要怎麽把這兩個給拆分出來？

　　　　item.create_time.split(" ")[0]//日期
　　　　item.create_time.split(" ")[1]//時間

5、單頁面應用和多頁面應用的區別：

　　https://juejin.im/post/5a0ea4ec6fb9a0450407725c

2018-7-10的總結