乐趣区

前端周刊第 4 期

周刊是个人本周内看到的有意思的东西,或是技术学习的好文章或好资源,收集分享给大家。
开源库 & 框架动向

Java 11(LTS)版本正式发布
TypeScript 发布 3.1.1 版本
Create React App v2.0.0 支持 CSS Modules 等较多新特性
Angular 6.1.9 版本发布和 7.0.0-beta.7 发布

本周观点

中美贸易会影响国内企业投资动向,创业公司资金来源如果不足,拿不到投资或者某投资取消,就会直接面临裁员的情况。年底换工作的同学注意选择新东家。
如果你不接受工作是生活的很大的一部分,那找工作的时候就不要加入创业公司;如果加入,那就不要抱怨加班的情况。

小技巧 Tips
使用 Chrome DevTools 查看 CSS 和 JS 代码覆盖率
还是 Chrome DevTools 技巧,你可能没用过的小技巧
使用 Chrome 调试的时候,可以看我们网站引入的 CSS 和 JavaScript 使用 情况,也就是可以看到用户加载、分析和评估的未使用的代码有多少。
操作方式,F12 打开控制台,windows 下 Ctrl+Shit+P,输入 Coverage,选择 Show Coverage 打开分析面板,再点击刷新重新加载页面即可得到分析结果。如 GIF 操作图片,知识星球的 WEB 页面,红色为未使用过(未运行)的代码。可想而知,我们加载了很多多余浪费的代码。所以 CodeSplitting 优化是很有必要的。

书籍 & 电子书
Java_Books
https://github.com/zzhi/Java_Books
Java 编程书籍分享
开源项目 /Demo
generator-jhipster
https://github.com/jhipster/generator-jhipster
一个想法看着不错的解决方案,前后端整站自动生成,数据源等也灵活配置。后端同学可以了解一下。觉得类似的包装日后可以自己做一下,或者基于别人的去修改。实现开箱可用的架构方案,对于一些项目快速开发比较实用。
alibaba/easyexcel
https://github.com/alibaba/easyexcel
阿里巴巴团队开源的快速、简单避免 OOM 的 java 处理 Excel 工具

graphql-editor
https://github.com/slothking-online/graphql-editor
这个 GraphQL 可视化编辑器工具
graphql-apis
https://github.com/APIs-guru/graphql-apis
公开的 GraphQL APIs 列表收集。(平时写前端 demo 需要用 GraphQL API 时直接找这种调用,不需要自己搭)
converse.js
https://github.com/conversejs/converse.js
用 JavaScript 编写的基于 web 的 XMPP/Jabber 聊天客户端

winxin-app-watch-life
WordPress 版微信小程序
https://github.com/iamxjb/win…
BGAQRCode-Android
QRCode 扫描二维码、扫描条形码、相册获取图片后识别、生成带 Logo 二维码、支持微博微信 QQ 二维码扫描样式
https://github.com/bingoogola…
WechatLuckyMoney
https://github.com/veryyoung/…
网友实现的微信红包自动领取功能(android 版),实现原理大致为监听红包信息,然后触发走腾讯的 com.tencent.mm.plugin.luckymoney.ui.LuckyMoneyReceiveUI 红包初始化入库,自动“开”红包。
好文章
近两万字小程序攻略发布了
https://juejin.im/post/5b8fd1…
一文读懂前端缓存
https://mp.weixin.qq.com/s/kn…
盘点 React 16.0 ~ 16.5 主要更新及其应用
https://zhuanlan.zhihu.com/p/…
RxJS 优质文章翻译
https://github.com/RxJS-CN/rx…
好产品
世上最好用的 JavaScript 表格——ag-grid
https://www.ag-grid.com
官网 demo 体验一下就知道多么强大了。功能上,可以说,没有什么满足不了你的。大量数据渲染性能上也是绝对最快的。
PixelSnap
https://getpixelsnap.com/
PixelSnap: “The fastest way to measure everything on screen.” 最快的方式测量屏幕上所有东西的尺寸,切图必备(收费,不贵)
CodeSandbox
https://codesandbox.io
The online code editor for Web,代码沙箱,前端代码在线编辑器,Web 在线编程时代的到来。网友开发了个 markdown 解析库,将 markdown 代码解析成运行在 codesandbox 例子。也可以顺便了解一下:https://github.com/djyde/markbox
变色避孕套
(非 IT 业界产品)
国外中学生发明了可以病毒检测的避孕套,避孕套会根据不同病毒变成不同颜色,没有性病的时候是透明的,有病就会变色,可以检测艾滋病等常见性病。创新不错,并且还是中学生。
欢迎订阅
(原周报改名为周刊更合适)这个专栏每周末发布,同步更新在 前端学堂、微信公众号。
本篇同步发布于微信公众号:giscafer

退出移动版