陈jia辉

通过几行 JavaScript ，就可以读取到电脑/手机上的所有数据，浏览器中的网页可以读取你所有的密码？...

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。...

React 18 正式版已经发布。今天我们从使用者的角度来探索下 React 17 升级到 18 会遇到的问题和一些新增的功能。...

webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。...

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读...

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 ...

1. 背景 之前在重构项目的所涉及到的组件中，Tree组件占据了半壁江山。而该组件的产生，也是由该项目演化未来。虽然该项目后来停止了，但是所累积的设计经验确是延续下来了的。...

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)...

[toc] 前言 一份简洁、纯粹的Web前端性能优化清单。每个优化点都包含有概念、实操和参考资料。面试、实战两相宜。 这是一个大工程。在正式开始之前，先统一下语言，澄清每一...

三. tree-shaking实践 webpack2 发布，宣布支持tree-shaking，webpack 3发布，支持作用域提升，生成的bundle文件更小。 再没有升...

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将...

据了解，目前有相当一部分同学不想去学习ts，毕竟没(xue)时(bu)间(dong)。很不幸两个月前我也是其中的一员。在看到尤大大都用ts写vue3了，蠢蠢欲动的我小心翼翼...

不知道有多少 TS 爱好者哀叹过这个问题：虽然我很想用 TS，奈何老大只让用 JS。今天我，告诉你，在 JavaScript 中也可以很流畅的使用 TypeScript ，...

OpenGL ES 利用抠图算法实现人像留色 人像留色的原理 现在人像分割技术就像当初的人脸检测算法一样，称为广泛使用的基础算法。 今天本文介绍的人像留色其实就是三年前某 ...

OpenGL ES 的很多教程里都会有这样一个例子来讲解纹理：将一张图片作为纹理显示在屏幕上。 因为纹理坐标和实际屏幕显示的坐标不一样，把图片渲染在屏幕上后，图片是上下颠倒...

在Cesium中我们可能会遇到加载海量数据的情况，但当我们进行实现的时候会发现页面渲染会因为数据量过大而变得迟缓，十分影响用户体验。接下来我将先通过大数量的点进行性能检测，...

图片来源： https://unsplash.com/photos/EnxIiphOFzU Three.js提供了多种类型的材质（material）。材质定义了对象在场景中...

微前端概念的出现是前端发展的必然阶段，PC 互联网转向移动互联网时代时，PC 场景并未完全消失，反而衍生出了更多沉浸感更高、体验感更强的应用，与之对应的应该是出现新的架构模...