开放#50

技术周刊 第 44 期

作者:
wild-flame
发布时间:
更新时间:

技术周刊 第 44 期

【前端】

1、Sky

image | left

一个形成动态背景的 React 组件。

https://github.com/lucagez/sky

2、htm

JSX 语法必须使用 Babel 才能编译,现在 preact 的作者出手了,写了一个模板函数。只要把 JSX 写成模板字符串,就可以摆脱 Babel 了。

https://github.com/developit/htm

3、webpack loader 机制源码解析

image.png | left | 747x516

本文从源码角度解释 webpack 是如何处理 loader 主要 4 大特性(同步 & 异步、raw、pitch、context)的, 并在最后举一些实际的例子帮助大家理解如何写一个loader

链接: https://mp.weixin.qq.com/s/tUw_okkCRnvr3NNEgHk3Ew

4、最好用的 JavaScript 测试框架大盘点

image.png | left | 720x400

这篇文章将列出 JavaScript 测试方面最重要的工具,它融合了很多来自其他优秀文章的信息,并增加了我们多年来为不同产品实施不同测试解决方案的经验总结

链接: https://mp.weixin.qq.com/s/Zd6PXuc-ydpuFITAsMLevw

5、Chrome 开发者工具如何使用断点?

本文通过实例讲解,如何设置事件监听断点和 watch 表达式。

链接:https://codeburst.io/learn-how-to-debug-javascript-with-chrome-devtools-9514c58479db

6、CSS Animation 101

开源电子书《CSS Animation 101》,从零开始介绍 CSS 动画。

链接:https://github.com/cssanimation/css-animation-101

7、2019 年,全栈开发者应该学些什么?

image.png | left | 600x338.88888888888886

对于什么是全栈开发者并没有一个明确的定义。但是,有一件事是肯定的:2019 年对全栈开发者的需求量很大。本文作者概述一些趋势,读者可以尝试根据这些趋势来投入自己的时间。

链接:https://www.infoq.cn/article/CQCF0ETQVZVgE8_7dDrw

8、学习和练习现代 JavaScript 最简单的方法

image.png | left | 600x337.74834437086093

链接:https://learnjavascript.online/

【后端】

1、互联网 Java 工程师进阶知识完全扫盲

内容包括消息队列、搜索引擎、缓存、分库分表、读写分离、高并发系统等等。

链接:https://github.com/doocs/advanced-java

2、cim(cross IM) 适用于开发者的即时通讯系统

CIM(CROSS-IM) 一款面向开发者的 IM(即时通讯)系统;同时提供了一些组件帮助开发者构建一款属于自己可水平扩展的 IM。借助 CIM 你可以实现以下需求:1)IM即时通讯系统。2)适用于 APP 的消息推送中间件。3)IOT 海量连接场景中的消息透传中间件。

image.png | left | 827x275

链接:https://github.com/crossoverJie/cim

【其他】

1、体验科技与好的社会

image.png | left | 747x412

1 月 5 号在 蚂蚁 Z 空间举办了第二届 SEE Conf 体验科技大会,在大会开幕式上玉伯做开幕致辞,强调 【体验科技是技术与设计的融合,是服务与用户的链接】,以下是原稿

链接: https://www.yuque.com/yubo/words/tcaywl

2、新型偷车方式

image | left

加拿大多伦多出现了一种新型偷车方式。有些车钥匙会发出电波,只要靠近车辆,车门就会自动打开,主人也很大意,往往一回家,就将车钥匙放在门口的柜子上。

半夜里,窃贼拿着信号捕捉器靠近房门,找到车钥匙的信号,再将其放大,传给车旁边的同伙,同伙将信号再对准车门。车门发现信号,就自动打开,然后车贼设法发动汽车,将它开走。

https://www.cbc.ca/news/canada/toronto/car-thefts-rising-1.4930890