calc-size: 一个解决浏览器11年的 bug的属性终于上线了

7 月 25 日
阅读 3 分钟
554
我们在平常写动画的时候,经常会遇到元素的高度 height:auto或者 100% 时,无法触发过渡动画效果。[1]这是浏览器一直存在的问题,这个问题最早可以追溯到距今2013年,可以说是由来已久的问题了。问题复现我们先来复现一遍这个问题。当我们将盒子的高度从 0 变成 auto 或者 100% 的时候, 盒子是没有过度动画的。显示得...

慎用 readFileSync 读取大文件, 教你一招如何优雅处理大文件读取

7 月 23 日
阅读 2 分钟
456
我们在编写 nodejs 服务的时候,有时候需要使用 fs.readFileSync api 去读取文件,但是使用 fs.readFileSync 会将文件读取在内存中,如果遇到了文件很大时,fs.readFileSync 会占据服务器大量的内存,即使读取的文件比较小,但是如果遇到用户访问剧增的时候,大规模读取小文件也会使得服务器内存长时间处于高位。

原来隐藏一个DOM元素可以有这么多种方式,最后一种你肯定不知道

7 月 22 日
阅读 3 分钟
320
作为经常用来隐藏元素的 css 属性,display: none 相信大家并不陌生,使用了 display: none 会直接将元素从文档树中隐藏掉。

什么?前瞻断言和后瞻断言居然可以这么牛?

7 月 16 日
阅读 3 分钟
343
JavaScript 中的前瞻断言(lookahead)和后瞻断言(lookbehind)相信用过的小伙伴就知道它的威力了,在一些特定的需求场景下,可以做到四两拨千斤的作用,今天让我们来盘点一下在 JavaScript 正则表达式中这两个秘密武器吧。
封面图

什么? CSS 将支持 if() 函数了?

7 月 13 日
阅读 2 分钟
177
CSS Working Group 简称 CSSWG, 在近期的会议中决定将 if() 添加到 CSS Values Module Level 5 中。

面试官:讲一下如何终止一个 Promise 继续执行

7 月 10 日
阅读 2 分钟
881
我们知道 Promise 一旦实例化之后,状态就只能由 Pending 转变为 Rejected 或者 Fulfilled, 本身是不可以取消已经实例化之后的 Promise 了。
封面图

Vine: 一种全新定义 Vue 函数式组件的解决方案

7 月 8 日
阅读 3 分钟
789
7月6日的 vue confg 大会上 ShenQingchuan 大佬介绍了他的 Vue Vine 项目, 一种全新定义 Vue 函数式组件的解决方案。和 React 的函数式组件有异曲同工之妙,写起来直接起飞了。
封面图

全面解析 TypeScript 泛型的二三事

7 月 7 日
阅读 3 分钟
690
2024年了相信大家都已经在日常开发的过程中使用上了 TypeScript 了。TypeScript 增强了代码可靠性和可维护性,确保减少运行时错误并提高开发人员的工作效率。
封面图

面试官:谈一谈如何编写一个易维护的 Vue 单文件组件

7 月 5 日
阅读 2 分钟
241
当你使用 Vue 编写单文件组件时,是否曾思考过如何使这些组件在代码维护上更加容易,而不会变成“堆屎山”?同时在面试中,面试官也常常会问我们如何保证自己编写的 Vue 组件易于维护。
封面图

什么?2024年只要 HTML 和 CSS 就可以实现一个自适应的瀑布流页面了?

7 月 4 日
阅读 4 分钟
492
瀑布流页面布局,故名思义就是页面上的元素子项像瀑布一样进行上下紧凑布局,一般图片类网站、电商类或者博客类的网站经常会使用这种布局,使得展示的元素比较紧凑和丰富, 类似下图
封面图

请不要在 Vue 中滥用“watch”功能,拜托了!

7 月 3 日
阅读 2 分钟
365
随着 Vue 3 的 Composition API 风格的普及,使用 watch 的成本越来越低。现在,我们可以在任何地方使用 watch 来监听响应式数据。随着业务的推进,你可能会在代码中看到大量的 watch。当你接手修改这些充满 watch 代码时,我相信你心里肯定会感到非常困惑和无奈。真实案例剖析让我们来看一个真实的代码案例:在上面的示...
封面图

快来看看 ECMAScript 2024 (ES15) 发布了什么新特性

7 月 2 日
阅读 4 分钟
1.4k
2024 年 6 月 26 日,第 127 届 Ecma 大会批准了 ECMAScript 2024 语言规范,这意味着它现在正式成为标准。
封面图

二分查找法时间复杂度推算

6 月 19 日
阅读 1 分钟
502
我们知道当一个算法的循环次数每次减少一半时,时间复杂度通常会变成 是 ${O(logn)}$ ,我们可以用二分查找算法作为示例来推算这个时间复杂度的计算过程。
封面图

我看谁还不会这几个 TypeScript 高级技巧

4 月 23 日
阅读 5 分钟
199
上面的类型声明利用了 keyof 对原始的 基础类型 Ev 进行遍历形成行的 OnEvents 类型,这个类型的 key 的成员就是 Ev 类型中的 基础类型,同时这里使用了 as 对 重新的 map 的类型进行新的定义
封面图

长文揭秘 让人忽略的Console对象

3 月 11 日
阅读 15 分钟
642
这些方法是 Console 对象的方法,用于在控制台输出不同类型的信息,以便于开发者进行调试和查看程序执行过程中的各种状态。下面简要介绍这些方法的用法:
封面图

23年你可能错过的 10个 前端新变化

2 月 17 日
阅读 5 分钟
344
Object.groupBy()")") 为可迭代对象中的每个元素调用一次提供的 callbackFn 函数。回调函数应返回一个字符串或 symbol(不属于这两种类型的值会被强制转换为字符串),用于指示元素所属的分组。callbackFn 的返回值会被用作 Map.groupBy() 返回的对象的键。每个键都有一个相关联的数组,其中包含回调函数返回相同值的所...