前端快爆

  • Chrome 71 开始将试用 SXG 功能，它是由 IETF 提出，Web Package 协议规范下的 Signed HTTP Exchanges 功能的缩写。该技术使得一个第三方服务器可以直接向用户提供可靠资源，且不用与原站共享 HTTPS 证书密钥。?

点评：一项非常适合 CDN 的前瞻技术。

  • Safari 发布了第 70 个科技预览版，近期版本实现了 WebRTC 的功能完善、完善了 Canvas 的审查和 WebGL Shader 的 debug 功能、WebDriver 协议针对 W3C 规范进行了更新等等。?

点评：Canvas 调试功能还是非常棒的。

  • Node.js 十一月累计安全更新发布，修正了大 http 请求头导致拒绝服务、 debugger 端口任意代码执行、Slowloris 拒绝服务及部分 OpenSSL 漏洞。为了预防这些安全风险，可以升级到 Node.js 11.3.0 / 10.14.0 / 8.14.0。?

  • Vue Conf 于 11 月下旬在杭州举行，会上与大家同步了 Vue 3 的更新消息：为提速而完全重构的 Virtual DOM 实现，基于 Proxy 实现的全新监听系统，代码更小，使用 TypeScript 重构，开放了响应式数据更新 API 等等。所有议题的 PPT 已上传官网。?

点评：应该是第一个大型基于 Proxy 接口的框架了，期待。

  • 第 13 届 D2 前端技术论坛将于杭州在明年1月6日举行，现在可以购买普通票了。?

瑞士军刀

  • Retoggle 是一个基于 React Hooks 的脑洞：把一个元素中可以定制的变量，用 React Hooks 抽取出来做成表单组件。

  • 2018 年将要过去，而前端最基础的网络请求库还有一堆：Axios、Request、Superagent、Fetch、Supertest，如果你不知道该用哪一个，这里有一篇比较他们的文章。

  • TypeScript 3.2 发布了，具体更新细节可见官方文档。

专题：DOM 布局

本周专题是易京为我们带来的 DOM 布局相关的文章列表。

布局介绍

布局即是计算可见节点在 Viewport 内的大小位置信息的过程：

  • 渲染树构建、布局及绘制
  • 从 Chrome 源码看浏览器如何 layout 布局
  • 【浏览器工作原理】:布局

Reflow

当 DOM 结构发生变化、样式变化或是调用某些属性方法触发重新构造渲染树的过程为 reflow：

  • 触发 reflow 操作 [英文版] [中文版]
  • CSS Triggers
  • 高性能 JavaScript 重排与重绘
  • 诊断强制同步布局

优化

优化的目的是尽量减少 reflow 发生的次数和影响范围：

  • 缩小样式计算的范围并降低其复杂性
  • 避免大型、复杂的布局和布局抖动
  • Preventing 'layout thrashing'
  • fastDom
  • Introducing 'layout boundaries'
  • What are Reflows and Repaints and How to Avoid Them

编辑：承虎 humphry & 审阅：壹丝 & 专题供稿：易京

首发地址：zhuanlan.zhihu.com/mm-fe

