原创 vue的ref屬性獲取/設置標籤的樣式
1. 獲取標籤的寬高：this.$refs.image.clientHeight/clientWidth。 2. 設置標籤的寬高：this.$refs.content.$el.style.top="12px" <div > <d
2019-03-14 17:18:17
原创 產品經理的書籍筆記（一）--------《神一樣的產品經理》
第一篇：基礎 1. 產品經理：產品經理（PM）是驅動和影響設計、技術、測試、運營和市場等人員推進產品生命週期的經理人。 2.核心需求把控力：蘋果產品不僅僅是在滿足用戶的需求，而是在滿足用戶核心需求的同時，引導和創造出用戶的興奮型需求，改變
2019-03-13 20:44:34
原创 vue項目的transition動畫
1. 實現頁面動畫進入時右滑，離開時左滑。 <template> <transition name="slide"> <div class="singer_detail"> </div> </transition>
2019-03-12 16:47:57
原创 vue項目下一些瀏覽器不支持圖片的.webp格式的處理
1. 什麼是webp格式：WebP格式，谷歌（google）開發的一種旨在加快圖片加載速度的圖片格式。圖片壓縮體積大約只有JPEG的2/3，並能節省大量的服務器寬帶資源和數據空間。WebP既支持有損壓縮也支持無損壓縮。相較編碼JPEG文件
2019-03-07 22:13:16
24
原创 Vue-cli3.0項目下axios請求本地json文件的數據
參考：https://blog.csdn.net/lfcss/article/details/81055847。 1. Vue-cli3.0項目節省了很多文件，比如講vue-cli3.0之前版本的build/dev-server.js配置
2019-03-06 14:56:29
6
原创 vue下vue-lazyload插件的圖片懶加載
參考：https://github.com/hilongjw/vue-lazyload。 1.下載：npm install --save vue-lazyload2.配置：在main.js中 import VueLazyload
2019-03-06 14:56:29
原创 vue項目下的better-scroll封裝
參考官網：https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll%20%E6%98%AF%E4%BB%80%E4%B9%88。 1.下載：npm ins
2019-03-06 14:56:29
5
原创 vue下的keep-alive標籤
1. 用法：在<router-view/>外加上keep-alive使得來回切換頁面，不會反覆發送請求ajax（頁面也不會閃爍重新加載內容）。 <keep-alive> <router-view/> </keep-alive
2019-03-03 22:18:57
原创 vue中利用jsonp進行跨域請求獲取數據
1. jsonp是什麼：解決了跨域問題。只支持GET，不支持POST請求。 2. jsonp原理：不是發生ajax請求，是動態處理script標籤 ，script標籤是可以跨域的。用js構造一個script標籤，把json的url賦給sc
2019-02-28 13:15:54
原创 Vue項目使用vue-awesome-swiper實現移動端輪播圖
1.用vue-awesome-swiper（配置參數與swiper插件一樣）做移動端的輪播圖：參考https://github.com/surmon-china/vue-awesome-swiper。 2. 下載：npm install
2019-02-28 13:15:54
原创 vue項目解決移動端300ms延遲問題---------fastclick
參考github：https://github.com/ftlabs/fastclick。 1. 下載：npm install --save fastclick。 2. 引入：在main.js文件中：這樣就解決了在移動端body下元素點擊
2019-02-27 22:00:11
原创 router-link標籤的選中激活導航router-link-active
router-link: 其中tag='div'表示router-link爲div標籤 <template v-for="(item,index) in arr" v-if="arr.length>0"> <ro
2019-02-27 22:00:11
原创 產品經理學習筆記（七）-------------------產品的設計
1. Web端產品設計： 1.1 交互設計： 1.1.1 以用戶爲中心的設計： a. 從產品的功能轉向側重用戶體驗效果，如天貓和京東都是電商購買平臺功能，但是
2019-02-21 18:10:42
原创 產品經理學習筆記（六）-------------------產品運營
1. 產品運營的三個方面： 1.1 產品：產品時什麼？ 1.2 用戶：用戶細分羣體是什麼？ 1.3 渠道：通過什麼渠道獲取用戶？如下發短信，或廣告吸引。 2. 產品運營的目標： 2.1 收入：
2019-02-20 21:16:18
原创 變幻莫測的上下文對象——this專場
1. 全局作用域下的this：指的是window，全局指的是不在任何{}裏面的this。 <script> console.log(this) //全局的this,輸出爲window </script> 2.
2019-02-20 21:16:18