原创 yarn安裝依賴報錯

解決方案:

原创 使用 yarn create vite vue3-project --template vue時報錯

yarn : 無法加載文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因爲在此係統上禁止運行腳本。有關詳細信息,請參閱 https:/go.microsoft.com/fwlin

原创 華碩筆記本怎麼設置才能變好用

我買的華碩天選2Plus版本的這檯筆記本:,使用了一年了。因爲是前端工程師,業餘也自己畫畫,所以對色彩和性能要求比較高,剛開始使用的時候覺得挺好,後面發現,用着用着發現這三個比較明顯的問題。這幾個問題糾結了我一年多了,直到今天才去問的售後,

原创 水球圖

水球圖效果如下:水球圖,搭配版本如下:》執行命令:npm install [email protected] install [email protected] install [email protected]》main.

原创 vue2項目安裝sass並使用

npm install [email protected] [email protected] -D在build文件夾下的webpack.base.conf.js的rules裏面添加配置{test: /.scss$/,loaders: [‘style’

原创 openLayers點擊事件

任何在地圖上點擊的事件,都是在map.on裏面註冊事件事件類型參考api:openLayers的api地址:https://openlayers.org/en/latest/apidoc/在api中左側,搜索: ol/map 找到 on 方

原创 在本地搭建一個簡單的服務器,發佈html靜態項目

在使用echarts map的時候,發現了json跨域問題,所以需要搭建一個服務器。其實很簡單: 全局安裝: anywhere服務器npm install anywhere -g進入cmd你的 html項目文件夾 然後使用  anywher

原创 git添加密鑰

在本地生成密鑰並查看

原创 vue禁用瀏覽器前進後退

場景:在筆記本電腦上,左滑右滑到頂時,瀏覽器會自動前進或者後退,但是在實際情況中,後臺管理系統的左側導航無法對應當前前進或者後退的頁面進行選中,因此,爲了優化用戶體驗,我們需要禁用掉瀏覽器的前進後退。首先,在main.js裏面加入這段代碼:

原创 ant Design Vue 控件顯示英文問題

爲了更加方便的處理我們的全局控件英文問題,我們需要在main.js裏面去引入這個東西。如圖所示:然後我們就可以在app.vue裏面的代碼包上一層國際化的組件,如圖所示:這樣的話,就可以徹底解決ant design vue控件顯示英文問題。

原创 ant design vue全局loadding效果

在你的父頁面,你也可以在app.vue裏面包一層這個組件。我這裏是在home的模板頁包一層這個組件。loadding我們用vuex去更新它的狀態。我們寫一個store.js,來存儲我們的loadding狀態。在我們的axios.js裏面去給

原创 uni-app中uni-popup組件中滾動條問題 解決方案二: 解決方案三:

在組件中,禁用了滾動事件。因此,我們把這個事件去掉就可以了。打開組件代碼,然後找到這段代碼去掉就可以了。但是之後就會導致另外一個問題的出現,我們假設這樣一個場景:1.在頁面中,我們做了一個滾動分頁的list,然後點擊頁面中的某個按鈕,會彈出

原创 從零搭建一個uni-app項目

第一步:準備好HbuilderX工具哦。uni-app官網有相關的介紹,另外也可以參考我的那篇HbuilderX安裝的文章。要下載app開發版本的HbuilderX工具哦。第二步:新建一個uni-app的項目,選擇空項目。當然,如果你是新手

原创 ant design vue實現分頁

如果我們是table分頁,需要設置一下這個屬性::pagination="false"我們不用table自帶的分頁。實現思路:在data裏面定義 data() {     return {         total:0,

原创 vue項目中瀏覽器縮放拉伸echarts自適應問題

我們要完成的任務時,在對瀏覽器窗口進行拉伸時,echarts圖表可以監測到窗口變化事件重新渲染圖表,使得圖表一直顯示正常。代碼如下: