前端周刊第 4 期

Tonny 发布于2019-08-23 12:12 / 2033人阅读

摘要：最快的方式测量屏幕上所有东西的尺寸，切图必备收费，不贵，代码沙箱，前端代码在线编辑器，在线编程时代的到来。欢迎订阅原周报改名为周刊更合适这个专栏每周末发布，同步更新在前端学堂微信公众号。

周刊是个人本周内看到的有意思的东西，或是技术学习的好文章或好资源，收集分享给大家。

开源库&框架动向

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

GPU云服务器云服务器独立开发变现周刊（第 17 期）：为了活独立开发变现周刊（第25期）：免费表单生独立开发变现周刊（第 19 期）：基于G 独立开发变现周刊（第27期）：15年独立

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98099.html

前端每周清单年度总结与盘点

摘要：前端每周清单年度总结与盘点在过去的八个月中，我几乎只做了两件事，工作与整理前端每周清单。本文末尾我会附上清单线索来源与目前共期清单的地址，感谢每一位阅读鼓励过的朋友，希望你们能够继续支持未来的每周清单。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清单年度总结与盘点在过去的八个月中，我几乎只做了...

jackwang 2019-08-22 15:54 评论0 收藏0
前端周刊第41期

摘要：注意本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。想和我面对面交流扫下方二维码添加我为好友。注意：本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。文章教程手把手教你玩转 Github Pages 24ways.org 有人说 Github 就是工程师的...

ixlei 2019-08-20 14:20 评论0 收藏0
前端周刊第41期

摘要：注意本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。想和我面对面交流扫下方二维码添加我为好友。注意：本文为前端周刊早期整理的旧文重发，不过大部分内容并没有过时，已经看过的同学可以直接去文末订阅前端周刊微信公众号。文章教程手把手教你玩转 Github Pages 24ways.org 有人说 Github 就是工程师的...

yanwei 2019-08-30 15:52 评论0 收藏0
阿里云前端周刊 - 第 24 期

摘要：版本发布近日发布的版本中引入了许多新的特性，并且能够更好地与协同开发。阿里云前端工程化工具正式开源取黎明破晓之意，原为阿里云业务运营团队内部的前端构建和工程化工具，现已完全开源。推荐 1. Firefox 引入 Headless 模式 https://developer.mozilla.org... 类似于 Chrome 的 Headless 模式，现在 Firefox 也引入了 H...

lncwwn 2019-08-21 16:25 评论0 收藏0
前端周刊第1期

摘要：准备开始一个系列，搜集并分享一周来前端的热点以及技术干货，与大家一同分享，共同进步，文章链接可能需要自备梯子。准备开始一个系列，搜集并分享一周来前端的热点以及技术干货，与大家一同分享，共同进步，文章链接可能需要自备梯子。 Parcel 1.5 发布: Source Maps、WebAssembly、Rust 等不只是 Webpack 才有的乐趣 Webpack 4 Beta: 快速，...

dadong 2019-08-22 14:06 评论0 收藏0