原文地址 1. Introduction 在日常開發(fā)中，頁面切換時(shí)的轉(zhuǎn)場(chǎng)動(dòng)畫是比較基礎(chǔ)的一個(gè)場(chǎng)景。在react項(xiàng)目當(dāng)中，我們一般都會(huì)選用react-router來管理路由，但...
發(fā)簡(jiǎn)信
IP屬地：貴州
-
一次react-router + react-transition-group實(shí)現(xiàn)轉(zhuǎn)場(chǎng)動(dòng)畫的探索
-
Chrome瀏覽器和網(wǎng)頁開啟暗黑模式Chrome 開啟暗黑模式 Chrome 自版本 72.0.3626.86 開始，已經(jīng)向 Windows、MacOS、Linux 推送了“暗黑模式”，要體驗(yàn)的朋友記得將瀏覽器...
-
js防抖和節(jié)流的用例
防抖 高頻事件觸發(fā)，但 n 秒內(nèi)函數(shù)只執(zhí)行一次，如果 n 秒內(nèi)又觸發(fā)了事件，則重新計(jì)算時(shí)間 用例： 電梯檢測(cè)到有人進(jìn)入，延遲10秒關(guān)門，如果10秒內(nèi)有人進(jìn)入，則繼續(xù)延遲10秒...
-
restful api 設(shè)計(jì)規(guī)范
協(xié)議 restful api 應(yīng)該使用 https 協(xié)議 專用域名和版本 https://api.example.com/v1/ 接口設(shè)計(jì) 操作方法接口新增POST/user...
-
web前端開發(fā)工程師需掌握的服務(wù)器代理配置
nginx 1. 配置本地磁盤映射 適用于在本地部署靜態(tài)工程，將 alias 的值指向打包文件的磁盤目錄，注意路徑要使用反斜杠 “/” ，然后就可以通過 http://127...
-
簡(jiǎn)單的微信小程序 request 請(qǐng)求封裝
前言 微信小程序開發(fā)，網(wǎng)絡(luò)請(qǐng)求使用小程序內(nèi)置 api wx.request() 。我們知道微信小程序的方法調(diào)用風(fēng)格基本都是將回調(diào)函數(shù)作為配置傳入方法參數(shù)。常用 axios 作...
-
js實(shí)現(xiàn)復(fù)制文本到剪切板，兼容IE9+實(shí)現(xiàn)思路 動(dòng)態(tài)創(chuàng)建一個(gè)文本域并插入文檔使用 document.createElement() 創(chuàng)建元素，并插入文檔，需要注意的是為了不影響頁面的布局和顯示，我們將 texta...
-
ant design 函數(shù)組件獲取表單組件實(shí)例動(dòng)機(jī) 常用的 crud 頁面，新增 和 編輯 功能在內(nèi)容不多的情況下，通常使用模態(tài)框的形式展示，表單內(nèi)容過多的話，則要考慮使用新路由。最近做了幾個(gè)使用 ant design ...
-
js中獲取時(shí)間戳的方式
1. 調(diào)用實(shí)例方法 getTime 2. 調(diào)用實(shí)例方法 valueOf 3. 調(diào)用靜態(tài)方法 parse 輸出結(jié)果：1584436606000，缺點(diǎn)：以3個(gè)0結(jié)尾，毫秒位均為0...
-
前端基于 React + TypeScript 實(shí)現(xiàn)簡(jiǎn)單數(shù)據(jù)字典配置和翻譯在項(xiàng)目中我們經(jīng)常會(huì)碰到數(shù)據(jù)字典翻譯的情況，通常由后端接口返回?cái)?shù)據(jù)字典的配置，但有的項(xiàng)目后端不提供此類接口，只提供對(duì)照表，由前端自行翻譯，這樣的后果就是當(dāng)后端數(shù)據(jù)字典配置發(fā)生變...
-
