2020 年已经结束，这一年里面因为疫情，生活和工作中大家都有受到一定的影响。但是在 2020 年里面前端技术的发展依然没有停止脚步。 而我们作为前端开发者，必定需要对技术的更新换代有所了解。虽然我们不需要去学习所有新出来的技术。但是时刻保持 “了解” 和 “理解” 这些技术是…

想写一篇关于 SVG 滤镜的文章已久，SVG 滤镜的存在，让本来就非常强大的 CSS 如虎添翼。让仅仅使用 CSS/HTML/SVG 创作的效果更上一层楼。题图为袁川老师使用 SVG 滤镜实现的云彩效果 -- CodePen Demo -- Cloud (SVG filter …

初衷： 将我整理的笔记分享给大家，希望本篇文章能给你带来不一样的认知，不喜勿喷。 适合人群： 前端初级开发，大佬绕道。 内容结构： 为什么有模块化 -> 基本语法 -> 两者区别。 我们都知道在早期JavaScript模块这一概念，都是通过script标签引入js文件代码。当然…

前端改革 30 年，从一片荒芜到微前端兴起。 本文主要简述前端系统级架构的演讲历史，不涉及应用级架构: MVC，MVMM... 应用：指的是一个整体的应用，可由多个模块组成。 模块：指的是整体应用下 被划分的子应用。 在 1990 年，Tim Berners-Lee 在他的 N…

一个偶然的机会看到了用three.js开发的3D效果，立即引起了我的兴趣，直接用JavaScript轻松的创建在浏览器上显示的3D模型，这在以前要做这样的效果门槛可是很高的，这实在是前端开发的一个福音。 OpenGL是最常用的跨平台图形库，WebGL是基于OpenGL设计的面向…

主要基于WebGLRendere类的render方法开展，需要读者有基本的计算机图形知识，比如计算机图形管线（实时渲染管线）之类的。 最后将深度、模版测试、多边形偏移恢复默认。 一、为了最大限度地避免overdraw，一个重要的优化策略就是控制绘制顺序。由于深度测试的存在，如果…

Three.js（下面简称 Three） 作为一个 3D 库，不仅减少了我们学习 OpenGL 和 WebGL 的成本，还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知，Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建一个「3D …

如今的前端早已不再拘泥于满足页面展示，而是开始延展到通过全栈来闭环产品。这表明前端已经有能力透过业务深入产业，继而影响商业结果。这种表象的改变背后是本质的转变，从更为宏观的角度来说，前端正在通过持续的技术革新和技术融合不断突破自身边界，进而重新定义自身价值。 时光荏苒，非比寻常…

第十八期 AMA 掘金团队请来了奇舞团团长，《JavaScript 王者归来》作者，目前 360 技术委员会前端专家--月影做了为期三天的 Ask Me Anything (AMA) 活动（活动已结束）。 我们在此精选了一些来自用户的提问及 月影 的回答。 团长大大好，我是入行…