分頁是web項目中hin常見的功能；今天就來做一個基於react框架的分頁插件； 首先，思路是父級組件通過props傳入數據總數，每頁顯示條數，顯示多少按鈕，當前頁發生變化時的處理函數等配置；其次，組件本身維護一個數組，數組中記錄當前應該顯示的頁數序列，用戶觸發跳頁操作時更新這個數組並調用父組件 ...

項目演示地址 項目演示地址 項目源碼 項目源碼 視頻教程 視頻教程 其他版本教程 Vue版本 小程序版本 項目代碼結構 前言 React 框架的優雅不言而喻，組件化的編程思想使得React框架開發的項目代碼簡潔，易懂，但早期 React 類組件的寫法略顯繁瑣。React ...

Vue 開發插件 開發之前先看看官網的 開發規范 我們開發的之后期望的結果是支持 import、require 或者直接使用 script 標簽的形式引入，就像這樣： 構建一個 Vue 項目 開發組件我們使用 webpack-simple ： PS ...

Vue 開發插件 我們可以先查看Vue的插件的開發規范 我們開發的之后期望的結果是支持 import、require 或者直接使用 script 標簽的形式引入，就像這樣： ps: 這里注意一下包的名字前綴是 unisoft ，組件的名字前綴是 uni 構建一個 Vue 項目 開發組件 ...

我們在使用vue開發項目的時候,都是用vue-cli直接來搭建的.但是這是別人已經造好的輪子,我們既然要使用別人造好的輪子,我們總不能知其然而不知其所以然.所以呢,我這邊文章就教你如何使用webpack一步一步搭建起vue-cli框架, 首先,第一步呢,肯定是要安裝webpack啦 安裝 ...

摘要：DevUI 是一款面向企業中后台產品的開源前端解決方案，它倡導沉浸、靈活、至簡的設計價值觀，提倡設計者為真實的需求服務，為多數人的設計，拒絕嘩眾取寵、取悅眼球的設計。如果你正在開發 ToB 的工具類產品，DevUI 將是一個很不錯的選擇！ DevUI是一支兼具設計視角和工程視角 ...

前言 上一篇已經講了一些react的基本配置，本遍接着講熱更新以及react+redux的配置與使用。 熱更新 我們在實際開發時，都有用到熱更新，在修改代碼后，不用每次都重啟服務，而是自動更新。並而不是讓瀏覽器刷新，只是刷新了我們所改代碼影響到的模塊。 關於熱更新的配置，可看介紹戳 ...

前言 最近項目用到react,其實前年我就開始接觸react，時光匆匆，一直沒有時間整理下來（太懶啦）！如今再次用到，稱工作間隙，對全家桶做一次總結，項目源碼地址。廢話不多說，上碼。 創建一個文件目錄並初始化package.json 填好相關信息如圖 安裝webpack ...