Nane

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

2. 1px边框的问题 2. background-image 和border-image类似，准备一张符合条件的边框背景图，模拟在背景上。 上面两种都需要单独准备图片，而且圆角不是很好处理，但是可以应对大部分场景。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加…

BetterScroll v1 版本发布至今已经两年多，这期间 BetterScroll 无论是在我们公司内部的业务以及社区内，经受住了大量的场景考验，同时也新增了不少特性。无论是我们内部开源组件库的 cube-ui，还是社区内的 mpx、taro、vue-better-scr…

Web Workers API：Worker 构造函数及如何观察 Dedicated Worker 等。 下面我们开始步入正题，为了让大家能够更好地理解和掌握 Web Workers，在正式介绍 Web Workers 之前，我们先来介绍一些与 Web Workers 相关的基…

我叫小风，是Windows帝国一个普通的上班族。上一回说到因为一个跨域请求，我差点丢了饭碗，好在有惊无险，我的职场历险记还在继续。 “叮叮叮叮~~~~”，闹钟又把我给吵醒了，我一看时间竟然已经这么晚了。 我赶紧起身，准备要去上班，好不容易在那家浏览器公司谋了个差事，可不敢迟到。…

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆。 没错，看着这篇文章的标题你可能就不想看了，CommonJS和ES6 Modules规范这都是啥时候的知识点了，你还在这写呢... 哭😢... 因为呆呆之前对这些规范还真的就只是看一些教材，没有去实践，然后今日实践起…

最近在整体复习一遍现代前端必备的核心知识点，将会整理成一个前端分析总结文章系列。这篇是其中的第二篇，主要是总结下JS底层的内存模型。（另外，此系列文章也可以在语雀专栏——硬核前端系列查看）。 主要分为两大类：基本数据类型、复杂数据类型，详细分类如下。 对于不同的数据类型有不同的…

本文的主题是 Glitch Art，故障艺术。 什么是故障艺术？我们熟知的抖音的 LOGO 正是故障艺术其中一种表现形式。它有一种魔幻的感觉，看起来具有闪烁、震动的效果，很吸引人眼球。 故障艺术它模拟了画面信号出现故障导致成像错误的感觉。青色色块与红色色块无法重合就是这种故障的…