原创 vant 自動按需引入樣式無效問題已完美解決
方式一. 自動按需引入組件 按照vant官網安裝兩個插件 安裝vant組件庫 安裝babel-plugin-import 插件 $npm i vant@latest-v2 -S $npm i babel-plugin-import -
2022-11-12 06:23:26
原创 vue keep-aclive 按需緩存 動態緩存
遇到的問題 先說在使用 keep-aclive 遇到的坑，我一開始在router.js裏把次路由用keepAlive直接緩存，設置keepAlive爲true，請看下圖, 這麼寫發現一個問題，我第一次進入到該頁面的時候用戶信息緩存的對的，
2021-11-17 07:00:54
原创 JS RegExp對象 JsvaScript match() JavaScript search() JavaScript replace()
new RegExp對象用於在字符串中查找你想查找的內容 new RegExp可以接受兩個參數，第一個參數是字符串或者是表達式，第二個參數是可選的，規定用什麼方式去匹配，比如new RegExp('hello','g') 全局匹配 test
2020-06-15 22:53:03
原创 template前端模板動態渲染神器
查看演示 案例代碼 tmod.js 最大的優點就可以代替JavaScript字符串拼接，還可以引用子模板。之前普通的開發模式使用JavaScript調用ajax，然後得到數據後，用JavaScript字符串拼接，然後插入到元素裏面，比
2020-06-15 22:52:53
原创 ES6 Promise 執行流程 promise
promise 前兩天遇到一個問題，讓多個接口全部都完成，然後進行某項操作，於是就在網上看了一個視頻，看了下基礎用法，個人覺得講的不錯，就記錄下來了 promise分兩種階段, 三種狀態 一、 unsettled（未決階段） 1.uns
2020-06-15 22:52:53
原创 css水平居中垂直居中常用的方式
水平居中 1 margin: 0 auto; 2 position: fixed; left: 50%; 3 margin:auto; position: absolute; left: 0; right: 0; 4
2019-07-09 00:21:40
2
原创 vue
一、 vue 有多少個生命週期，每個作用是什麼？ demo <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Comp
2019-07-09 00:21:40
原创 vue父組件異步獲取動態數據傳遞給子組件 獲取不到值的問題已完美解決 附demo
前幾天遇到一個問題，在父組件中使用axios獲取異步數據傳給子組件，但是發現子組件在渲染的時候並沒有數據，在created裏面打印也是空的，結果發現一開始子組件綁定的數據是空的，在請求數據沒有返回數據時，子組件就已經加載了，並且他綁定的值
2019-07-09 00:21:40
1
原创 Git日常操作以及問題解決思路
提交代碼到分支，提交不成功問題 1. 切換分支到master, 執行 $git pull,檢查本地master代碼是不是版本庫的最新代碼，如果不是最新的，執行完git pull 之後就會把版本庫最新的代碼更新到本地master。 2.
2019-07-09 00:21:40
原创 css3 animation loading 動畫 Demo
源碼 演示 animation有幾個屬性 ： duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | na
2019-07-09 00:21:40
原创 Vue組件幾種方式
vue組件實現Tab切換功能 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo</title> <script src="https:
2019-07-09 00:21:40
原创 Vuex狀態管理(全家桶)
什麼是vuex狀態管理？ 就是我們vue裏的核心數據庫 1. 安裝 $ npm install vuex --save 2. 在main.js 主入口js裏面引用store.js import Vue from 'vue' import
2019-07-09 00:21:40
原创 JS RegExp對象
new RegExp對象用於在字符串中查找你想查找的內容 new RegExp可以接受兩個參數，第一個參數是字符串或者是表達式，第二個參數是可選的，規定用什麼方式去匹配，比如new RegExp('hello','g') 全局匹配 test
2019-07-09 00:21:40
原创 template前端模板動態渲染頁面神器
查看演示 案例代碼 tmod.js 最大的優點就可以代替JavaScript字符串拼接，還可以引用子模板。之前普通的開發模式使用JavaScript調用ajax，然後得到數據後，用JavaScript字符串拼接，然後插入到元素裏面，比
2019-07-09 00:21:40