原创 jq-zTree使用

傳統網站使用jq-ztree比較多,做一些技術總結 ztree網站api:http://www.treejs.cn/v3/api.php //引入css,自己的css,ztree的css <link rel="stylesheet" hre

原创 工作總結(一)

主要記錄一些工作上碰到的問題,不定期跟新 1、因爲工作調接口,後端返回字段經常變化,今天遇到這樣一個問題。 // 判斷返回 arr ,如果是 null 或 [] 空數組就顯示'' // 假設返回字段是 usersName // 初始想法,通

原创 Node.js 模塊簡單用法

之前使用node的包管理器npm,生成vue-cli工程模板,而且經常通過npm進行包管理,爲了更好的瞭解nodejs包管理,學習一下nodejs 一、使用Nodejs搭建一個web服務器 默認大家已經安裝好了node,直接寫項目 1.1、

原创 VUE-Router路由懶加載,打包問題(下午更改)

1、路由懶加載配置 1.1index路由 1.2home組件的路由 1.3 添加路由導航守衛 1.4項目打包1.4.1提示不能直接訪問index.html文件,需要放在服務器中纔可以訪問。根據搜索解決辦法,在 config > index.

原创 Git的使用

Git工具的使用 1、登錄碼雲後,點擊個人中心左側倉庫 > 選擇Private > 點擊+ 創建 2、進入到項目信息填寫頁面填寫好:倉庫名稱 、 倉庫介紹 、 是否開源(看個人原則)、 選擇好語言、 添加.gitignore

原创 VUE跨域問題

vue-cli項目中,解決跨域問題。 在config > index.js 文件中的proxyTable裏邊添加'/api'配置 proxyTable: { '/api': { // 跨域域名 target: 'http

原创 vue 使用swiper插件

在vue項目中,使用swiper插件,使用回調函數,在數據中定義swiperOption對象,在對象中調用swiper的回調函數 data () { return { realIndex: 0, swiper

原创 webpack打包

webpack打包指令 npm run build 使用webpack打包vue項目,需要更改配置 1、webpack打包後生成dist文件,將dist文件更改成project,放在服務器中,會報錯js的引用路徑不對,頁面空白。 解決辦法:

原创 HTML實現2列布局,左側寬度固定,右側自適應

HTML實現2列布局,左側寬度固定,右側自適應 實現一: <style> body, html{padding:0; margin:0;} // 根據CSS定位,利用浮動或絕對定位,使左側的塊元素脫離常規文檔流【[原理][1

原创 JS作用域

作用域作用:讀、寫域:空間、範圍、區域----JS解析器----- script 全局變量、全局函數。【自上而下】函數域 局部變量、局部函數。【自裏而外】 <script> alert(a); var a = 1;

原创 CSS3田字格列表的樣式編寫

在很多項目中,需要實現分格展示的功能,中間有灰色分割線,兩側沒有。 如圖: 按照一般的思路,設置好li的寬度,通過nth-of-type(n){}的方式給li標籤添加樣式。但是中間1px的邊框不太好實現。 如何設置每個li 33.33%的

原创 vue中引用路徑的配置

在vue項目中需要經常引用css、vue文件。有時會文件層級很多,路徑就會很長,所以我們需要設置文件的引用路徑 比如我在Header.vue 中引用 varibles.styl 文件。要這麼寫@import'../../../assets

原创 Vue中組件的使用

請輸入代碼1、在項目中,vue文件可以看爲一個小組件。vue文件由 <template> <!-- 這裏編寫模板 html template裏邊只允許放一個元素,如果寫多個元素,可以用一個div包裹起來 編寫自

原创 git 學習歷程

git工具和svn一樣,就是將代碼從服務器中下載下來,進行本地更改之後,再上傳到服務器。只是工作原理和性能不太一樣 將本地文件上傳到碼雲,git主要注意,要在項目文件中,打開Git bash 如果沒在項目中打開Git bash, 而是cd到

原创 VUE2.5項目遇到的問題集

因爲開始學VUE,感覺遇到了所有的問題,出個文章記錄一下。 1、如何解決Vue項目,無法使用手機鏈接電腦ip地址訪問。【將config > index.js > host 更改爲0.0.0.0 就可以了】設置圖成功圖