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