20200106 前端开发日报

如何进行 web 性能监控?;llhttp是如何使Node.js性能翻倍的?;vue如何实现的数据控制视图;CSS inherit 是继承,那 initial 和 unset 呢?;Bifrost 微前端框架及其在美团闪购中的实践;HTTP/3 原理与实践;再读一次Vue官方文档带来的意外惊喜;开源 | 飞冰 (ICE):阿里巴巴开源的简单而友好的前端研发体系

  1. 如何进行 web 性能监控? 也许你有听过一个问题,你这款 web 应用性能怎么样呀?你会回答什么呢?是否会优于海量 web 应用市场呢?本文就来整理下如何进行 web 性能监控?包括我们需要监控的指标、监控的分类、performance 分析以及如何监控。但是,如何进行 web 性能监控本身是一个很大的话题,文中只会侧重一部分进行研究,某些内容不是很全面…
  2. vue如何实现的数据控制视图 这篇主要讲的就是vue很重要的一块知识点,双向数据绑定是如何实现的。一开始看这一块的内容的时候比较迷茫,迷茫在以下几个点: 这块内容该从哪边入手 数据变化是如何驱动视图层更新的 做题深化知识点 从哪边着手去看响应式原理 我这边提供三个方向,从这三个方向,你都可以看到watcher的使用,然后w…
  3. CSS inherit 是继承,那 initial 和 unset 呢? “CSS 3 个全局属性值:inherit 表示继承, initial 表示初始值,unset 表示不确定值(能继承就继承,不能就初始值)。本文主要介绍initial和unset两个CSS全局关键字。”
  4. Bifrost 微前端框架及其在美团闪购中的实践 “因此,在采用微前端架构之前,建议大家要谨慎的评估自己的项目是否真的适合采用微前端的方式,避免盲目引入微前端导致项目难以维护,得不偿失。”
  5. HTTP/3 原理与实践 这是一个视频版的 PPT。
  6. 再读一次Vue官方文档带来的意外惊喜Vue目前算是我用的时间最长的一个框架了,但是最近总是在想,我真的了解Vue了吗,还是说,仅仅只是会用它而已了呢.最开始用Vue的时候只是草草看了一遍文档,细节之处并未关心,以至于后面项目中遇到很多问题之后才又反…
  7. 开源 | 飞冰 (ICE):阿里巴巴开源的简单而友好的前端研发体系 免费加入「头条君的圈子」 项目介绍 特性 可视化开发:通过 GUI 操作简化前端工程复杂度,同时通过适配器可接入不同的项目工程进行可视化管理,定制专有的前端工作台 丰富的物料:基于物料拼装提高项目开发效率,同时提供丰富的 React/Vue 物料 最佳实…
  8. HTML5中的FORM2.0 FORM在HTML5中的变化算是比较大的,一方面体现在新增了大量的2.0时代的控件,另一方面则是整个FORM结构的变化。与新增的控件相比,新的FORM结构一样为将来的开发工作提供了很大的便利性。 一、2.0的FORM结构 1. 可以随便放置的表单控件 在HTML4的表单实现中,如果不借助脚本则必须将表单控件放置在<form>&l…
  9. Webpack 进阶之源码分析(二) 本文主要讲解 webpack 与 tapable 上一篇文章我们分析当执行 webpack 命令的时候,会从 webpack 目录执行到 webpack-cli 目录,最终又回到 webpack 目录,这一篇文章就主要讲解回到 webpack 目录中又做了哪些事情? 首先打开 webpack/lib/webpack.js 文件,找到 webpack 方法。方法内部首先会验证 options 是否…
  10. Go – 如何解析 JSON 数据?概述 最近掉进需求坑了,刚爬上来,评估排期出现了严重问题,下面三张图很符合当时的心境。 谈需求 估排期 开始干 为啥会这样,我简单总结了下: 与第三方对接。 跨团队对接。 首次用 Go 做项目。 业务流程没屡清…
  11. 《前端基础进阶》基础数据值在内存中占据固定的大小空间,因此存在栈内存中js的执行上下文顺序借用了栈数据的存取方式,所以理解栈数据结构的原理和特点十分重要方式:先进后出,后进先出(类似一盒乒乓球)
  12. CSS 浏览器兼容性,最完整处理方案 前端是一个让人又爱又恨的职业,爱,是因为技术更新快,发展道路宽阔;恨的是需要学习、掌握的东西太多太多,永远学不完,正如俗话说:活到老,学到老;但更让人头疼的是,还要面临各种适配、兼容性问题。 网上对适配、兼容性问题都有相关解答,但一直以来都是头痛医头脚痛医脚,没有进行系统的梳理,整个思路和方…
  13. WebRTC 的音频处理流水线 基于 RTC 场景下要解决的声音的问题,WebRTC 有一个大体如下图所示的音频处理流水线: WebRTC 的音频处理流水线,不是一次性建立起来的,而是分阶段分步骤建立的。整体而言,可以认为这个流水线分两个阶段建立,或者可以认为这个流水线分为两部分:一部分可称为静态流水线,另一部分可称为动态流…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流