原创 blob下載指定格式的文件

主要邏輯 handleExportExcel(){ exportExcel().then(res=>{ const blob = new Blob([res], { type: 'application/vnd.openxmlf

原创 elementui中el-table表格首次展開不能正常渲染頁面

描述 表格expend事件第一次觸發請求數據時不能正常渲染頁面,等待第二次請求時才能正常展開數據 解決方案 表格設置 row-key屬性 屬性設置成響應式this.$set(row,'records',res.data)

原创 Eslint+prettier+stylelint+commitlint規範你的項目

寫在開頭 項目地址: vue3-project-template 自己一步步實驗,踩了無數坑最終完成了項目的配置,最後彙總成這篇文章。這些步驟都是固定的,外加上裏面都是一些基礎配置,所以按照文章的步驟來配置一般不會出錯,唯一容易出錯的點就是

原创 微信開發者工具使用sass開發小程序

在vacode中下載插件easysass 微信開發者工具中導入已安裝的vscode插件 編輯器---> 打開拓展編輯器拓展目錄--->找到spook.easysass-0.0.6文件夾 進入文件夾中修改package.json

原创 vue3中ref與reactive的區別

ref 創建一個響應式數據,一般來說用於創建簡單類型的響應式對象,比如String、Number類型 const name = ref('tom') 可以看到,ref方法將這個字符串進行了一層包裹,返回的是一個RefImpl類型的對象,

原创 vue本地跨域解決方案

本地:http://localhost:3001/ 後臺:http://localhost:3002/ proxy: { '/vue-manage': { target: 'http://localhost:300

原创 vue3+vite批量導出文件-使用import.meta代替require.context

對於webpack來說,可以使用require.context方法來實現文件的批量導出,但是vite搭建vue3項目時,不支持require,對於這種情況可以使用import.meta.glob或者import.meta.globEager

原创 vue3+vite加載路由時報錯 net::ERR_ABORTED 500 (Internal Server Error)

使用vue3+vite加載某個路由時控制檯加載文件出錯 提示信息:Failed to fetch dynamically imported module 和 net::ERR_ABORTED 500 (Internal Server Er

原创 vue3國際化如何使用vue-i18n以及解決切換語言不刷新的問題

記錄在vue3中如何使用vue-i18n,以及解決切換語言不刷新的問題 下載 vue-i18n的v9.x版本開始支持vu3,注意下載的版本號 初始化 創建單獨的語言模塊 zh_CN.js // ./zh_CN.js export def

原创 [petite-vue學習]--如何使用petite-vue+webpack構建一個多頁面項目

簡介 概述 petite-vue是前段時間剛推出的一個輕量版vue,用法與vue幾乎相同,沒有jquery那些繁瑣的操作和語法,對於熟悉vue語法的用戶來說,兩分鐘就可以上手,唯一的痛點是目前沒有什麼ui框架可以配套使用,需要自己寫一套頁面

原创 vue源碼分析--響應式原理

這年頭你不研究點vue源碼都不好意思說自己可以熟練使用vue,對於源碼的的學習,我只說三件事:耐心,耐心,還是***耐心 響應式原理 源碼分析 監聽器Observer攔截所有的屬性並監聽屬性的變化 // core/instance/st

原创 前端面試常問的計算機網絡知識

OSI 與TCP/IP模型 輸入域名發生了什麼 假設輸入 www.baidu.com 瀏覽器解析域名。 客戶端與服務端進行數據交互的時候,不能識別域名,通過DNS解析域名轉化未對用的IP地址 瀏覽器緩存中查找是否存在映射關係 查詢·本地

原创 最後億遍js總結

原型原型鏈 參照 js原型與原型鏈解析 繼承 參照 js的幾種繼承方式 call,apply,bind用法及實現 作用:簡單來說就是改變this的指向,在一個對象中調用另一個對象的方法 用法 apply與call的用法相似,會

原创 vuex中輔助函數的使用方法

mapState import { mapState } from 'vuex' export default { // ... computed:{ ...mapState({ // 箭頭函數可使代碼

原创 vue3中如何去請求數據

在vue2中一般放在created中,但是在vue3中取消了created生命週期,請求方式有兩種 直接在setup中去獲取數據 setup(props) { const data = reactive({ note