资讯
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天,但是数据存储地址只能选择美国/欧洲,且数据不能迁移。
优化策略
教程
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的优势在于,能以极少的代码和有限的带宽,为连接远程设备提供实时可靠的消息服务。作为一种低开销、低带宽占用的即时通讯协议,使其在物联网、小型设备、移动应用等方面有较广泛的应用。
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:网页动态背景
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字体效果