前端技术观察第13期

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

  • Highlights

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

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

  • Tutorial

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

  • Tools And Codes

    • 优秀的工具、库

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

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

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

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

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

highlights

英国政府网站不再使用number类型的Input(英)

讲解了一些 type=number 的独特行为,以及一些古怪行为的解决办法

https://frontendfoc.us/link/84745/web

Safari即将禁止有效期超过13个月的新签发HTTPS证书(英)

从2020年9月1日起,任何有效期超过398天的新证书将被苹果的Safari浏览器拒绝

https://frontendfoc.us/link/84735/web

CSS委员会公布了4个新草案(英)

简要讨论了四种规范的初稿: CSS Color Module Level 5, 媒体查询 Level 5, CSS Transforms Level 2, and CSS Conditional Rules Level 4

https://frontendfoc.us/link/84738/web

node.js最佳实践(英)

收集整理了node.js开发中值得推荐的实践方案,如项目结构组织、错误异常处理、代码风格、项目测试和质量把控、安全等多方面实践方案

https://github.com/goldbergyoni/nodebestpractices#readme

node.js vs13.10版本

需要关注的两个新功能,新的异步存储api和vm.measureMemory(),用于测量每个上下文内存使用情况的函数

https://nodejs.org/en/blog/release/v13.10.0/

JSBridge 初探

带你了解JSBridge

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

高性能的前端架构实践方案(英)

文章细致介绍了前端应用程序如何加载更快并提供良好的用户体验技术

https://www.debugbear.com/blog/performant-front-end-architecture

修复Web应用程序中的内存泄漏(英)

这个很少关注的领域,值得去了解

https://nolanlawson.com/2020/02/19/fixing-memory-leaks-in-web-applications/

tutorial

十种不同的CSS方式隐藏元素(英)

在CSS中隐藏元素的方法有多种,但是它们的可访问性,布局,动画,性能和事件处理的方式各有不同

https://frontendfoc.us/link/84743/web

isomorphic-git 1.0: js实现的git api工具库(英)

可以运行在现代浏览器和node.js环境下使用的 git api工具库。不要再封装命令行了,试试这个如何?

https://isomorphic-git.org/blog/2020/02/25/version-1-0-0

多端统一开发工具—kbone

Kbone 是一个致力于微信小程序和 Web 端同构的解决方案

https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/

如何终止fetch

在浏览器中主要由两种方法发起请求操作,XMLHttpRequest和fetch。xhr中通过调用abort方法终止请求,在fetch如何操作?来了解一下

https://meetguns.com/blog/aborting-a-fetch-request/

Ember.js

Ember.js 指南

https://guides.emberjs.com/release/#

tools And codes

Brave浏览器 —— 可以在页面404时,访问过去的版本(英)

当浏览器检测到页面不可用时,就会从时光机系统中找出最后的可用的版本来使用,这会大大方便大家寻找一些消失的内容

https://frontendfoc.us/link/84739/web

网页工具Shadows: 帮你生成更自然的阴影效果

自然界的阴影并不是简单的线性渐变,这个工具通过多层阴影来模拟更真实的效果

https://frontendfoc.us/link/84755/web

mozilla / pdf.js

在移动端也能在线预览pdf

https://github.com/mozilla/pdf.js

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