原创 vue在生產環境、測試環境和開發環境，三種環境下配置不同的api地址
vue在生產環境、測試環境和開發環境，三種環境下配置不同的api地址 我們大多數在開發的時候，都會有三種環境，一個是開發環境，一個是測試環境，一個是生產環境，我們打包的時候需要根據不同的環境去加載不同的API地址。 用vue-cl
2019-07-31 10:16:03
原创 vue生產環境和開發環境配置不同的api地址
vue生產環境和開發環境配置不同的api地址 用vue-cli2構建的項目中，有兩個文件是用來區分生產環境和開發環境的。 /config/dev.env.js /config/prod.env.js 在main.j
2019-07-31 10:16:03
原创 vue創建的項目如何在手機上調試
vue創建的項目如何在手機上調試 手機和電腦要在同一個網絡下。 找到電腦的IPv4地址地址。我的電腦是mac，打開系統偏好設置——>網絡——>高級——>TCP/IP——>IPv4地址。 然後去vue的項目下，修改config文件下的
2019-05-12 11:44:19
3
原创 解決vue的eslint代碼規範中，因function前少一個空格的問題
解決vue的eslint代碼規範中，因function前少一個空格的問題 如下問題 ✘ http://eslint.org/docs/rules/space-before-function-paren Missing space
2019-05-12 11:44:19
12
原创 使用git stash命令保存和恢復進度
使用git stash命令保存和恢復進度 git stash 保存當前工作進度，會把暫存區和工作區的改動保存起來。執行完這個命令後，在運行git status命令，就會發現當前是一個乾淨的工作區，沒有任何改動。使用git stash
2019-03-23 09:02:06
3
原创 添加gitignore文件失效的原因
添加gitignore文件失效的原因 1. gitignore原理：在項目開始的時候配置了.gitignore文件 在項目開始的時候配置了.gitignore文件，會對一些文件進行忽略。然後git初始化，添加到遠程倉庫，這個時候再進行
2019-03-23 09:02:06
1
原创 響應式圖片img中的srcset和sizes
響應式圖片img中的srcset和sizes 參考鏈接 如果是在小屏手機屏幕上顯示網頁，那麼沒有必要在網頁上嵌入很大的圖片。這被稱之爲分辨率切換問題（resolution switching problem）—一張位圖被設置爲固定像素
2018-09-30 00:57:14
3
原创 position和transform使元素居中的方法 (轉載)
position和transform使元素居中的方法 (轉載) 1. position & transform: translate(-50%, -50%) 實現塊元素百分比居中 css3: .parent { positioin
2018-09-30 00:57:04
2
原创 box-shadow樣式
box-shadow樣式 顯示陰影 css: box-shadow: 0 0 2px rgba(0,0,0,.14),0 2px 2px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.2);
2018-09-30 00:57:04
3
原创 vue中的自定義屬性並獲得屬性的值
vue中的自定義屬性並獲得屬性的值 例如： data-radius語法： data-屬性 vue: <div @mouseover='changeRadius($event)' @mouseout='changeRadius(fals
2018-09-30 00:57:04
3
原创 backgroundLinearGradient線性漸變製作折角效果
backgroundLinearGradient線性漸變，製作折角效果 語法 線性漸變 - 從上到下（默認情況下） background: linear-gradient(direction, color-stop1, color-s
2018-09-30 00:57:04
3
原创 基於vue的模擬gitbook的右下角的評論按鈕
基於vue的模擬gitbook的右下角的評論按鈕 html: <div :class='[water,{open: isOpen}]' @click='openMessage'></div> js: export default {
2018-09-30 00:57:04
2
原创 vue中的小技巧
vue中的小技巧 1 . <router-link to='/citylist' tag='p'>獲取城市列表</router-link> router-link 路由中的tag屬性，可以將顯示路由的標籤渲染成任意標籤形式。 如：渲
2018-09-30 00:57:04
2
原创 css中的transition屬性
css中的transition屬性 transitions提供了一種在更改CSS屬性時控制動畫速度的方法。 其可以讓屬性變化成爲一個持續一段時間的過程，而不是立即生效的。比如，將一個元素的顏色從白色改爲黑色，通常這個改變是立即生效的
2018-09-30 00:57:03
1
原创 瀏覽器窗口的滾動條的位置
瀏覽器窗口的滾動條的位置 監聽瀏覽器窗口的滾動條的位置，在vue中放在created中執行。 window.onscroll = function() { console.log(window.pageYOffset) } 基於
2018-09-30 00:57:03
2