IP屬地：湖北
-
可能你沒見過局劲，但非常實(shí)用的 HTML 標(biāo)簽,特別是前幾個一麸塞、center 讓你實(shí)現(xiàn)水平居中，用這個標(biāo)簽就對了苛败，標(biāo)簽名也非常得語義化 效果如下： 水平居中 原理也很簡單，其實(shí)就是這個標(biāo)簽自帶了 text-align: center ...
-
vue3.2 setup 語法糖常用簡介
提示：Vue3.2 版本開始才能使用語法糖勋眯！ 在 Vue3.0 中變量必須 return 出來唬复，template中才能使用；而在 Vue3.2 中只需要在 script 標(biāo)簽...
-
如何用一行 CSS 實(shí)現(xiàn) 10 種現(xiàn)代布局現(xiàn)代 CSS 布局使開發(fā)人員只需按幾下鍵就可以編寫十分有意義且強(qiáng)大的樣式規(guī)則蔓倍。上面的討論和接下來的帖文研究了 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)頁面出現(xiàn)某些錯誤聚谁，能夠定位到具體的某一行代碼母剥，Sourc...
-
常用JavaScript(字符串，數(shù)字形导，方法环疼，對象等)方法技巧
字符串技巧 1、比較時間 2朵耕、格式化money 3炫隶、生成隨機(jī)ID 4、生成隨機(jī) HEX 顏色值 const RandomColor = () => "#" + Math.fl...
-
10個常用的JS工具庫阎曹，80%的項(xiàng)目都在用等限！
高手區(qū)別于普通人的重要一點(diǎn)是，他們善于利用工具芬膝，把更多的時間留給了規(guī)劃和思考望门。寫代碼也是同樣的道理，工具用好了锰霜，你就有更多的時間來規(guī)劃架構(gòu)和攻克難點(diǎn)筹误。今天就給大家分享一下當(dāng)前...
-
教你使用 Vuex，從0到1癣缅，進(jìn)階開始
第一步厨剪，了解Vuex ??想象一個場景如果你的項(xiàng)目里有很多頁面（組件/視圖），頁面之間存在多級的嵌套關(guān)系友存，此時祷膳，這些頁面假如都需要共享一個狀態(tài)的時候，此時就會產(chǎn)生以下兩個問題：...
-
ES6 常用優(yōu)化方法
ps：ES5之后的JS語法統(tǒng)稱ES6Ｂ帕ⅰＶ背俊！ 一、關(guān)于取值的吐槽 取值在程序中非常常見勇皇，比如從對象obj中取值罩句。 吐槽： 或者 吐槽：“不會用ES6的解構(gòu)賦值來取值嗎？5行代碼...
-
vue2.0指令合集
元素點(diǎn)擊范圍擴(kuò)展指令 v-expandClick 使用該指令可以隱式的擴(kuò)展元素的點(diǎn)擊范圍敛摘，由于借用偽元素實(shí)現(xiàn)门烂，故不會影響元素在頁面上的排列布局⌒忠可傳入的參數(shù)為：上右下左擴(kuò)展的...
-
Vue實(shí)戰(zhàn)中的一些小技巧
1. 能讓你首次加載更快的路由懶加載 路由懶加載可以讓我們的包不需要一次把所有的頁面的加載進(jìn)來屯远，只加載當(dāng)前頁面的路由組件就行。 舉個??捕虽，如果這樣寫氓润，加載的時候會全部都加載進(jìn)來...
-
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文件會注入編譯后的資源 而我這次啥都沒有 看之前的項(xiàng)目挨措，查文檔挖滤，糾結(jié)了半天，最后終于查到原因浅役，還是自己沒有細(xì)看文檔斩松，上代碼 原因就是inject...
-
2個Vue實(shí)用方法，效率提升80%觉既！
1：一勞永逸的組件注冊 通常在組件使用前惧盹，需要引入后再注冊，但如果高頻組件多了瞪讼，每次都這樣做钧椰，不僅新增很多代碼，效率還低符欠！我們應(yīng)該如何優(yōu)化呢嫡霞？ 其實(shí)，我們可以借助一下webp...
-
Vue3.0 所采用的 Composition Api 與 Vue2.x 使用的 Options Api 有什么不同希柿？
開始之前 Composition API 可以說是Vue3最大的特點(diǎn)诊沪，那么為什么要推出Composition Api，解決了什么問題曾撤？ 通常使用Vue2開發(fā)的項(xiàng)目端姚，普遍會存在...
-
34條我能告訴你的Vue之實(shí)操篇
7種組件通信方式隨你選組件通信是 Vue 的核心知識，掌握這幾個知識點(diǎn)挤悉，面試開發(fā)一點(diǎn)問題都沒有渐裸。 props/@on+$emit 用于實(shí)現(xiàn)父子組件間通信。通過 props 可...
-
24個解決實(shí)際問題的ES6代碼段
這篇文章基于實(shí)際使用場景總結(jié)了 24 個 ES6 代碼段，可用來解決項(xiàng)目中可能遇到的一系列問題橄仆。 1剩膘、如何隱藏所有指定元素？ 2盆顾、如何確認(rèn)元素是否具有指定的類怠褐？ 3、如何切換...
-
42個來自《 CSS世界》中的實(shí)用技巧
1您宪、清除浮動 主要為子元素浮動（float）之后奈懒，父元素?zé)o法撐起高度和寬度。 2宪巨、文字少時居中磷杏，多時靠左 但是要注意，當(dāng)p的內(nèi)容為英文單詞組成的時候捏卓，如果單詞過長极祸，而不是“ ...
-
10個CSS3動畫工具，值得你收藏怠晴！
人類對于運(yùn)動的食物往往會投入更多的關(guān)注遥金，因此巧妙的使用動畫能夠極大地提升網(wǎng)站的用戶體驗(yàn)，快速喚起用戶對重要元素的關(guān)注蒜田。 在css3中引入了全新的動畫語法稿械，它能夠幫助你在設(shè)計(jì)中...
-
Vue常用的修飾符有哪些?有什么應(yīng)用場景?一、修飾符是什么 在程序世界里冲粤，修飾符是用于限定類型以及類型成員的聲明的一種符號 在Vue中美莫，修飾符處理了許多DOM事件的細(xì)節(jié)，讓我們不再需要花大量的時間去處理這些煩惱的事情...