原创 vue關於導航守衛的幾種應用場景
beforeEach 該鉤子函數主要用來做權限的管理認證 router.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.require
2021-01-16 14:16:46
原创 vue3使用路由
下載 npm install vue-router@4 配置路由 暴露出一個createRouter方法，用來創建路由對象 通過defineAsyncComponent方法來實現路由的懶加載 import { defineAs
2021-01-12 14:16:53
原创 vue3 一些關鍵屬性
環境搭建 尤大開發了一個項目構建工具vite npm init vite-app <project-name> cd <project-name> npm install npm run dev 創建實例 之前是new Vu
2021-01-05 14:16:47
原创 vue3中watch函數
watch 監聽普通類型 let count = ref(1); const changeCount = () => { count.value+=1 }; watch(count, (newValue, oldValue) =
2021-01-05 14:16:46
原创 uniapp封裝uni.request請求
封裝一個uniapp請求 新建一個http.js文件封裝uni.request const BASE_URL = process.env.NODE_ENV === 'development' ? '' : 'http://localho
2020-12-30 14:16:41
原创 vue3與vue2的區別
全局屬性 vue2 對於一些第三方插件，vue2中通常使用prototype原型來掛載到vue對象中 import Vue from 'vue' Vue.prototype.$http=Axiox Vue.prototype.$echa
2020-12-25 14:24:12
原创 vue導出數據excel
下載兩個依賴 npm install file-save xlsx 創建兩個文件 Blob.js與Export2Excel.js 參考地址：文件地址 在Export2Excel.js中修改引入地址，注意地址的路徑，沒有scri
2020-12-25 14:24:12
原创 解決vue 綁定事件會覆蓋默認參數的問題
解決vue 綁定事件會覆蓋默認參數的問題 在使用一些ui框架的時候，某些組件的框架中的事件所規定的參數不能滿足實際開發的需要，但是直接傳入參數會把默認的參數覆蓋掉 解決方法：將參數放入箭頭函數中，傳遞給這個事件
2020-12-03 13:21:03
原创 vue 遞歸調用組件出錯
報錯信息： Avoid mutating an injected value directly since the changes will be overwritten whenever the provided component
2020-12-02 13:21:31
原创 react入個門
起步 react 特點 不使用模板 不是一個mvc框架 響應式 輕量級的js庫 原理 虛擬dom 將dom抽象成js對象 diff算法 搭建開發環境 react.js 核心文件 react-dom.js 面向web端 渲染頁
2020-11-08 13:20:53
原创 vue監聽生命週期
監聽生命週期事件 內部監聽聲明週期函數 data() { return { monitor: null }; }, mounted() { this.monitor = setInterval
2020-11-03 13:21:04
原创 解決tui-editor佈局錯誤失效問題
使用tui-editor遇到markdown預覽樣式錯誤，也不清楚是不是版本的問題，改了下源碼之後效果正常了 打開控制檯看到幾個類名不對勁，te-editor、te-md-splitter、te-preview應該是並列關係，這裏變成了嵌
2020-08-26 13:44:19
原创 scss入門
變量 聲明 $highlight-color: #F90; $highlight-color: #F90; $highlight-border: 1px solid $highlight-color; .selected { bor
2020-08-19 13:44:30
原创 vue核心---虛擬dom的實現
生成dom的過程 由vue模板生成虛擬dom 虛擬dom轉換成真實dom渲染到html頁面 代碼實現 要實現的真實dom <div id="box"> <p class="red">hello<span>world<
2020-08-13 13:44:52
原创 jsonp跨域的原理及實現
1，什麼是跨域？ 跨域跨域，跨過域名，籠統來說就是一個域名區請求另外一個域名的數據，但實際上，不同端口、不同域名、不同協議上請求數據都會出現跨域問題。瀏覽器出於安全考慮會報出異常，拒絕訪問。 2，jsonp的原理？ jsonp（
2020-04-05 14:02:32