原创 JavaScript中如何反轉數組

如果您需要反轉數組元素的順序,可以使用數組方法reverse()⏪,如下所示: 修改原始數組 需要注意的一點是它會改變原始數組。 如何在不改變原始數組的情況下反轉數組 以下是一些不會改變原始數組的做法。我們來看看 使用 slice 和

原创 使用React hooks處理複雜表單狀態數據

使用hooks替換this.setState() 自從React hooks*發佈以來已經有一段時間了,我很喜歡這個特性。這個hooks把我勾上了! Hooks允許我們創建更小,可組合,可重用,更易管理的React組件。 您可能正在使用Ho

原创 Vue.js應用性能優化三

在上一篇Vue.js應用性能優化二中,我們學習了足夠強大的模式,可以顯着提高應用程序的性能 - 按照路由分割代碼。雖然按照路由拆分代碼非常有用,但在用戶訪問我們的站點後,仍然有很多內部代碼不需要。在本系列的這一部分中,我們將重點關注代碼拆

原创 Vue.js應用性能優化二

在Vue.js應用性能優化一文章中,我們瞭解了代碼拆分是什麼,它如何與Webpack一起工作以及如何在Vue應用程序中使用延遲加載來使用它。現在我們將深入研究代碼,並學習最有用的Vue.js應用程序代碼分割模式。 通過使用以下技術,我們能

原创 Vue.js中的延遲加載和代碼拆分

雖然現在網絡環境和電子設備變得越來越好,但是保持應用程序快速加載變得越來越困難。在本系列中,我將深入研究我們在實踐中使用的Vue性能優化技術,並且您可以在Vue.js應用程序中使用它們,使應用程序快速加載並順利執行。我的目標是讓這個系列成

原创 ElementUI Table組件,如何在多頁數據下勾選多行

ElementUI Table組件,選擇多行數據時使用 Checkbox。如下圖: 但是業務中,表格數據往往不只一頁。多頁數據情況下,表格勾選某些行,就會遇到返回上一頁,勾選消失的情況。這種情況,需要一些技巧和處理。具體代碼如下: <te

原创 在Sequelize中使用遷移

Sequelize是Nodejs生態中一個比較出名的ORM框架。通過ORM框架,可以使用對象來操作數據庫表數據,提高了開發效率和代碼可讀性,也方便後期維護。 今天主要介紹通過遷移[Migration]來創建數據庫,表。 遷移的好處,可以類比

原创 React Hooks系列之useState

在React Hooks出現之前,組件添加state, 只能在class中完成。 class方式 React 16.7 alpha之後,可以在function組件中創建state了,不用再每次都需要創建一個class component,

原创 Vue.js 2.6嚐鮮

Vue 2.6 "Macross" 發佈了,同時也是Vuejs五週年~ 在這篇文章中,將會介紹新版本的新特性, 比如slots的新語法,Vue.observable()等等 1. Scoped slots(作用域插槽)的新語法 這是一個比

原创 ES6+好用的小技巧,讓你的代碼更乾淨,短巧,易讀

ES6+好用的小技巧,讓你的代碼更乾淨,短巧,易讀 模板字符串 let name = 'siri', age = 18, job = 'front-end engineer' let oldStr = 'Hi, ' + name + ',

原创 移動端網頁佈局適配rem方案小結

前言 根據 W3C 規範中對 1rem 的定義: 1rem 與等於根元素 font-size 的計算值。當明確規定根元素的 font-size 時,rem 單位以該屬性的初始值作參照。這就意味着 1rem 等於 html 元素的字體大小(大