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