咖啡不耐受

三个月前，我被允许加入到 Github Copilot 的测试项目中了。在此期间，我在 Angular、基于 LitElement 的 web 组件、Node.js（Typ...

Typescript5 来了，快来看看有哪些新特性：装饰器 Stage3、全部枚举多是联合枚举、JSDoc 支持 satisfies 等...

一般项目里面需要用的类似gif动效的地方，我都是让ui直接切好图片给我的，要是他们知道可以用css实现会不会打死我(逃... 话不多说，先上图，这两个动画都是纯css实现的...

在过去的三个月里，我从 vue 技术栈切换到了react,并使用react技术栈高质量完成了公司一个大型内部项目。即便如此，我还是想说我并不喜欢React！...

在很多地方都能看到 react hooks 的心智负担很重的说法，大部分是认同的。但是我认为 vue3 的心智负担也是不轻。这两者谁更重，我们可以一起来聊一聊，说出各自的看...

安卓手机因为DPR换算问题，导致通过rem,rpx设置了border-radius属性为小圆点变形问题的解决方案...

🎉Svelte 作为最受欢迎的前端新宠，连尤大都重视的框架，居然“叛逆”到不使用带有网红属性的虚拟DOM ！！！...

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议...

就是页面加载前的loading改为一个图片形式的骨架屏。 vue-skeleton-webpack-plugin。 由于官方没有基于vue-cli3多骨架 多路由的demo...

什么是前端工程化，是我去年困扰我很久的一个问题，打开搜索引擎一搜，能找到四个关键字，模块化、组件化、规范化、自动化，但一看这几个字，更加迷茫了，没说解决了什么问题。大部分搜...

如果写了大量的 `if` 分支，并且可能还具有**分支套分支**，可以想象到整个代码的可读性和可维护都会大大降低，这在实际开发中，确实是一个比较头疼的问题，那有没有什么办法...

前期准备 本篇文章的编写目的是为了提升TS类型的书写质量，高质量的类型可以提高项目的可维护性并避免一些潜在的漏洞; 在学习本篇之前需要需要有一定的TS基础知识，在此基础上可...

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家...

作为前端，当你入职一家公司，拿到新发的电脑，你会对电脑干点啥，装开发环境？装软件？你是否铺天盖地到处找之前电脑备份的东西？又或者是想不起来有什么上一台电脑好用的软件叫什么名...

React 目前开发以函数组件为主，辅以 hooks 实现大部分的页面逻辑。目前数栈的 react 版本是 16.13.1，该版本是支持 hooks 的，故以下实践是 ho...

那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了，不会挡住人物，觉得很神奇，于是决定一探究竟。...

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信...

我从 Thinkpad 转用 M1 的 Macbook pro 已经一年了，几乎没有任何不适应，整体感受那是真的牛👃，速度和续航惊艳到我了，同时开启 6个 vscode ...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

工厂模式的用法不止一种，用途非常广。用户只通过工厂函数来创建对象，这样写出来的代码更加健壮，也更容易理解。例如在 JavaScript 中，创建一个对象可以用 new 或者...