在頁(yè)面最下面的input，有時(shí)在iPhone上鍵盤(pán)彈起，遮擋住了輸入框，使用了cursor-spacing屬性也解決不了，最后監(jiān)聽(tīng)了一下input的focus事件，在獲得焦點(diǎn)...
發(fā)簡(jiǎn)信
IP屬地：湖北
-
小程序iphone鍵盤(pán)遮擋輸入框
-
【web前端】緩存http請(qǐng)求
使用axios-cache-adapter，緩存axios發(fā)起的請(qǐng)求https://www.npmjs.com/package/axios-cache-adapter[htt...
-
[vue3新特性] 13.style v-bind
在vue3.2中增加了一個(gè)style v-bind的特性，簡(jiǎn)單來(lái)說(shuō)就是把我們script中的數(shù)據(jù)可以在style標(biāo)簽中使用，下面我們來(lái)寫(xiě)一個(gè)最簡(jiǎn)單的例子我們定義一個(gè)color...
-
【web前端】取色器 EyeDropper API使用取色器 EyeDropper API我們可以在屏幕上拾取顏色，就跟ps的吸管功能一樣。這是一個(gè)實(shí)驗(yàn)性的API，從Chrome 95才開(kāi)始支持的。我們就來(lái)試用一下。首先，還...
-
[vue3新特性] 12.組合api——13.toRef和toRefs
toRef和toRefs可以理解為給一個(gè)響應(yīng)式對(duì)象的一個(gè)或多個(gè)屬性創(chuàng)建ref對(duì)象。ref的值會(huì)和響應(yīng)式對(duì)象的值保持同步。區(qū)別就是toRef是創(chuàng)建一個(gè)，toRefs是一下創(chuàng)建多...
-
1.在index.scss有個(gè)base.scss，在base.scss引入的icon.scss
2.我這樣一個(gè)一個(gè)都引入進(jìn)來(lái)有個(gè)好處，就是可以按需引入，把自己不用的組件去掉
3.這個(gè)問(wèn)題后來(lái)我發(fā)現(xiàn)了別人的解決辦法，你也可以試試https://blog.csdn.net/palmer_kai/article/details/105728156【web前端】element-ui框架在線上環(huán)境偶爾出現(xiàn)iconfont圖標(biāo)亂碼的問(wèn)題，解決辦法
使用element-UI的項(xiàng)目，打包部署以后，偶爾會(huì)出現(xiàn)iconfont顯示亂碼 但是刷新以后就變成正常了。 經(jīng)過(guò)研究以后發(fā)現(xiàn)，圖標(biāo)字體的content經(jīng)過(guò)scss編譯以后變...
-
form-generator讀源碼筆記
form-generator地址：https://gitee.com/mrhj/form-generator[https://gitee.com/mrhj/form-gene...
-
[pinia快速入門(mén)]4.使用其他的store
在這個(gè)例子中，我們?cè)谛聦?xiě)一個(gè)permissionStore，來(lái)存儲(chǔ)我們的權(quán)限數(shù)組，這個(gè)store中我們需要使用到之前定義的profileStore。其實(shí)用起來(lái)很簡(jiǎn)單，直接導(dǎo)入...
-
[pinia快速入門(mén)]3.Getter
pinia中的getter和vue中計(jì)算屬性一樣，它可以在獲取state的值時(shí)做一些處理。我們還是以實(shí)際的例子來(lái)學(xué)習(xí)，在前面寫(xiě)的例子中，我們有顯示用戶的手機(jī)號(hào)碼，現(xiàn)在有一個(gè)新...
-
[pinia快速入門(mén)]2.使用action修改state的值
我們把數(shù)據(jù)存放在state中，如果修改它的話，就要使用pinia中另外一個(gè)重要的概念actions了。如果與Vuex對(duì)比，pinia中的action相當(dāng)于Vuex中mutat...
-
[pinia快速入門(mén)]1.安裝pinia和第一個(gè)例子
Pinia是第一代的vue狀態(tài)管理庫(kù)，它的開(kāi)發(fā)者也是Vuex的核心開(kāi)發(fā)者，據(jù)Pinia開(kāi)發(fā)者說(shuō)，下一版的Vuex風(fēng)格和API設(shè)計(jì)方式會(huì)和Pinia非常相似。Pinia拋棄了原...
-
[vue-router4進(jìn)階] 5.在組合API中使用vue-router
我們以之前寫(xiě)的用戶詳情頁(yè)為例，把之前獲取參數(shù)的功能改寫(xiě)為組合API的方式。之前vueDetail.vue的代碼： 下面我們來(lái)使用組合API獲取參數(shù)，獲取到route對(duì)象，需要...
-
[vue-router4進(jìn)階] 4.滾動(dòng)行為
如果一個(gè)頁(yè)面特別長(zhǎng)，用戶已經(jīng)進(jìn)行了頁(yè)面滾動(dòng)，這時(shí)候跳轉(zhuǎn)到了下一個(gè)頁(yè)面，頁(yè)面滾動(dòng)應(yīng)該怎么處理？vue-router已經(jīng)給我們提供了scrollBehavior來(lái)處理這個(gè)問(wèn)題。但...
-
[vue-router4進(jìn)階] 3.動(dòng)態(tài)路由
動(dòng)態(tài)添加路由 現(xiàn)在我們所寫(xiě)的幾個(gè)都是固定路由，每個(gè)用戶都可以通過(guò)這些路由訪問(wèn)到我們的每個(gè)頁(yè)面，但是在一些管理系統(tǒng)中，由于權(quán)限限制，每個(gè)用戶只能訪問(wèn)到部分頁(yè)面。這時(shí)候動(dòng)態(tài)添加路...
-
[vue-router4進(jìn)階] 2.重定向和別名
重定向 重定向通過(guò)redirect屬性來(lái)定義，頁(yè)面會(huì)跳到redirect指定的路由比如，我們定義一個(gè)根路由‘/’，讓它重定向到‘/index’： 就是這樣，很簡(jiǎn)單，在瀏覽器輸...
-
[vue-router4進(jìn)階] 1.路由匹配
我們繼續(xù)來(lái)學(xué)習(xí)關(guān)于路由匹配更多的用法 404頁(yè)面 我們要配置一個(gè)路由，如果用戶進(jìn)入一個(gè)我們?cè)趓oute中沒(méi)有定義過(guò)的頁(yè)面，就讓他進(jìn)入404頁(yè)面，首先寫(xiě)一個(gè)vue文件，表示40...
-
[vue3新特性] 11.組合api——12.script setup語(yǔ)法糖
在之前我們學(xué)習(xí)的setup函數(shù)中，我們要先定義一個(gè)數(shù)據(jù)，然后在setup中return它才能在模板中使用，這樣每增加一個(gè)數(shù)據(jù)或者方法，還要至少修改兩處代碼，有點(diǎn)麻煩?，F(xiàn)在如果...
-
[vue-router4進(jìn)階] 0.過(guò)渡動(dòng)效
現(xiàn)在我們開(kāi)始學(xué)習(xí)一些vue-router的高級(jí)一點(diǎn)的內(nèi)容，這節(jié)課我們一起學(xué)習(xí)如何在頁(yè)面跳轉(zhuǎn)時(shí)添加一些過(guò)渡動(dòng)效。我們還是繼續(xù)在vue-router4快速入門(mén)的例子的基礎(chǔ)上改，先...