字节架构前端

背景 目前对WebAssembly的使用主要是做计算密集型的工作，比如软解播放通过WebAssembly计算提供解码能力，WebAssembly执行完全依赖CPU计算，不能...

Web多媒体 基础知识 编码格式 图像基本概念 图像分辨率：用于确定组成一副图像的像素数据，就是指在水平和垂直方向上图像所具有的像素个数。 图像深度：图像深度是指存储每个像...

一个经典的问题： 从输入URL到页面显示中间经历了什么？ 在分析整个流程前先了解下浏览器的整体架构 浏览器进程 主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。...

Node.js 进程退出全知全会 背景介绍 在我们的服务发布后，难免会被运行环境（如容器、pm2 等）调度、升级服务导致重启、各种异常导致进程崩溃；一般情况下，运行环境都有...

什么是 Language Server Protocol (LSP)？ 首先根据官方解释 https://microsoft.github.io/language-serv...

前言 首先介绍一下 Live reloading 和 Hot reloading 的区别： Live reloading: 修改文件之后，Webpack 重新编译，并强制刷...

前言 lint 工具用来检查编程错误，最初是从 C 语言中发展起来的。在 C 语言最初时期，编译器无法捕获一些常见的编程错误，因此开发出了一个叫做 lint 的辅助程序，通...

序言 在上一讲的分享《编译技术在前端的实践（一）——编译原理基础》中，我们介绍了编译原理的最基本概念，并结合表达式计算器的例子介绍了手工编写递归向下解析器的方法。 但在前端...

前言 本文通过从0开始编写一个electron小项目，使读者能够在短时间内了解electron项目的开发和基础概念 环境准备 nodeJs 使用淘宝镜像或者公司镜像安装el...

什么是 Language Server Protocol (LSP)？ 首先根据官方解释 https://microsoft.github.io/language-serv...

前言 常见治理工具 治理对象 治理方式 执行时机 代码规范 ESLint / StyleLint / Prettier 本地开发 / Git Hook / Merge Re...

lint类工具是我们在前端开发工作中经常的工具，比如eslint和stylelint。lint可以帮助我们发现代码中可能存在的错误，有时候我们也会利用其提供的api来实现一...

序言 前两年在一家创业公司时，公司后来被收购，没啥业务压力的情况下自己动手写了一个类似 Vue 的 MVVM 框架玩，并同时在这个框架上实现了一个 Material Des...

随着网络与流媒体的飞速发展，直播已经深入到我们每个人的生活中了。但是因为原生的video 元素只支持几种固定的格式，在web上实现直播变成了一个困难问题。随着HTML5 提...

在日常生活中，高斯模糊很常见，相比与马赛克的方式，高斯模糊给人的感觉更加的自然。高斯模糊顾名思义，就是卷积(掩膜)的采样服从高斯分布，本文主要聊一聊，如何对一张图片进行高斯...

一、介绍 小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应...

File System Access API 使开发者能够构建更强大的web应用程序，与用户设备上的文件进行交互。除了文件读取功能，添加了新的接口，支持实时修改并保存以及操...

WebP介绍 WebP 是 Google 推出的一种同时提供了有损和无损两种压缩方式的图片格式，优势体现在其优秀的图像压缩算法，能够带来更小的图片体积，同时拥有更高的的图像...