前端技术观察第三期

《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集,主要分为以下几个板块:

  • Highlights

    • 业界最新的技术、热点文章

    • 业界对(新)技术的深度地、优秀地实践

  • Tutorial

    • 好的教程、深度解读已有技术的文章

  • Tools And Codes

    • 优秀的工具、库

《前端技术观察》的目的是让大家:

  • 更及时的了解到业界最新的技术

  • 受益于高质量的教程、文章

  • 了解业界更优秀的代码、工具

  • 更多地、氛围更浓厚地讨论、研究、落地技术

highlights

如何管理一个大型开源仓库?淘系带你一探究竟

看点:作者分享了管理飞冰(ICE)以及运营社区的过程中积累的一些最佳实践

https://mp.weixin.qq.com/s/HwlN36eZlXd-6z1q3Iz-xA

Serverless,将给前端发展带来大变革的技术?

看点:从前端的角度来看Serverless究竟是什么,Serverless的出现会给前端带来什么样的机遇和挑战,并以一个具体的项目为例说明如何基于Serverless实现项目功能

https://mp.weixin.qq.com/s/ooX7uMFjxFfSai9URo6kYw

Lodash 严重安全漏洞背后

看点:在忙着“看热闹”或者”升级版本”的同时,静下心来想:真的有理解这个漏洞产生的原因,明白漏洞修复背后的原理了吗?

https://zhuanlan.zhihu.com/p/73186974

领域驱动设计在前端中的应用

看点:讲解在高复杂度的业务之上,开发人员没有很强的意识去简化逻辑,将业务知识直接体现在代码中的问题

https://juejin.im/post/5d3926176fb9a07ef161c719

What’s Deno?(英)

看点:详细介绍了deno,以及deno和node的异同

What’s Deno, and how is it different from Node.js?

Next.js 9 发布(英)

看点:Next.js 9 发布,零配置支持TypeScript,还有更多新功能,戳我

https://nextjs.org/blog/next-9

React Native 0.60 发布(英)

看点:注意Android版本的breaking changes.

https://javascriptweekly.com/link/66857/web

Hermes: 一款针对React Native优化的JS引擎(英)

看点:Hermes是一款开源的JS引擎,优化React Native在安卓环境运行,缩短应用启动时间,减少内存使用,戳我了解更多

https://hermesengine.dev/

Quasar: Vue开发者的掌中宝(英)

看点:Quasar-Framework 是一款基于vue.js开发的开源的前端框架,它允许开发者在只写一次代码的情况下发布到多个平台 website, PWA ,Mobile App 和 Electron App

https://medium.com/quasar-framework/quasar-1-0-4bc696d60c1b

阿波罗11号登月源代码

看点:阿波罗11号登月源代码已公开到 GitHub!

https://github.com/chrislgarry/Apollo-11

tutorial

Sketch插件开发(With JavaScript)(英)

看点:JavaScript开发Sketch插件的必备技巧&实战指南

https://www.smashingmagazine.com/2019/07/build-sketch-plugin-javascript-html-css-part-1/

Node 12.x值得关注的新特性(英)

看点:时隔一年,Node.js 12 如约而至,戳我看看,Node 12.x带来了什么不错的新特性

New Node.js 12 features will see it disrupt AI, IoT and more surprising areas

学习Grid Layout布局(英)

看点:简单有趣,配合超多有趣栗子的Grid Layout学习教程

Fun places to learn CSS Layout –  Part 2: Grid Layout

Google Pagespeed的工作原理:提升你的分数和搜索引擎排名

了解Pagespeed与Lighthouse关注的性能指标

https://github.com/xitu/gold-miner/blob/master/TODO1/how-pagespeed-works.md

浅谈正则表达式原理

正则表达式可能大部分人都用过,但是大家在使用的时候,有没有想过正则表达式背后的原理,又或者当我告诉你正则表达式可能存在性能问题导致线上挂掉,你会不会觉得特别吃惊?

(http://www.alloyteam.com/2019/07/13574/

准备一场技术分享(英)

如何准备一场技术分享,Dan的技术分享心得系列,提升技术影响力必备的技能

(https://overreacted.io/preparing-for-tech-talk-part-3-content/

亲手构造一个js引擎(英)

通过rust实现js解析引擎,生成wasm,可以和swc这个库结合着看

https://2019.jsconf.eu/jason-williams/lets-build-a-javascript-engine.html

tools And codes

JS开发者必备的26款vscode插件

看点:介绍了多款适合JavaScript开发者的实用有效VS Code插件

https://dev.to/jsmanifest/26-miraculous-vs-code-tools-for-javascript-developers-in-2019-50gg

基于JavaScript驱动的svg编辑器

看点:SVG-edit一款基于JavaScript驱动的SVG编辑器,支持浏览器端进行svg编辑能力

https://github.com/SVG-Edit/svgedit

lazydocker: Docker终端管理器

看点:一个基于go的终端应用,用于在终端更方便的管理docker

https://webopsweekly.com/link/66270/web

nodeppt: Markdown 爱好者的福音

看点:可以将 Markdown 文档转成幻灯片,在浏览器上演示。下次再也不用担心写汇报总结啦

https://github.com/ksky521/nodeppt

本系列会持续更新,欢迎大家持续关注。IES前端团队负责字节跳动互娱社区全线产品前端开发工作,包括但不限于抖音、火山、轻颜、faceu等。如果你想加入我们的团队,欢迎投递简历到 lisqpersonal@163.com 标题:【求职】岗位-姓名-电话