開發者日刊第167期 2019年8月23日

時間 2019-11-08

標籤開發者日刊 2019年 8月 23日欄目職業生涯简体版

原文原文鏈接

🔩 開源項目

➡️ chokcoco/iCSS
watch 472 star 6350 fork 737
不止於 CSS
github.com
➡️ JulienRioux/flawwwless-ui 非中文
watch 2 star 72 fork 5
一個開源的 React.js 組件庫
github.com
➡️ kazzkiq/balloon.css 非中文
watch 74 star 4408 fork 433
不依賴 JavaScript 的 css 提示效果插件
github.com
➡️ givanz/VvvebJs
watch 110 star 1673 fork 402
拖拽的html代碼生成器
github.com
➡️ Swizec/useAuth 非中文
watch 12 star 561 fork 18
向 React 應用添加身份驗證的最簡單方法
github.com
➡️ fangzesheng/free-api
watch 26 star 874 fork 102
收集免費的接口服務,作一個api的搬運工
github.com
➡️ jaywcjlove/sb
watch 2 star 67 fork 8
能夠用於開源項目展現的 svg 徽標
github.com
➡️ youzan/zanui-weapp
watch 38 star 501 fork 117
zanui-weapp 已升級大版本並改名爲 vant-weapp，全面對標 vant
github.com
➡️ masx200/react-simple-global-state-store-hook
watch 0 star 4 fork 1
多是使用方法最簡單的全局狀態管理工具！使用react hooks實現的簡單高性能全局狀態管理 , 僅僅使用幾十行代碼寫成的極簡react.js全局狀態管理庫,就跟使用useState同樣簡單!也許是使用方法最簡單的全局狀態管理工具！極簡react.js全局狀態管理庫正式發佈!
github.com
➡️ masx200/vue-simple-global-state-store-manager
watch 1 star 1 fork 0
也許是使用方法最簡單的全局狀態管理工具！極簡vue.js全局狀態管理庫正式發佈!適用於Vue.js的極簡全局狀態管理庫,基於Proxy和 EventTarget實現,多是使用方法最簡單的全局狀態管理工具！
github.com
➡️ masx200/webpack-react-vue-spa-awesome-config
star 0 fork 2
極速、零配置的 web 應用打包工具, 同時支持 react 和 vue 的單頁面應用,提供開箱即用支持 Fast, zero-configuration web application packaging tool that supports both single-page applications for react and vue, out-of-the-box support，基於 webpack4.x,同時支持 react 和 vue 的單頁面應用通用的 webpack 配置文件,提供開箱即用支持，您無需學習和配置許多構建工具。即時從新加載可幫助您專一於開發。在部署時，您的捆綁包會自動優化
github.com

📖 分享

➡️ 「譯」webpack 4: Code Splitting和chunks切分優化
juejin.im
➡️ Vue原理解析（八）：一塊兒搞明白使人頭疼的diff算法
juejin.im
➡️ 全世界到底有多少軟件開發人員？
mp.weixin.qq.com
➡️ AST 與前端工程化實戰
juejin.im
➡️ Visual Studio Code有哪些工程方面的亮點
zhuanlan.zhihu.com
➡️ Quick start / Methodology / BEM 非中文
使用 BEM 組織 CSS 代碼
en.bem.info
➡️ 前端物料中臺建設
juejin.im

🌏 網站

➡️ Gradient Magic 非中文
一個涵蓋大量 CSS 漸變的圖庫
www.gradientmagic.com
➡️ Bulma Builder | Create Bulma templates in minutes 非中文
在線使用 Bulma CSS 編輯頁面
bulma.dev
➡️ https://learnreact.design/pro... 非中文
經過 10個模塊和15個項目學習React 和 Framer
learnreact.design
➡️ leachchen.com
一個資源庫網站
www.leachchen.com

🔨 工具

➡️ The javascript spreadsheet 非中文
JavaScript Excel 插件
bossanova.uk
➡️ Avant UI | Bootstrap UI Kit 非中文
一個基於 Bootstrap 的用戶界面工具包
www.avantui.com
➡️ Components AI — A new way to explore generative design systems 非中文
探索生成設計系統的實驗平臺
components.ai
➡️ Dashblock l Turn any website into an API 非中文
一個基於機器學習的模型，幾乎可以將任何網站轉化爲一個 API。你能夠去任何一個網站，單擊右鍵，將你想要轉化的數據保存下來，就能夠自定義 API 了
dashblock.com
➡️ Axeptio 非中文
給用戶友好的 cookie 跟蹤提示
www.axeptio.eu
➡️ Gapplin - SVG Viewer for macOS 非中文
SVG 圖像編輯器。使用webkit 做爲渲染引擎，不只能夠讀取 SVG 文檔，並且能夠讀取 SVGZ 和動態 SVG 文檔
gapplin.wolfrosch.com
➡️ Free Graphic Design Software 非中文
用於 Windows 平臺的圖形編輯器，其中集成了現成的設計素材、效果、GPU 渲染等功能，支持編輯 sketch 文件
icons8.com
➡️ Sketch Manager 非中文
一個很是適合在 Sketch 上管理設計流程的工具。Sketch Manager 可以幫你組織你的符號組件，文本樣式以及其餘的素材
www.sketchmanager.com
➡️ Greyhound - Free Flowcharts for Figma & Sketch App 非中文
200 多個可定製的流程圖，兼容 Figma 和 Sketch
greyhound.design

💎 設計

➡️ Isometric | Download free isometric illustrations 非中文
MIT 協議分發的免費 SVG 格式等軸測插畫素材
isometric.online
➡️ Paaatterns! for Free 非中文
免費的矢量圖案
lstore.graphics