原创 vue中slot插槽詳解
一、slot插槽的基本使用 首先創建一個子組件： 如圖 然後創建一個父組件，引入子組件： 如圖： 在這裏子組件中放了一個 插槽來充當佔位符，然後在父組件那邊引入後， 就變成相應的標籤類容; 這裏還可以給插槽一個默認值,比如
2020-07-04 15:05:21
原创 一批提升你工作效率的JS工具方法
1、郵箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.t
2020-07-04 15:05:17
原创 Vue項目中使用vue-particles（粒子背景）插件
vue-particles 是什麼？ 它是一個粒子背景插件。 github地址：https://github.com/creotip/vue-particles 使用方法： 1、安裝插件 npm install vue-parti
2020-07-04 15:05:17
9
原创 vue項目中獨立封裝一個toast提示彈框組件
我們在進行vue項目開發的時候，封裝組件是必不可少的一個環節;我們也可以使用別人一些已經寫好的ui組件庫。但別人的實現原理我們還是有必要知道的，今天我就來分享一個我獨立封裝的toast彈框組件 1、首先可以創建一個toast文件夾
2020-06-16 13:54:23
原创 uniapp h5頁面獲取 url瀏覽器傳參
今天做過一個uniapp h5頁面的需求，就是用戶通過掃碼跳轉到一個頁面，參數就是在掃碼的時候傳遞，跳轉到瀏覽器，打開一個h5頁面，參數就在url中，例 http://dingdong.nebook.top/#/pages/sho
2020-06-16 13:54:23
原创 詳解vue路由傳參的三種方式
在我們開發vue項目的時候，路由傳參幾乎是我們必須要用到的，一般出現場景是，當我們點擊某個組件的某個按鈕時跳轉到另一個組件中，並攜帶參數，便於第二個組件獲取數據。下面我就來說說vue路由傳參的三種方式： 方案一： getDesc
2020-06-16 13:54:23
原创 詳解基於vue封裝axios請求
特點： 支持瀏覽器和node.js 支持promise 能攔截請求和響應 能轉換請求和響應數據 能取消請求 自動轉換JSON數據 瀏覽器端支持防止CSRF(跨站請求僞造) axios的相關配置信息 axios的併發請求 ax
2020-06-16 13:54:23
原创 uniapp動態路由傳參(傳遞對象)
不多說廢話，直接上代碼： 如果是傳遞某一個參數 uniapp路由跳轉寫法： openWeb(id){ uni.navigateTo({ url:'/pages/index/index?id=' + id }); // 這個
2020-06-16 13:54:23
原创 JS中的offsetLeft和clientLeft和scrollLeft的一些區別
假設 obj 爲某個 HTML 控件。 obj.offsetTop 指 obj 相對於版面或由 offsetParent 屬性指定的父座標的計算上側位置，整型，單位像素。 obj.offsetLeft 指 obj 相對於版面或由
2020-06-16 13:54:23
原创 vue電商實戰項目
項目地址：https://github.com/sirfuao/vue_shop.git 順便附上，微信小程序的地址：https://blog.csdn.net/fuao/weChat 1、項目描述 1、此項目爲一個前後端分離的
2020-06-16 13:54:23
原创 vue-cli3項目中怎麼到手機上調試
雖說電腦上也能切換到手機模式調試，但我總感覺還差那麼點什麼，一直想到自己真正手機上調試項目，百度找了下，綜合了好幾遍文章，現在我明白了，現在分享給大家： 首先，vue-cli3工程文件夾中是沒有vue.config.js這個文件的
2020-06-16 13:54:23
原创 js對象和數組一些常用的遍歷方法
1、數組遍歷： 1）最普通的for遍歷 var arr = ['a','b','c']; for(let i = 0;i<arr.length;i++){ console.log(i,arr[i]) } 這種直接使用f
2020-06-16 13:54:23
原创 js滑動下拉加載更多
前言：前些天在做vue項目的時候，用到了一個滑動插件，better-scroll，但是插件有好就有壞，用的不好，反而會使事情變的更復雜，由於我寫的是vue項目，那我下面就當做是在vue項目中寫。 1、首先在methods中寫個函數
2020-06-16 13:54:23
原创 微信小程序中的wx.navigateTo跳轉路徑寫法
第一種：在標籤裏面的url中寫跳轉路徑， 這裏的寫的是相對路徑，具體如下圖所示： 第二種：在微信小程序中的一個API wx.navigateTo({ url: ‘/pages/pay/index’ }); 這裏面也是寫的絕對路徑
2020-06-16 13:54:23
1
原创 有關vue組件的點擊事件
1、vue中組件的點擊事件的修飾符： 普通的html元素標籤幾乎點擊事件 但在vue組件中，是不支持的，要使用一個 native修飾符纔可以: 如上圖所示，這個BackTop是我自己寫的一個組件，結果發現給它加了一個add的點擊
2020-06-16 13:54:23