原创 vue-cli3使用ant desgin for vue如何自定義主題

官方已經給出了自定義主題的方式,基本上跟着操作就可以了,這裏只是記錄一下幾個重點 官方網址:https://www.antdv.com/docs/vue/customize-theme-cn/ 關鍵點記錄: 如果項目使用的是scss/sa

原创 uni-app 使用vue-cli-service如何配置多環境?

前言 項目搭建過程中,往往會涉及到2個或以上的環境,比如目前官網已有的開發環境(development)和發佈環境(production),但是如果要增加第三個環境,如預發佈環境(此處用release),就需要自行配置。 如果是用HBui

原创 git 常見問題處理(命令行和webstrom操作)

  目錄 1、Git衝突解決 1.1、命令行操作 1.2、webstrom操作 2、覆蓋本地代碼,同步遠程倉庫的代碼 2.1、命令行操作 2.2、webstrom操作 3、合併分支代碼到指定分支 3.1、命令操作(此處以test合併到li

原创 vue封裝checkBox列表組件(實現group和自定義選項,純css實現效果)

點擊我查看效果 一、前言 【又在重複造輪子!!!】vue有很多現成的UI框架,博主的手機端用的是mintUI,但是mintUI樣式不能整改爲想要的樣子,因此純手工封裝了一個checkBox組件(純css實現效果,需要不一樣的可自制樣式)

原创 如何用css適配iphoneX底部橫條?!?

當我們在做app或者小程序的時候,如果是自適應屏幕高度,或者是用定位到底部按鈕的時候,iphoneX底部的返回橫條老是遮擋底部內容,如果巧妙的設計代碼,使它能適配到iphoneX呢? 比如我寫了一個底部按鈕,漂浮在所有內容的上方,以下代碼

原创 uni-app如何監聽input輸入,小寫變成大寫,並且過濾掉不想要的字符?!

在做input輸入過濾監聽的時候,用watch監聽改變值,界面上的值會雷打不動的不按照你的思維變化,以下監聽只是一個示例,需要其他過濾字符的,需要修改正則表達式。 這裏提供,監聽輸入的時候,只能是數字和字母,並且小寫字母要變爲大寫字母。不

原创 AngularJs 調試工具(batarang)離線安裝

因爲angular由谷歌接手之後,他們也寫了一個關於該框架的調試插件(batarang),但是僅僅只能在谷歌瀏覽器中使用。 1、首先下載插件 在本人的資源庫裏面可以下載https://download.csdn.net/download/

原创 win10使用PowerShell無權加載vue/gulp等腳本問題處理(set-ExecutionPolicy RemoteSigned)

問題描述: win10使用powershell全局裝vue-cli,運行vue --version 查看版本的時候,提示vue : 無法加載文件 D:\nvm\nodejs\vue.ps1,因爲在此係統上禁止運行腳本。  搜索了半天之後

原创 vsCode 配置記錄

1.import路徑提示 安裝vscode插件path-intellisense,12步驟是找到插件,34是安裝好了之後點擊自定義 在自定義文件中添加如下配置項 "path-intellisense.mappings": {

原创 uni-app開發微信小程序如何授權(兼容iso和Android)保存圖片到相冊?

在使用uni-app官方api保存圖片的時候,可能會因爲沒有授權導致失敗,如何通過層層遞進的方式,把授權代碼寫的優雅又實用呢? 先貼一個調用示例: this.saveImage('https://profile.csdnimg.cn/2

原创 uni-app如何獲取當前頁面路由(整個頁面對象)?如何獲取前一個甚至已經打開的頁面路由?

方法一: 用官方方法getcurrentpages先獲取所有數組,然後取最後一個數組,再去獲取路由,當然還有其他的屬性可以使用,可自行打印查看 let routes = getCurrentPages(); // 獲取當前打開過的頁面路

原创 uni-app懸浮(拖動)按鈕組件

如何製作一個類似小程序飄在微信的懸浮按鈕呢,困難的地方不是懸浮,而是不能影響頁面下拉刷新,上滑加載,並且要隨着頁面的滑動,始終保持在頁面最上方。 在這裏,我用的是uni-app組件庫裏面的movable-area和movable-view

原创 在chrome調試vue,vue調試器離線安裝(vue-devtools)

1、先獲取vue-devtools安裝包 可走github獲取源碼,點擊進入github,clone之後選擇yarn或npm方式安裝依賴包,在此就不贅述 在本人博客資源下載,解壓即可使用,點擊下載(推薦此方法,會省去一些繁瑣的步驟) 2、

原创 gulp4 + wepack-stream 編譯ES6爲ES5(包括import引入編譯)

es6編譯爲es5,包括import的引入方式解決方案 1、首先安裝gulp  cnpm install gulp -g // 全局安裝,爲了後面執行任務方便,也可省略,但是在執行任務時,需要進入到局部安裝目錄,建議安裝 cnpm in

原创 重構echarts多條進度條實現(vue+gulp)

之前寫了一個echarts實現多條進度條,並定時翻頁的組件,現在用vue+gulp重構了一下,稍後會貼出源碼地址,很抱歉,之前沒有貼出css,讓某些夥伴不知所措。 如果需要源碼:https://github.com/liuxin00020