自定義屬性（有時候也被稱作CSS 變量或者級聯(lián)變量）是由 CSS 作者定義的谐鼎，它包含的值可以在整個文檔中重復(fù)使用唯咬。由自定義屬性標(biāo)記設(shè)定值（比如：...
投稿
收錄了523篇文章 · 1070人關(guān)注
-
使用 CSS 自定義屬性(:root)
-
2席楚、使用Pinia
安裝 mian.js中 創(chuàng)建一個 pinia（根存儲） 定義一個Store(/src/store/goods/index.js) 使用stroe...
-
1咬崔、為什么要使用 Pinia？
Pinia 最初是在 2019 年 11 月左右重新設(shè)計使用[https://github.com/vuejs/pinia/commit/06a...
-
js 數(shù)據(jù)類型及其類型判斷方法封裝
js數(shù)據(jù)類型分為：原始類型（即基本數(shù)據(jù)類型）和對象類型（即引用數(shù)據(jù)類型）es6中新增了: Set烦秩、Map垮斯、Symbol類型判斷使用：typeof...
-
vue3 簡簡單單寫個向左展開收縮panel的通用組件效果如下 ： 原理: 收縮按鈕是相對父節(jié)點定位的。點擊后通過更改父組件的left 值進(jìn)行展開收縮闻镶，收縮時left為-1 * 父節(jié)點寬度甚脉， 展開時...
-
vue3 手寫鼠標(biāo)hover元素顯示詳情的組件，支持click铆农，并優(yōu)化鼠標(biāo)滾輪與鼠標(biāo)移入事件沖突導(dǎo)致的交互問題前言 首先為什么不直接使用css的hover牺氨？因為有多個地方都有這個，每個元素都包裹一個彈窗可以是可以墩剖，但是dom就堆積太多了猴凹。而且若父元素設(shè)置...
-
47、pc端類似微信聊天框案例之vue遞歸組件最近需要做一個聊天框展示效果岭皂，消息里面還存在N層消息集合郊霎，毋庸置疑肯定是要遞歸實現(xiàn)，正好vue中也有組件遞歸的使用爷绘，翻閱了之前寫過的組件遞歸案例...
-
"前端八股文背誦版"书劝，終于整理完了，堪稱最強(qiáng)土至！隨著互聯(lián)網(wǎng)的快速發(fā)展购对，前端開發(fā)領(lǐng)域成為了IT行業(yè)中的熱門領(lǐng)域之一。很多求職者都希望能夠進(jìn)入這個領(lǐng)域陶因，但是面對著如此激烈的競爭骡苞，很多人都感到無從下...
-
Javascript面試常問點
js暫時性死區(qū) 在ES6中新增的定義變量的關(guān)鍵字let和const，會帶來一個暫時性死區(qū)的問題楷扬，暫時性死區(qū)簡單來講就是變量未定義就調(diào)用了解幽。在ES...
-
vue3 在script setup中聲明組件名字
使用unplugin-vue-define-options插件 在vite.config.ts中配置 如果是ts項目需要在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專輯》（ 分享自 @簡書 ）','http://www.reibang.com/c/e72f86d5812a?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}