IP屬地：湖北
-
可能你沒(méi)見(jiàn)過(guò)，但非常實(shí)用的 HTML 標(biāo)簽,特別是前幾個(gè)一、center 讓你實(shí)現(xiàn)水平居中，用這個(gè)標(biāo)簽就對(duì)了，標(biāo)簽名也非常得語(yǔ)義化 效果如下： 水平居中 原理也很簡(jiǎn)單，其實(shí)就是這個(gè)標(biāo)簽自帶了 text-align: center ...
-
vue3.2 setup 語(yǔ)法糖常用簡(jiǎn)介
提示：Vue3.2 版本開(kāi)始才能使用語(yǔ)法糖！ 在 Vue3.0 中變量必須 return 出來(lái)，template中才能使用；而在 Vue3.2 中只需要在 script 標(biāo)簽...
-
如何用一行 CSS 實(shí)現(xiàn) 10 種現(xiàn)代布局現(xiàn)代 CSS 布局使開(kāi)發(fā)人員只需按幾下鍵就可以編寫(xiě)十分有意義且強(qiáng)大的樣式規(guī)則。上面的討論和接下來(lái)的帖文研究了 10 種強(qiáng)大的 CSS 布局，它們實(shí)現(xiàn)了一些非凡的工作。 01....
-
webpack優(yōu)化，首屏渲染從9s到1s
1.生產(chǎn)環(huán)境關(guān)閉productionSourceMap、css sourceMap 眾所周知，SourceMap就是當(dāng)頁(yè)面出現(xiàn)某些錯(cuò)誤，能夠定位到具體的某一行代碼，Sourc...
-
常用JavaScript(字符串，數(shù)字，方法，對(duì)象等)方法技巧
字符串技巧 1、比較時(shí)間 2、格式化money 3、生成隨機(jī)ID 4、生成隨機(jī) HEX 顏色值 const RandomColor = () => "#" + Math.fl...
-
10個(gè)常用的JS工具庫(kù)，80%的項(xiàng)目都在用！
高手區(qū)別于普通人的重要一點(diǎn)是，他們善于利用工具，把更多的時(shí)間留給了規(guī)劃和思考。寫(xiě)代碼也是同樣的道理，工具用好了，你就有更多的時(shí)間來(lái)規(guī)劃架構(gòu)和攻克難點(diǎn)。今天就給大家分享一下當(dāng)前...
-
教你使用 Vuex，從0到1，進(jìn)階開(kāi)始
第一步，了解Vuex ??想象一個(gè)場(chǎng)景如果你的項(xiàng)目里有很多頁(yè)面（組件/視圖），頁(yè)面之間存在多級(jí)的嵌套關(guān)系，此時(shí)，這些頁(yè)面假如都需要共享一個(gè)狀態(tài)的時(shí)候，此時(shí)就會(huì)產(chǎn)生以下兩個(gè)問(wèn)題：...
-
ES6 常用優(yōu)化方法
ps：ES5之后的JS語(yǔ)法統(tǒng)稱(chēng)ES6！！！ 一、關(guān)于取值的吐槽 取值在程序中非常常見(jiàn)，比如從對(duì)象obj中取值。 吐槽： 或者 吐槽：“不會(huì)用ES6的解構(gòu)賦值來(lái)取值嗎？5行代碼...
-
vue2.0指令合集
元素點(diǎn)擊范圍擴(kuò)展指令 v-expandClick 使用該指令可以隱式的擴(kuò)展元素的點(diǎn)擊范圍，由于借用偽元素實(shí)現(xiàn)，故不會(huì)影響元素在頁(yè)面上的排列布局。可傳入的參數(shù)為：上右下左擴(kuò)展的...
-
Vue實(shí)戰(zhàn)中的一些小技巧
1. 能讓你首次加載更快的路由懶加載 路由懶加載可以讓我們的包不需要一次把所有的頁(yè)面的加載進(jìn)來(lái)，只加載當(dāng)前頁(yè)面的路由組件就行。 舉個(gè)??，如果這樣寫(xiě)，加載的時(shí)候會(huì)全部都加載進(jìn)來(lái)...
-
34種JS優(yōu)化技巧
1. 帶有多個(gè)條件的 if 語(yǔ)句 把多個(gè)值放在一個(gè)數(shù)組中，然后調(diào)用數(shù)組的 includes 方法。 2. 簡(jiǎn)化 if true...else 對(duì)于不包含大邏輯的 if-els...
-
vue build 后生成的html文件沒(méi)有注入資源，僅以記住webpack打包的一次教訓(xùn)
眾所周知build后的html文件會(huì)注入編譯后的資源 而我這次啥都沒(méi)有 看之前的項(xiàng)目，查文檔，糾結(jié)了半天，最后終于查到原因，還是自己沒(méi)有細(xì)看文檔，上代碼 原因就是inject...
-
2個(gè)Vue實(shí)用方法，效率提升80%！
1：一勞永逸的組件注冊(cè) 通常在組件使用前，需要引入后再注冊(cè)，但如果高頻組件多了，每次都這樣做，不僅新增很多代碼，效率還低！我們應(yīng)該如何優(yōu)化呢？ 其實(shí)，我們可以借助一下webp...
-
Vue3.0 所采用的 Composition Api 與 Vue2.x 使用的 Options Api 有什么不同？
開(kāi)始之前 Composition API 可以說(shuō)是Vue3最大的特點(diǎn)，那么為什么要推出Composition Api，解決了什么問(wèn)題？ 通常使用Vue2開(kāi)發(fā)的項(xiàng)目，普遍會(huì)存在...
-
34條我能告訴你的Vue之實(shí)操篇
7種組件通信方式隨你選組件通信是 Vue 的核心知識(shí)，掌握這幾個(gè)知識(shí)點(diǎn)，面試開(kāi)發(fā)一點(diǎn)問(wèn)題都沒(méi)有。 props/@on+$emit 用于實(shí)現(xiàn)父子組件間通信。通過(guò) props 可...
-
24個(gè)解決實(shí)際問(wèn)題的ES6代碼段
這篇文章基于實(shí)際使用場(chǎng)景總結(jié)了 24 個(gè) ES6 代碼段，可用來(lái)解決項(xiàng)目中可能遇到的一系列問(wèn)題。 1、如何隱藏所有指定元素？ 2、如何確認(rèn)元素是否具有指定的類(lèi)？ 3、如何切換...
-
42個(gè)來(lái)自《 CSS世界》中的實(shí)用技巧
1、清除浮動(dòng) 主要為子元素浮動(dòng)（float）之后，父元素?zé)o法撐起高度和寬度。 2、文字少時(shí)居中，多時(shí)靠左 但是要注意，當(dāng)p的內(nèi)容為英文單詞組成的時(shí)候，如果單詞過(guò)長(zhǎng)，而不是“ ...
-
10個(gè)CSS3動(dòng)畫(huà)工具，值得你收藏！
人類(lèi)對(duì)于運(yùn)動(dòng)的食物往往會(huì)投入更多的關(guān)注，因此巧妙的使用動(dòng)畫(huà)能夠極大地提升網(wǎng)站的用戶體驗(yàn)，快速喚起用戶對(duì)重要元素的關(guān)注。 在css3中引入了全新的動(dòng)畫(huà)語(yǔ)法，它能夠幫助你在設(shè)計(jì)中...
-
Vue常用的修飾符有哪些?有什么應(yīng)用場(chǎng)景?一、修飾符是什么 在程序世界里，修飾符是用于限定類(lèi)型以及類(lèi)型成員的聲明的一種符號(hào) 在Vue中，修飾符處理了許多DOM事件的細(xì)節(jié)，讓我們不再需要花大量的時(shí)間去處理這些煩惱的事情...