原创 substring()與substr()的區別

substring()與substr()的區別 substring(from, to)方法 用法介紹 substring() 方法用於提取字符串中介於兩個指定下標之間的字符。 substring() 方法返回的子串包括開始處的

原创 移動端調試插件vconsole.js的使用

移動端調試插件vconsole.js的使用 1. 使用場景 在移動端開發的時候,如果僅僅是手機網頁,調試的時候我們直接使用瀏覽器自帶的調試工具就可以了。但是如果是微信公衆號或者企業微信,需要在微信的環境正纔可以訪問的頁面,這個時候

原创 粘貼板clipboard.js的使用方法

粘貼板clipboard.js的使用方法 一、使用場景 在移動端開發的時候,有的應用需要用戶拷貝頁面的內容,方便用戶操作。此時,就是需要是用粘貼板功能。 二、使用步驟 1. npm安裝clipboard.js插件 npm ins

原创 獲取地址欄參數

獲取地址欄參數 在很多時候,我們需要通過頁面的鏈接來傳遞參數。既然是傳遞,那麼我們肯定是需要在下一個頁面接收,並且使用。那麼,如果獲取連接中的參數呢?具體的方法如下: 1. 代碼 function getQueryVariabl

原创 vue公衆號開發--二維碼生成

vue公衆號開發–二維碼生成 在H5項目中,我們往往會需要生成二維碼,其實二維碼的生成很簡單,具體的步驟如下: 1、安裝依賴qrcodejs2 npm install qrcodejs2 -S 2、引入使用 import QR

原创 IOS系統不支持僞類active效果

IOS系統不支持僞類active效果 問題描述:在手機端網頁中,設計了按鈕、標籤點擊時的active效果,但是IOS端沒有效果; 解決方案:diamante如下 <body ontouchstart="" onmouseove

原创 uni-app開發(2)---上拉加載組件封裝

PC對數據處理可以使用分頁,移動端通常是使用上拉加載處理。但是這個上拉加載在很多地方都是會使用的,所以需要我們抽里程組件。 應用場景: 在列表部分,使用上拉加載,這個時候需要使用scrolltolower上拉觸底事件,具體的代碼如下:

原创 uni-app開發(3)---搜索組件開發

1、應用場景: 在APP開發的時候,我們往往會遇見點擊前一頁index.vue搜索框(不能輸入)進入新的search.vue頁面,但是搜索框可以輸入的情況。 2、配置問題 首頁index.vue頁面配置 "style": { "a

原创 程序員的浪漫

程序員浪漫表白 藝術系,可以用意境豐富的畫作來表達愛意;文學系,可以用文辭優美的文章來傳遞情話;而程序員呢?大多人以爲程序員都是宅男,沒有情趣;實則不然,當程序員遇見愛情,你便會明白什麼是 ‘不鳴則已,一鳴驚人’! 1. 決定 l

原创 vue cli 3 打包部署測試出現net::ERR_ABORTED 404 (Not Found)問題解決

vue cli 3 打包部署到服務器上出現net::ERR_ABORTED 404 (Not Found)問題解決 解決方法:配置vue.config.js如下: module.exports = { publicPath

原创 macbook全局安裝vue cli3.0報錯

在使用MacBook安裝vue cli3.0的時候出現了一下報錯? 報錯的原因是沒有權限,具體的做法是:npm全局安裝文件時可以使用 ‘sudo’ 任何管理員賬戶都可以使用sudo來獲取 root 權限,所以使用一下指令即可; sud

原创 Vue中使用計時器實時刷新頁面數據

Vue中使用計時器實時刷新頁面數據 1. 需求說明 在前端開發中,往往會遇到頁面需要實時刷新數據的情況,給用戶最新的數據展示。 2. 邏輯分析 如果需要數據實時更新,我們自然是需要使用定時器,不斷的調用接口數據,會相對的消耗內存

原创 uni-app開發(1)---首頁頂部導航與內容聯動

APP項目首頁往往會出現頂部導航與下面內容部分聯動的需求,具體需求與效果圖如下: 業務需求: (1)點擊頂部導航後,下面內容部分自動滾動。 (2)滑動內容部分後,頂部導航自動選中分類。 效果圖: 邏輯分析: 頂部導航使用,scroll-

原创 element-ui後臺管理系統學習(6)-新增/編輯代碼合併

在開發中,我們會經常遇到 新增 和 修改 兩種不同的情況,但是他們往往又有類似的邏輯。此時,我們使用一套代碼進行封裝,在調用相同的函數,完成2種不同的邏輯處理,開發實例如下: 需求說明:在進行相冊管理的時候,我們會有兩種處理方式:新建相

原创 element-ui後臺管理系統學習(2)-vue-router安裝、使用與二次封裝

vue-router安裝 第1步、安裝 npm install vue-router --save 第2步、創建src/router.js import Vue from 'vue' import Router from 'v