原创 當今社會“卷”一字可以囊括一切

當今社會人在一生卷小學生各種培訓班,各種才藝,捲開始了中高生各種學習輔導班,各種名詞的考試,捲開始了大學生各種社團,各種社會實踐,捲開始了入社會996,各種名詞的績效,捲開始了人的一生在卷中。。。。。有意思不,無聊不生來何歡,死亦何懼聽起來

原创 vite構建的話環境變量必須是VITE_開頭

加載的環境變量也會通過 import.meta.env 以字符串形式暴露給客戶端源碼。 爲了防止意外地將一些環境變量泄漏到客戶端,只有以 VITE_ 爲前綴的變量纔會暴露給經過 vite 處理的代碼。例如下面這些環境變量:

原创 走自己想要的人生

一生不借誰的光,打造自己的城堡。拼盡全力走着平凡的人生。

原创 Tailwind CSS中自定義樣式使用

有三種自定義 第一種普通的編寫自己的樣式,在style中添加並且使用 @layer utilities { .back1 { background:#ff0000; } .back2 { background:#

原创 vue2中使用TailWind Css

第一步執行命令安裝 npm install -D [email protected]:@tailwindcss/postcss7-compat [email protected]^7 [email protected]^9 第二步創建配置文件 npx tailw

原创 封裝組件發佈到npm上,項目中可以npm install 然後直接使用(第三步)

第一步就是配置,主要是是是三個文件webpack.config.js ,package.json,index.html還有一個要注意的文件是..gitignore package.json注意我標的紅框的配置 { "name": "

原创 封裝組件發佈到npm上,項目中可以npm install,這裏做一個簡單的封裝例子(第二步)

第一步就是我們平常的寫的vue組件,比如dialog,我的目錄如下,這裏面目錄自己隨意寫      main.vue組件,編寫組件 1.根據傳入的 type 確定彈窗的類型(成功提示,失敗提示,警告,加載,純文字) 2.設置彈窗消失的時間

原创 封裝axios,發送的POST請求,三種方式

1.第一種文件格式。在入參數的時候new FormData(),然後把formData這個對象傳入就OK let formData = new FormData(); formData.append("file", param.file)

原创 前端-谷歌瀏覽器network詳解(轉載)

network用F12打開後,出現以下頁面。5個部分分別講解。1.控制器2.過濾器3.時間軸4.資源內容5.資源概況 1.控制器 Preserve log:頁面刷新也不會清空請求 Disable cache:停用瀏覽器緩存 Online

原创 vue-移動端適配-postcss-pxtorem

1.安裝lib-flexible npm i lib-flexible --save 2.在main.js引入lib-flexible import 'lib-flexible/flexible' 3.安裝postcss-pxt

原创 H5跳轉小程序的方法

方法1 :就是在相應的小程序中用開發者工具-雲開發-更多-靜態網站託管,在裏面做H5頁面跳轉小程序,(非個人主體),目前沒有做過 方法2:就是H5綁定公衆號,然後公衆號中添加跳轉小程序按鈕,主要是開放的標籤wx-open-launch-we

原创 有意思的大腦

大腦總是不停的旋轉,思考着一些不知道答案的問題。比如從老爸走後我經常思考,我現在活着的意義,而且時不時冒出來,但是不管想多少次都沒有答案,估計就是沒有夢想的結果吧!夢想對吧!接着大腦就思考,你的夢想是什麼,夢想是想成爲一個畫家,夢想是想成爲

原创 微信小程序swiper,scroll-view和touch混用

html <view class="nav-top"> <view class="nav-top-div1 {{currentView==0?'active':''}}" data-typeCurrent='0' bindtap=

原创 swiper 套swiper 父橫向,子橫向或者豎向

html <view class="nav-top"> <view class="nav-top-div1 {{currentView==0?'active':''}}" data-typeCurrent='0' bindtap=

原创 大屏適配:flexible.js的源碼及配置

flexible.js 進行屏幕適配,flexible.js把屏幕分成24等份(也可以自定義別的份數),1920/24=80,所以此時適配時1rem=80px。在VSCode中使用“cssrem”插件,自動轉換。在設置中把轉換單位換成80。