皓月苍穹

前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用...

Sass 作为一个强大的CSS预处理器，在过去十年里广受大家好评。它能够帮助我们高效地组织可扩展和稳定的 CSS 代码。然而，随着CSS的快速发展。曾经只有 Sass 才有...

背景 平常我们写代码经常会写个mock，测一测我们写的函数功能执行的跟我们的预期一不一致。但是复杂的类型填写数据就会变得比较繁琐，于是写了个vscode插件生成mock数据...

在上一篇文章 《手摸手教你封装跨项目复用的 Vue 组件》 中，介绍了一例用 rollup.js 封装 Vue.js 组件库的实践；限于篇幅和复杂度，其中组件的即时调试预览...

最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。 这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。 何为 content-...

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数...

今天给大家带来的是 2B 领域的一个架构难题，我们最终也没有找到一个较好「解决」方案， 或者说它本来就是一个伪命题。 让我慢慢跟你道来…...

近日，Svelte 的创建者 Rich Harris 提出了将 Svelte 从 TypeScript 切换到使用 JSDoc 的 JavaScript。这种转变得到了 S...

大家好，我是Webpack，AKA打包老炮，我的slogan是："打天下的包，让Rollup无包可打"...

为什么要做性能优化？性能优化到底有多重要？ 网站的性能优化对于用户的留存率、转化率有很大的影响，所以对于前端开发来说性能优化能力也是重要的考察点。 性能优化的点非常的多。...

前言 今年面试比较惨，降薪跳槽；话不多说，上题！看看大家能够回答到什么程度，答案如果有问题，大家在评论区可以讨论纠错交流 v8垃圾回收机制？ V8 是一种开源的JavaSc...

前言 省流：最终拿到了58、UMU、便利蜂、虾皮、快手、腾讯、字节的offer。 金三银四面试的, 这次整体面试通过率还挺高的, 面试前没有太多准备, 基本上是面试过程中不...

这道面试题是无意间在微信群里看到的，据说是某厂的面试题。一般关于 Promise 的面试题无非是考察宏微任务、EventLoop 之类的，当我认真去分析这道题的时候，越看越...

requestAnimationFrame： 告诉浏览器在下次重绘之前执行传入的回调函数(通常是操纵dom，更新动画的函数)；由于是每帧执行一次，那结果就是每秒的执行次数与...

为什么react需要fiber架构，fiber如何让任务分片进行，vue为什么不需要fiber架构。...

让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 早些时候，性能都是所谓的“后顾之忧”。直到项目快结束的时候，它会被归结为代码...

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创...