原创 vue-router新窗口打開頁面
vue、vue-Router是用來做單頁面應用的，有的時候需要打開新頁面用戶體驗纔好，比如（點擊圖片進入放大模式）： 這時候打開新頁面瀏覽這個訂單詳情很明顯比較合適（槓精走開）。 總結了一下，Vue項目使用Vue-router打開新
2018-09-26 09:11:01
9
原创 阻止iview-modal確定時關閉
開發後臺管理項目時使用了iview框架，實現模態窗的時候用到其Modal 對話框組件，複製粘貼官方代碼時。遇到如下問題： 只要點擊確定按鈕，modal永遠會關閉，return都阻止不了其關閉。 我本來在裏面做了一個數據提交操作，在數據
2018-09-26 09:11:01
43
原创 Vue項目兼容IE9以及ES6語法轉換（漫島系列九）
問題：Vue項目用了axios,vuex以及ES6語法等一系列看起來很高大上的新技術後，在IE9-11瀏覽器直接白屏。 原因：IE對ES6語法支持極差，IE也不支持promise，vuex,axios都依賴promise。 解決方
2018-09-08 00:21:24
原创 Vue路由守衛-404頁面（漫島系列八）
簡單講一下Vue項目前端路由（Vue-Router）的意外處理，即當用戶輸入了網站不存在的地址，跳轉到指定頁面，不至於讓頁面顯示一片空白，用戶一臉懵逼，然後吐槽一波你的網站！ 廢話不多說，在你的router配置腳本（.js文件）的最後面
2018-09-04 17:04:26
原创 H5標籤input上傳文件（二）
上一篇介紹瞭如何用H5 input標籤的type=file屬性來實現圖片上傳，點這裏查看。 今天這篇的目的就是對這個按鈕進行的樣式美化以及我們可能遇到的相關問題 首先看看原生標籤的樣子（chrome瀏覽器）： 關鍵的問題是你沒法對
2018-08-25 15:26:27
3
原创 純CSS實現對話氣泡(漫島系列五)
在漫島的註冊成功引導頁，有一個小姐姐講述一些網站玩法規則，需要一個對話氣泡效果，用純CSS實現了一下，效果如下（點擊圖片放大看）： 網站實際效果結合了動畫體驗比截圖好，，做氣泡不難，關鍵點在於三角形的border只能有兩邊，所以我的
2018-08-25 15:26:15
原创 Less循環等進階用法（漫島系列六）
有幾天沒更新我的漫島系列了哈，設定十一月底完成漫島的第一版，時間挺緊迫的，另外，大家能看到的漫島的部分頁面，就截止到個人中心了，其餘的先不給看了。 由於知識雜又多，記不過來，像less稍微複雜一點的語法，每次我還得查一查文檔，所以把
2018-08-25 15:26:15
原创 Vue設置全局變量(漫島系列四)
2018-07-19，22：37，今天完善了漫島（瞭解漫島）的登錄註冊流程，但這一塊暫時不上線。 調取接口的時候發現在請求的url上要重複寫接口前綴“http://xxx.com”，當然不能每次都這麼寫，如果以後接口換成https，或者
2018-08-25 15:26:15
原创 Vue動態設置title(漫島系列三)
2018-07-18夜晚22：30，漫島已經寫好一些頁面了，目前在等待登錄註冊的接口。 項目中需要給不同的頁面設置title，首先查了一下網上有沒有相關插件，哎，有！爽、 名稱叫做vue-wechat-title，使用方法非常簡單，具體
2018-08-25 15:26:15
原创 CSS3實現漂亮的卡片翻轉效果
先貼效果圖（實際效果比gif圖流暢1000倍，放心使用）： 主要利用的CSS3的perspective結合transform:ratateY()屬性完成。當爲元素定義 perspective 屬性時，其子元素會獲得透視效果，而不是元
2018-08-25 15:26:15
5
原创 CSS文字選中樣式和文字閃爍效果
最近在做自己的網站漫島網的時候，用到了兩個CSS美化效果，爲了防止遺忘，記錄一下！ 第一個是文字選中效果，這個可能很少有人注意過。一般網站默認的都是藍色背景白色字體代表文字被選中，效果如下： 但是我們可以小小的改變一下配色，雖然只是微
2018-08-25 15:26:15
26
原创 實現textarea內換行
爲什麼會出現這個問題呢？是因爲我在做自己個人網站的留言板時，我想預設好textarea的值，像這樣，讓用戶輸入的時候直接另起一行！ 不墨墨唧唧了，直接告訴你們,下面兩種方法是沒有用的。 1.企圖在html裏面加上<br /> <t
2018-08-25 15:26:15
1
原创 Vue項目打包時背景圖片資源路徑錯誤的解決方案
使用項目構建工具webpack或者vue-cli時，打包好的項目放服務器上背景圖片都顯示不出來，控制檯提示資源404 not found,解決辦法如下： 在build文件目錄下找到utils.js文件 找到如下代碼，添加一行代碼：p
2018-08-25 15:26:15
2
原创 自己動手寫一個Vue插件（漫島系列七）
造不完的輪子，封不完的插件。網上什麼都有，但是有那找的功夫，自己都寫完了。漫島仍然在向前推進，只是你們看不到最新的更新內容了，剩餘的不會展示，等以後上線了再去看把。 講一下如何寫一個的Vue插件，（以一個極其簡單的loading效果爲例）
2018-08-25 15:26:14
原创 vue+webpack+node快速構建項目（漫島系列一）
漫島的前後端配合上，採用的是rest API方式，前後端分離。 考慮到項目第一期的頁面不多，開發要快性能要好，自然要利用前端的自動化工具。 開始直接用Vue-cli3.0，Vue官方出品腳手架，基於webpack但是做了很多自己的封裝
2018-08-25 15:26:14