2020-08

资讯

Do all JavaScript tools lead to Rome?
Rome的目标是取代Babel, ESLint, Webpack, Prettier, Jest等等

React 17.0 Release Candidate: No New Features but Still Lots That’s Interesting

Quickly Find Front-End Issues Like JavaScript or Network Errors
前端监控解决方案。支持获取客户端报错信息、优化前端资源加载时间、UI页面测试(屏幕录制)。免费试用14天,但是数据存储地址只能选择美国/欧洲,且数据不能迁移。

TypeScript发布4.0 RC版本

npm v7 Now in Beta

D3 6.0发布

Electron 10.0.0 Released

优化策略

从2.9秒到0.6秒,信息流首屏提效80%的秘诀

教程

Natively Format JavaScript Numbers:原生函数格式化数字,千分位、货币符号、单位等

🔧 优秀的库/Demo

JS相关

Tabris.js:Tabris.js 3.6发布,支持Redux,PDF等。Tabris是一个移动应用开发框架,支持一套代码实现IOS、Android、Windows应用。该框架易上手的,调试、打包、发布一条龙。但控件可定制性不强,对UI/定制业务组件要求比较高的需求,实现起来较麻烦。
- 支持线上构建,安装开发者APP就能调试,无需其他环境配置
- 不需要webview
- 支持npm包,以Node.js的方式引入模块
- 支持cordova插件(开发者app默认内置摄像头调用、扫码、陀螺仪、谷歌服务等cordova插件)
- 支持fs,支持ES6、TypeScript和JSX,支持WebSocket等W3C API

QA Wolf:自动化浏览器测试,支持Chromium、Firefox和WebKit浏览器

crypto-hash:哈希加密

MQTT.js:Node实现的MQTT协议客户端。
MQTT(Message Queuing Telemetry Transport,消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的“轻量级”通讯协议,该协议构建于TCP/IP协议上,由IBM在1999年发布。MQTT的优势在于,能以极少的代码和有限的带宽,为连接远程设备提供实时可靠的消息服务。作为一种低开销、低带宽占用的即时通讯协议,使其在物联网、小型设备、移动应用等方面有较广泛的应用。

react-sortable-tree

vest:表单校验框架,支持Vue、React

Tinykeys:按键绑定库。可用于快捷键指定操作。

Mock Service Worker:REST/GraphQL APImock库。

Moveable:支持拖动、调整大小、伸缩、旋转、弯曲、缩放、分组等

vue-moveable:Vue.js wrapper for Moveable

Leaflet:an open-source JavaScript library for mobile-friendly interactive maps

fullPage.js:快速创建全屏滚动网站

anime.js:动画库

Screenfull.js:实现全屏功能

slick:轮播库

Embla Carousel:轮播库,支持js、ts、react

FullCalendar:日历,支持拖拽事件

Cypress 5.0:浏览器测试,需要Node 10+

CSS/动效相关

Halfmoon:构建暗色模式框架

vantajs:网页动态背景

Only CSS: Summer Dream:划桨动画

Animation Buttons:按钮效果

SVG Avatars Configurable Through CSS Vars:通过css变量配置svg

CSS3 Loader & Spinner:CSS3loading效果

Glowing Slinky:发光弹簧环效果

Floating island /w Threejs & GSAP:漂浮岛

canvasAPI 实现图片的碎片加载效果:将图片按照 10 行 10 列的网格,拆分成 100 个小碎片,这样就可以对每一个小碎片独立渲染

ztext:3D字体效果