自定義屬性（有時(shí)候也被稱作CSS 變量或者級(jí)聯(lián)變量）是由 CSS 作者定義的，它包含的值可以在整個(gè)文檔中重復(fù)使用。由自定義屬性標(biāo)記設(shè)定值（比如：...
投稿
收錄了516篇文章 · 1071人關(guān)注
-
使用 CSS 自定義屬性(:root)
-
2、使用Pinia
安裝 mian.js中 創(chuàng)建一個(gè) pinia（根存儲(chǔ)） 定義一個(gè)Store(/src/store/goods/index.js) 使用stroe...
-
1、為什么要使用 Pinia？
Pinia 最初是在 2019 年 11 月左右重新設(shè)計(jì)使用[https://github.com/vuejs/pinia/commit/06a...
-
js 數(shù)據(jù)類型及其類型判斷方法封裝
js數(shù)據(jù)類型分為：原始類型（即基本數(shù)據(jù)類型）和對(duì)象類型（即引用數(shù)據(jù)類型）es6中新增了: Set、Map、Symbol類型判斷使用：typeof...
-
vue3 簡(jiǎn)簡(jiǎn)單單寫個(gè)向左展開收縮panel的通用組件效果如下 ： 原理: 收縮按鈕是相對(duì)父節(jié)點(diǎn)定位的。點(diǎn)擊后通過更改父組件的left 值進(jìn)行展開收縮，收縮時(shí)left為-1 * 父節(jié)點(diǎn)寬度， 展開時(shí)...
-
vue3 手寫鼠標(biāo)hover元素顯示詳情的組件，支持click，并優(yōu)化鼠標(biāo)滾輪與鼠標(biāo)移入事件沖突導(dǎo)致的交互問題前言 首先為什么不直接使用css的hover？因?yàn)橛卸鄠€(gè)地方都有這個(gè)，每個(gè)元素都包裹一個(gè)彈窗可以是可以，但是dom就堆積太多了。而且若父元素設(shè)置...
-
47、pc端類似微信聊天框案例之vue遞歸組件最近需要做一個(gè)聊天框展示效果，消息里面還存在N層消息集合，毋庸置疑肯定是要遞歸實(shí)現(xiàn)，正好vue中也有組件遞歸的使用，翻閱了之前寫過的組件遞歸案例...
-
"前端八股文背誦版"，終于整理完了，堪稱最強(qiáng)！隨著互聯(lián)網(wǎng)的快速發(fā)展，前端開發(fā)領(lǐng)域成為了IT行業(yè)中的熱門領(lǐng)域之一。很多求職者都希望能夠進(jìn)入這個(gè)領(lǐng)域，但是面對(duì)著如此激烈的競(jìng)爭(zhēng)，很多人都感到無從下...
-
Javascript面試常問點(diǎn)
js暫時(shí)性死區(qū) 在ES6中新增的定義變量的關(guān)鍵字let和const，會(huì)帶來一個(gè)暫時(shí)性死區(qū)的問題，暫時(shí)性死區(qū)簡(jiǎn)單來講就是變量未定義就調(diào)用了。在ES...
-
vue3 在script setup中聲明組件名字
使用unplugin-vue-define-options插件 在vite.config.ts中配置 如果是ts項(xiàng)目需要在tsconfig.js...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/362870/logo.png', '推薦專題《前端Vue專輯》（ 分享自 @簡(jiǎn)書 ）','http://www.itdecent.cn/c/e72f86d5812a?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}