原创 css筆記 十.css常見寫法

文章目錄水平居中網絡差加載不出圖片時,仍能展示基本頁面單行文本垂直,水平居中畫七巧板畫三角形單行文本過長顯示...導航欄畫五環 水平居中 <div class="wrape"> <div class="content"

原创 vue踩坑筆記 十.使用vue進行數據mock

文章目錄安裝依賴建立mock文件mock樣例代碼全局引用mock在組件中使用常見用法 安裝依賴 npm install --save-dev mockjs npm install --save axios 建立mock文件 sr

原创 vue踩坑筆記 六.less的安裝與使用

文章目錄下載依賴全局配置組件中使用完整示例在全局使用less變量 下載依賴 npm install less less-loader --save 全局配置 修改build/webpack.base.conf.js文件 mod

原创 vue踩坑筆記 八.新建一個移動端vue項目的準備工作

文章目錄搭建git環境創建vue項目引入第三方樣式文件引入第三方js文件提交項目在github上查看該項目 搭建git環境 1.運行git init命令生成一個git環境 2.去githuab上新建一個項目 3.運行 git cl

原创 vue踩坑筆記 三. vue使用axios進行跨域

文章目錄下載axios引用axios修改node配置進行跨域訪問 下載axios npm install axios --save 引用axios 在需要axios請求的組件進行引用 import axios from ‘a

原创 vue 踩坑筆記 二.vue引入阿里矢量圖庫的矢量圖

文章目錄1. 進入阿里矢量圖官網2.新建項目3.找到自己需要的矢量圖4.在需要的組件內進行引入5.在放置矢量圖7.修改html(class中粘貼矢量圖代碼,一定要加iconfont !!!!) 1. 進入阿里矢量圖官網 阿里適量

原创 vue踩坑筆記 十一.vue中引入滑塊組件

文章目錄效果圖安裝依賴常見用法完整代碼坑 效果圖 安裝依賴 npm install better-scroll -S 常見用法 BetterScroll 最常見的應用場景是列表滾動,我們來看一下它的 html 結構。 <div

原创 vue踩坑筆記 七.使用ip地址訪問本機運行的vue項目

文章目錄一.確保本機tomocat 或者apache運行正常二.獲取本機ip地址進入dos界面獲取本機ip地址三.輸入ip地址加端口號四.運行錯誤或拒絕訪問(很關鍵)五.重啓項目 一.確保本機tomocat 或者apache運行正

原创 vue踩坑筆記 十二.vue中引入vuex

文章目錄安裝依賴引入vuex樣例代碼 安裝依賴 npm i vuex -s 引入vuex 在src目錄下新建一個store目錄,分別創建以下文件 項目比較簡單,建一個state文件,一個mutations文件就行,如果項目規模

原创 vue移動音樂app開發筆記 二. 搭建項目骨架,配置路由與開發首頁界面

文章目錄修改App.vue項目目錄開發首頁界面設計圖構建首頁骨架編寫head組件編寫具體內容組件修改路由文件配置嵌套路由配置默認路由配置路由高亮路由文件完整代碼首頁效果圖 修改App.vue 我們常在開發中碰到這個問題:設計師給我

原创 spring 入門篇 四.spring注入複雜對象(xml)

文章目錄編輯實體類編輯xml編輯測試類運行結果 編輯實體類 編輯xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns:xsi="http://www.w3.org/2001

原创 vue移動音樂app開發筆記 一. 搭建git環境以及新建vue移動端項目的準備工作

文章目錄搭建git環境一. 在GitHub搭建遠程代碼倉庫二. 創建git文件夾三. 克隆GitHub代碼四. 將本地項目與遠程倉庫建立連接五.測試遠程連接創建開發分支創建移動端的vue工程一.創建vue項目二.引入第三方樣式文件

原创 vue踩坑筆記 九.移動端vue坑

文章目錄移動端vue頁面禁止移動/滾動方法一(左右滑動都禁止)方法二(僅禁止左右滑動)移動端Vue路由跳轉到新頁面時 默認在頁面最底部 而不是最頂部方法一方法二全局事件忘記解綁解決方法 移動端vue頁面禁止移動/滾動 方法一(左右

原创 vue 踩坑筆記 五.圖片懶加載

文章目錄1.下載插件2.全局配置3.組件中使用4.天坑1.循環一定不能放圖片上!!!!2.圖片顯示有問題時注意require3.佔位圖片加載有問題時 1.下載插件 npm install vue-lazyload --sav

原创 js筆記 四.函數防抖與節流

文章目錄引言問題一(防抖)需求描述實現代碼代碼解析問題二(節流)需求描述實現代碼代碼解析 引言 在日常開發中會經常使用到延時任務 但是api提供的setTimeout與setInterval僅僅只能滿足基本需求 所以我們需要在此基