前端技术周刊 2018-12-03：DOM相关推荐

  1. 东航电商前端技术周刊第一期20180601

    这期我们分享如下: 1.计算金额的小数点怎么才能精准呢? 2.如何才是正确的比较浮点数的姿势呢? 3.日历的天数怎么算呢? 4.JS切面编程之AOP 5.文本的省略号怎么用css实现? 6.超出文本的 ...

  2. 《阿里云前端技术周刊》第五期

    作者:雏恬 校对:染陌 知乎:阿里云中台前端/全栈团队专栏 Github:阿里云前端技术周刊 给我们投稿:传送门 参与交流:传送门 前端速报 GitHub Package Registry 发布!你依 ...

  3. 前端技术周刊 2019-02-11 Serverless

    前端技术周刊 2019-02-11 前端快爆 Chrome 72 的安卓版正式启用了 Trusted Web Activity 功能,可以使得一个 PWA 应用能够在 Google Play Stor ...

  4. 前端技术周刊 2018-10-08：WebGL

    前端技术周刊 2018-10-08 大家好,有半个月没见了.最近编辑部忙到爆炸,出刊节奏被打乱,预计在今年双十一之后恢复正常出刊速度. 前端快爆 10月5日,Google 发布 Project Str ...

  5. ELSE 技术周刊(2017.12.11期)

    业界动态 Angular 5.1 & More Now Available Angular发布5.1版本,同时发布了Angular CLI 1.6版本以及首个稳定版本的Angular Mate ...

  6. ELSE 技术周刊(2017.12.25期)

    业界动态 V8 release v6.4 V8引擎发布v6.4,在速度和内存优化上又带来了一些提升.对于instanceof操作符的优化,带来了3.6x速度提升,同时使得uglify-js提高了15- ...

  7. 前端技术猜想-2018

    前言 前端技术种类繁多,在平时工作中根据业务的不同,每个人用到的前端技术也不太一样~我们还是需要对目前流行的技术做一个了解,以备不时之需.本文是对3篇大神在文章的汇总和整理~只是资料的搬运工~感兴趣的 ...

  8. 蒲公英 · JELLY技术周刊 Vol.12 尤雨溪新作 Vite, 你会支持么？

    「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术.工程化.跨端框架技术.图形编程.服务端开发.桌面开发.人工智能」等多个大方向的业界热点,并加以专业的解读:不仅如此,我们还精选凹凸技术文章,向大家呈 ...

  9. BetterFE 前端技术周刊 - 2019/04/15

    深阅读 你真的了解登陆吗? 推荐理由:只要你做web系统开发,一定绕不过的就是用户授权了,而其中最常用的方式无非就是用户登陆.这篇文章并不是一篇介绍各种登陆方式的文章,标题也是我自己起的,主要还是因为 ...

最新文章

  1. matlab txt写入excel,怎么把matlab的GUI文本编辑器中的数据存入EXCEl
  2. TCP如何能正常关闭连接？
  3. tensorflow tf.matmul() （多维）矩阵相乘（多维矩阵乘法）
  4. 苹果隐藏应用_使用iMazing导出苹果设备中的录音文件
  5. k64 datasheet学习笔记12---System Integration Module (SIM)
  6. Anuglar中正确导入RxJS库
  7. PHP 数字转化为自定义长度的字符串［前插后入］
  8. 烂泥：高负载均衡学习haproxy之安装与配置
  9. nodejs实践录：pm2实验测试记录
  10. ttysac1 java_基于Android的串口聊天室 （基于tiny4412） 一
  11. html 属性存储对象,在HTML5 localStorage中存储对象
  12. 微信小程序开发入门教程 含视频 有源码
  13. pyqt创建透明窗体
  14. git 提交两次commit到同一分支，被糅合为一次Marge Request的解决方法:cherry-pick
  15. getcount php,物联网方案之“Android+Apache服务器（PHP+Mysql）+Arduino（+以太网盾板)”（四.点播客户端）...
  16. icp相关数学，向量模的平方转换成矩阵相乘
  17. 基于51单片机的电子密码指纹锁无线WiFi通信原理图PCB
  18. CSS3 过渡-盒子切换之鼠标经过背景高亮
  19. 对话系统 | (3) 阿里云小蜜对话机器人背后的核心算法
  20. Python文件读取read()函数

热门文章

  1. Java线程之多线程与多进程(3)——Java中的多线程
  2. keynote使用手册_如何使用Keynote和智能手机为AR创建原型
  3. 如何融入到更积极的环境，促进技术提升
  4. shell命令之---sed
  5. 4月第1周业务风控关注 |国家广播电视总局发布《未成年人节目管理规定》
  6. ECShop 前台用户中心调整左侧栏目及中心部分呈现页面
  7. Oracle基础中的基础视频讲座录像（西安）供免费下载
  8. dwr 写的小程序，配置
  9. C++ virtual笔试
  10. 爱数应用容灾部署方案三