原创 vue項目搭建連載教程+全家桶詳解----第一節:環境配置

初衷:鑑於很多從事前端的夥伴們對於vue技術理解不是很透徹,特增加這個vue教程連載,希望幫助更多的前端奮鬥者! ( 後期會將項目上傳到github 歡迎大家來搗亂!) 第一篇:從零搭建vue項目 1、nodeJS環境的安裝,下載地址:h

原创 vue 打印插件

1、安裝 npm install vue-print-nb --save 2、全局引入並注入 import Print from 'vue-print-nb' Vue.use(Print) 3、使用 打印按鈕   指令 v-print

原创 vue filter 過濾器 詳解

Vue.js 允許你自定義過濾器filter,可被用於一些常見的文本格式化。 (注意vue版本號不同 用法也稍有不同) 接下來咱們就記錄一下最常用的filter過濾器用法。(該示例以多個過濾器爲例,當然你也可以刪掉第二個過濾器自行測試)

原创 vue項目搭建連載教程+全家桶詳解----第二節:搭建vue項目

接着上節內容,咱們配置好了所有環境,接下來就要開始搭建vue項目了。是不是跟我一樣很雞動啊! 1、在d盤或者f盤下建立一個空目錄, 2、進入該目錄下 在地址欄輸入 cmd 回車 即可進入目標目錄 3、隨後輸入 vue init we

原创 vue項目搭建連載教程+全家桶詳解----第三節:vue-cli 項目結構目錄介紹

上節咱們搭建好了vue項目,那麼這節咱們接着講解一下,使用cli腳手架工具搭建的vue項目都有那麼目錄結構 1、先整體看一下 2、從上到下依次來看  首先是build目錄 改目錄下是打包配置和webpack配置,暫時不用深究,後面用到

原创 vue style中 import 與 src 用法

直接上乾貨: 1、src <style lang="scss" scoped src="./index.scss"> </style>  2、import <style lang="scss" scoped > @import

原创 vue項目 git上傳忽略node_modules和dist

1、在項目目錄下 右鍵 git bash here 2、在命令行輸入輸touch .gitignore ,生成“.gitignore”文件 3、在gitignore文件中輸入 .DS_Store node_modules/ dist/ n

原创 vue-scss 安裝步驟

1、在項目目錄下打開cmd命令行 2、輸入 cnpm install node-sass --save-dev 3、然後輸入 cnpm install sass-loader --save-dev 4、再然後輸入 cnpm insta

原创 github使用報錯彙總

1、本地和遠程均爲自己的開發賬號: 1.1、沒有設置祕鑰或者本地祕鑰已經失效  ----> 去重新生成 2、連接公司或者團隊的github失敗 2.1、確保自己的賬號已經被管理員開通權限 2.2、確保自己的用戶名和密碼正確        

原创 onload和ready的區別

window.onload : 1、須等到頁面、圖片‘外引資源 全部 加載完畢後才能執行 2、window.onload不能同時編寫多個,只能執行一個  $(document).ready() 1、DOM結構繪製完畢後立即執行 2、同一個

原创 git 快捷鍵全局設置

git config --global alias.pl pull        pl 代表 pull  git config --global alias.ps push        ps 代表 push git config --g

原创 git 命令行

git 基本操作 git add .    --------添加文件至本地倉庫 git commit -m'本次提交代碼註釋'      -------增加註釋 git pull   ------拉取遠程倉庫最新的代碼 git push 

原创 一個關於ul 及 li 橫向滾動的故事!

哎!最近笨人又遇到了關於使用css3實現ul 橫向滾動的問題了,知道很簡單,突然間想不起來!灰常苦惱,就寫下這篇文章來加深記憶!(當然我也在度娘上搜了一波,發現沒有滿意的答案,就把這篇文章分享給 同我一樣奮鬥在前端崗位上的各位同仁吧!)

原创 css flex彈性盒佈局 實現一個左右寬度固定,中間自動撐開的佈局

這種佈局其實是挺常見的,今天也稍作總結。 上代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="gb2312"> <title>Title</title>

原创 rem自適應佈局用法及詳解

對於很多新同學來說,rem還是比較熟悉而又陌生的, 熟悉呢是因爲rem時常出現在耳邊,陌生呢是因爲又搞不清原理。今天咱們一起來弄清楚rem到底是怎麼一回事!原理:css3規定:1rem的大小就是根元素<html>的font-size的值。