需求是一個省市區(qū)三聯(lián)控件，先選擇省，再選擇市，最后是區(qū)，并且按首字母分類排序 如下圖： 思路是找一個帶首字母帶全國地址json數(shù)據(jù)就搞定了，哈哈哈，但是并找不到，那么就自己創(chuàng)...
IP屬地：重慶
-
前端 | 按首字母排序的省市區(qū)三聯(lián)控件 -
在react項(xiàng)目中操作圖片（放大縮小旋轉(zhuǎn)拖拽）前言：昨天下午老大突然對我說有這樣的一個需求可以對圖片進(jìn)行放大縮小旋轉(zhuǎn)拖拽的效果讓我進(jìn)行修改，沒有修改的時候是只有一張圖片。當(dāng)聽到這個需求的時候心里一頓慌啊，既然任務(wù)已經(jīng)下達(dá)...
-
Fira Code | 為寫程序而生的字體程序員福利?。?！ 今天為大家?guī)硪粋€專為程序員寫程序設(shè)計(jì)的字體 —— Fira CodeFira 是 Mozilla 公司（火狐瀏覽器她爹）主推的字體系列。Fira Cod...
-
React的生命周期1. 掛載卸載過程1.1.constructor()1.2.componentWillMount()1.3.componentDidMount()1.4.componentW...
-
js實(shí)現(xiàn)下載文件
現(xiàn)在的大多數(shù)的后臺管理系統(tǒng)都是以展示數(shù)據(jù)，管理流程為主，時不時的要導(dǎo)出數(shù)據(jù)，下載圖片等。這時候下載功能就變得很常見，下面讓我們來看看使用js實(shí)現(xiàn)的下載方法
-
vscode中的 jsconfig.json問題源頭：webpack模板里import路徑中@符號是什么意思？ 什么是jsconfig.json？ 目錄中存在jsconfig.json文件表示該目錄是JavaScrip...
-
react 中實(shí)現(xiàn)函數(shù)防抖功能
函數(shù)的節(jié)流和防抖是一個老生常談的話題了，下面來嘮嘮，直入主題。什么是函數(shù)的防抖？函數(shù)在規(guī)定的時間內(nèi)執(zhí)行。下面這個例子 就是在2s的時候才執(zhí)行函數(shù)。常用場景：用戶名驗(yàn)證，郵箱驗(yàn)...
-
創(chuàng)建react項(xiàng)目并配置webpack本文章僅供自己參考使用 1.快速構(gòu)建react項(xiàng)目： 創(chuàng)建的項(xiàng)目目錄結(jié)構(gòu)： 2.初始化項(xiàng)目 在項(xiàng)目的根目錄下打開命令行，輸入： 3.安裝所需包 安裝react 的東西,以及a...
-
H5網(wǎng)頁實(shí)現(xiàn)微信分享功能
H5網(wǎng)頁實(shí)現(xiàn)微信分享功能 一，首先在公眾號管理后臺“公眾號設(shè)置”的“功能設(shè)置”里填寫JS接口安全域名，域名需要通過ICP備案，沒有備案域名可以用SAE、BAE等平臺。此外，自...
-
React-實(shí)現(xiàn)仿原生App的轉(zhuǎn)場動畫一、前言 最近這兩個星期，已經(jīng)從jQuery的泥潭里抽出身來，開始學(xué)習(xí)React框架。React其實(shí)是一個UI框架，其功能性比較單一，需要依賴各種插件進(jìn)行開發(fā)。這些React...
-
git rebase 還是 merge的使用場景最通俗的解釋什么是 rebase? git rebase 你其實(shí)可以把它理解成是“重新設(shè)置基線”，將你的當(dāng)前分支重新設(shè)置開始點(diǎn)。這個時候才能知道你當(dāng)前分支于你需要比較的分支之間的差異。原...
-
一次react-router + react-transition-group實(shí)現(xiàn)轉(zhuǎn)場動畫的探索
原文地址 1. Introduction 在日常開發(fā)中，頁面切換時的轉(zhuǎn)場動畫是比較基礎(chǔ)的一個場景。在react項(xiàng)目當(dāng)中，我們一般都會選用react-router來管理路由，但...
-
vscode中修改字體,使用Fira Codevscode默認(rèn)字體感覺不好看，想換個字體，介紹下?lián)Q字體的方法：首先，打開設(shè)置頁面，搜索font，如圖： 設(shè)置中的下面幾個屬性與字體有關(guān)： 然后，在右側(cè)的用戶設(shè)置中添加對應(yīng)設(shè)...
-
（一）命令行創(chuàng)建React項(xiàng)目環(huán)境：node.jsnpm/cnpm 1.安裝create-react-app使用npm安裝可能會比較慢，這里使用cnpm打開cmd窗口 2.創(chuàng)建項(xiàng)目空間，隨便在F盤創(chuàng)建一個...
-
React 系統(tǒng)性學(xué)習(xí)(上)
$ 前言 ? 最近在考慮框架轉(zhuǎn)型，鑒于作為一名JSer，要時時刻刻保持對新技術(shù)和流行技術(shù)的敏感性，而 React、Vue、Angular 已基本占領(lǐng)現(xiàn)前端市場，React作為...
-
react 高階組件實(shí)現(xiàn)按鈕權(quán)限顯示與隱藏實(shí)現(xiàn)
一些管理端通過不同權(quán)限對按鈕進(jìn)行控制與隱藏,這個功能很普遍吧。自己記錄一下自己在react端的實(shí)現(xiàn)方式-主要使用高階組件方式； 代碼如下: 使用方式: TIPS: 這個寫的是...
-
Dva知識點(diǎn)整理&&項(xiàng)目使用總結(jié)Dva是什么 dva 是基于現(xiàn)有應(yīng)用架構(gòu) (redux + react-router + redux-saga 等)的一層輕量封裝，沒有引入任何新概念，全部代碼不到 100 ...
-
npm install 錯誤 | gyp ERR! configure error
npm install 錯誤 try the following command if it doesn't work try the following