原创 el-scrollbar 組件使用方法
ElementUI的隱藏組件，官方沒放出來，但是可以直接在項目中使用。用了也有一兩年了，記錄一下方便自己copy。 重點：1.設置外層容器的高度，2.設置組件樣式style="height:100%" <template> <
2020-06-24 17:51:02
原创 vue骨架屏
本文主要講述vue-cli3.0項目中如何使用骨架屏技術提高用戶體驗。效果圖如下： 文章是對Yinzhishan的簡書內容的實踐操作和整理，原文請戳前面鏈接。具體執行如下四步即可實現（本人親測有效）： 1.添加vue-ske
2020-05-30 22:54:29
原创 自己動手寫一個Vue插件（MD.7）
造不完的輪子，封不完的插件。網上什麼都有，但是有那找的功夫，自己都寫完了。漫島仍然在向前推進，只是你們看不到最新的更新內容了，剩餘的不會展示，等以後上線了再去看把。 講一下如何寫一個的Vue插件，（以一個極其簡單的loading效
2020-05-30 22:54:29
原创 vue+webpack+node快速構建項目（MD.1）
漫島的前後端配合上，採用的是rest API方式，前後端分離。 考慮到項目第一期的頁面不多，開發要快性能要好，自然要利用前端的自動化工具。 開始直接用Vue-cli3.0，Vue官方出品腳手架，基於webpack但是做了很多自
2020-05-30 22:54:18
原创 Vue動態設置title(MD.3)
2018-07-18夜晚22：30，漫島已經寫好一些頁面了，目前在等待登錄註冊的接口。 項目中需要給不同的頁面設置title，首先查了一下網上有沒有相關插件，哎，有！爽、 名稱叫做vue-wechat-title，使用方法非常簡
2020-05-30 22:53:58
原创 Vue設置全局變量(MD.4)
2018-07-19，22：37，今天完善了漫島（瞭解漫島）的登錄註冊流程，但這一塊暫時不上線。 調取接口的時候發現在請求的url上要重複寫接口前綴“http://xxx.com”，當然不能每次都這麼寫，如果以後接口換成http
2020-05-30 22:53:48
原创 Less循環等進階用法（MD.6）
有幾天沒更新我的漫島系列了哈，設定十一月底完成漫島的第一版，時間挺緊迫的，另外，大家能看到的漫島的部分頁面，就截止到個人中心了，其餘的先不給看了。 由於知識雜又多，記不過來，像less稍微複雜一點的語法，每次我還得查一查文檔
2020-05-30 22:53:48
1
原创 Vue項目兼容IE9（MD.9）
問題：Vue項目用了axios,vuex以及ES6語法等一系列看起來很高大上的新技術後，在IE9-11瀏覽器直接白屏。 原因：IE對ES6語法支持極差，IE也不支持promise，vuex,axios都依賴promise特性。
2020-05-30 22:53:48
原创 純CSS實現對話氣泡(MD.5)
在漫島的註冊成功引導頁，有一個小姐姐講述一些網站玩法規則，需要一個對話氣泡效果，用純CSS實現了一下，效果如下（點擊圖片放大看）： 網站實際效果結合了動畫體驗比截圖好，，做氣泡不難，關鍵點在於三角形的border只能有兩邊，
2020-05-30 22:53:48
原创 Vue路由守衛-404頁面（MD.8）
簡單講一下Vue項目前端路由（Vue-Router）的意外處理，即當用戶輸入了網站不存在的地址，跳轉到指定頁面，不至於讓頁面顯示一片空白，用戶一臉懵逼，然後吐槽一波你的網站！ 廢話不多說，在你的router配置腳本（.js文件）
2020-05-30 22:53:37
1
原创 免費ssl證書配置
最近上雲，將個人網站漫島的代碼從阿里雲的虛擬主機遷移到阿里雲的ECS服務器，中間給網站配置ssl證書的時候遇到一些麻煩，參照網上的方法均不起任何作用，可能我這個問題比較個性，自己花了兩天時間才解決，首先看下常規的SSL證書配置方案
2020-05-30 22:53:37
原创 javascript和PHP中的相等運算符
最近PHP編碼時使用到==比較符，發現和JS有一些差別，做記錄防止混餚。 先看PHP中的例子： $a=0; $b='0str'; $c='1str'; if($a==$b){ echo true; }else{ echo f
2020-05-30 22:53:37
原创 uni-app橫豎屏鎖定
使用uni-app開發一款ipad app時，需要將ipad鎖定爲橫屏。DCloud官方文檔說明的並不詳細，如果有漏配的情況的話，會導致線下測試時可以鎖定屏幕，項目發佈之後則失效，因此這裏做一個補充記錄，閒言少敘貼代碼。需要在如下
2020-02-21 06:32:19
原创 改變input光標顏色
移動端開發的時候，想要改變input輸入框的光標顏色,但不改變文字顏色 經過本人驗證，下面方案一行代碼即可： <input type="text" /> <style> input{ caret-color:#fff; } <
2019-09-15 17:24:06
原创 微信小程序（uni-app）url參數傳遞對象
開發小程序和uni-app時，遇到需要在navigaor組件中傳遞對象參數到下一個頁面的需求，傳遞對象時如果不JSON.stringify的話，接收到的對象會被轉化成[object,object]形式。但是使用字符串化往往還會帶來
2019-06-10 19:23:05