原创 Ant Design 4.0更新指南(2)——Form

antd 原有的 Form 組件其實已經足夠好用了,但是這次 4.0 對 Form 的更新開始注重不止要好用,還要“優雅”。“優雅”這個東西一直都很玄學。 antd 的 Form 一直以來都很特例獨行,區別於其它 antd 組件,

原创 Ant Design 4.0更新指南(1)——ProTable

作爲React技術棧的堅定擁護者,一定離不開阿里爸爸的大懷抱。作爲國內最好用的組件庫【之一】的Ant Design迎來個跨版本大更新,年後復工後我在第一時間便進行了嚐鮮,剛好公司有老項目重構,在初步瞭解之後,決定嘗試在新項目中使用And

原创 p 標籤裏面不能嵌套 div 標籤

p 標籤裏面不能嵌套 div 標籤 開頭先放大加粗的展示這句話 作爲一名半專業的切圖仔,怎麼能夠犯如此低級的錯誤?? 某日… 正常搬磚中,突遇一奇葩問題,嘗試各種方案均試無法解決 大致情況如下(JSX): ... <p class

原创 盤點那些你可能不知道的css選擇器

any-link     之所以要選擇先說這個,是因爲前段時間在面試的時候遇到個奇葩問題,二面面試官問我,怎麼選中頁面上所有的帶有href屬性的a標籤?我當時懵逼。。答:如果給我jQuery,我可以做到。。我tm真機智。。後來看到了一篇文

原创 Antd的validator自定義校驗導致其它校驗規則失效

<FormItem label="新賬號" name="phone" rules={[ { required: true, message: "不能爲空" }, { max: 20, message:

原创 【從入門到放不下系列】記一次用 puppeteer 爬數據的歷程(下)—— 爬取搜狗微信搜索的公衆號文章

上回書說到,使用 puppeteer 庫做了截圖操作簡單展示了 puppeteer 的特性和基本使用方法。這回我們來說說用 puppeteer 做爬取頁面數據並寫入 Excel 的操作。 puppeteer 實戰:爬取搜狗微信搜索

原创 【從入門到放不下系列】記一次用 puppeteer 爬數據的歷程(上)

最近因工作需要,學習了 Node 爬蟲,簡單記錄一下我的心路歷程。 首先來說說 puppeteer 這個庫,順手查了一下 puppeteer 這個單詞,它貌似有【操縱木偶的人;操縱傀儡】這方面的含義,這就很好理解啦。這個庫本質上來

原创 next.js下css-module和組件的import樣式共存的配置方法

Next.js是一個輕量級的 React 服務端渲染應用框架。還是頭一回用這種服務端渲染的框架,之所以會做服務端渲染,是因爲這個項目是一個純展示性的品牌官網,所以需要爲SEO考慮,由於SPA對搜索引擎並不友好,所以選擇了Next.js來進

原创 菜鳥學習筆記之React-Quill富文本編輯器

React-Quill 是Antd推薦使用的富文本編輯器,此文記錄一下最近在項目中使用它遇到的一些問題。 首先,大家在百度相關資料時,應當搜索React-Quill,而不是Quill。 github點這裏:https://github.c

原创 初探Echarts之美

隨着“雲時代”的到來,大數據(Big Data)也吸引了越來越多的關注,開發者可以利用網絡爬蟲將數據抓取到數據庫中,再對數據進行智能分析,加以利用產生經濟效益。那麼問題來了,對於前端開發者來說,該如何直觀的將這些數據展示在Web界面呢?答

原创 react-cropper組件在項目中的應用(實現先裁剪後上傳效果)

最近公司項目在做一個求職工具類的小程序,小程序端有企業Logo的顯示,爲了保證圖片在小程序端的展示效果,所以要求在後臺管理系統進行企業Logo上傳時需要限定上傳的圖片尺寸和比例。 爲了減少管理人員的錄入成本,需要在Logo上傳前進行裁