前端蛋卷

27
获赞数
34
关注数
4
粉丝数
海外
IP 属地广东
2018-06-06 加入
浏览 10.6k

微信公众号:“前端蛋卷“

238 声望|学徒
vue.js
127
javascript
53
前端
17
webpack-dev-server
16
webpack
16
个人动态
  • 发布了文章2024-07-25
    calc-size: 一个解决浏览器11年的 bug的属性终于上线了
    我们在平常写动画的时候,经常会遇到元素的高度 height:auto或者 100% 时,无法触发过渡动画效果。[1]这是浏览器一直存在的问题,这个问题最早可以追溯到距今2013年,可以说是由来已久的问题了。问题复现我们先来复现一遍这个问题。当我们将盒子的高度从 0 变成 aut...
  • 发布了文章2024-07-23
    慎用 readFileSync 读取大文件, 教你一招如何优雅处理大文件读取
    我们在编写 nodejs 服务的时候,有时候需要使用 fs.readFileSync api 去读取文件,但是使用 fs.readFileSync 会将文件读取在内存中,如果遇到了文件很大时,fs.readFileSync 会占据服务器大量的内存,即使读取的文件比较小,但是如果遇到用户访问剧增的时候,大规模...
  • 发布了文章2024-07-22
    原来隐藏一个DOM元素可以有这么多种方式,最后一种你肯定不知道
    作为经常用来隐藏元素的 css 属性,display: none 相信大家并不陌生,使用了 display: none 会直接将元素从文档树中隐藏掉。
  • 发布了文章2024-07-16
    什么?前瞻断言和后瞻断言居然可以这么牛?
    JavaScript 中的前瞻断言(lookahead)和后瞻断言(lookbehind)相信用过的小伙伴就知道它的威力了,在一些特定的需求场景下,可以做到四两拨千斤的作用,今天让我们来盘点一下在 JavaScript 正则表达式中这两个秘密武器吧。
  • 发布了文章2024-07-13
    什么? CSS 将支持 if() 函数了?
    CSS Working Group 简称 CSSWG, 在近期的会议中决定将 if() 添加到 CSS Values Module Level 5 中。
  • 发布了文章2024-07-10
    面试官:讲一下如何终止一个 Promise 继续执行
    我们知道 Promise 一旦实例化之后,状态就只能由 Pending 转变为 Rejected 或者 Fulfilled, 本身是不可以取消已经实例化之后的 Promise 了。
  • 发布了文章2024-07-08
    Vine: 一种全新定义 Vue 函数式组件的解决方案
    7月6日的 vue confg 大会上 ShenQingchuan 大佬介绍了他的 Vue Vine 项目, 一种全新定义 Vue 函数式组件的解决方案。和 React 的函数式组件有异曲同工之妙,写起来直接起飞了。
  • 发布了文章2024-07-07
    全面解析 TypeScript 泛型的二三事
    2024年了相信大家都已经在日常开发的过程中使用上了 TypeScript 了。TypeScript 增强了代码可靠性和可维护性,确保减少运行时错误并提高开发人员的工作效率。
  • 发布了文章2024-07-05
    面试官:谈一谈如何编写一个易维护的 Vue 单文件组件
    当你使用 Vue 编写单文件组件时,是否曾思考过如何使这些组件在代码维护上更加容易,而不会变成“堆屎山”?同时在面试中,面试官也常常会问我们如何保证自己编写的 Vue 组件易于维护。
  • 发布了文章2024-07-04
    什么?2024年只要 HTML 和 CSS 就可以实现一个自适应的瀑布流页面了?
    瀑布流页面布局,故名思义就是页面上的元素子项像瀑布一样进行上下紧凑布局,一般图片类网站、电商类或者博客类的网站经常会使用这种布局,使得展示的元素比较紧凑和丰富, 类似下图
  • 发布了文章2024-07-03
    请不要在 Vue 中滥用“watch”功能,拜托了!
    随着 Vue 3 的 Composition API 风格的普及,使用 watch 的成本越来越低。现在,我们可以在任何地方使用 watch 来监听响应式数据。随着业务的推进,你可能会在代码中看到大量的 watch。当你接手修改这些充满 watch 代码时,我相信你心里肯定会感到非常困惑和无奈。真...
  • 发布了文章2024-07-02
    快来看看 ECMAScript 2024 (ES15) 发布了什么新特性
    2024 年 6 月 26 日,第 127 届 Ecma 大会批准了 ECMAScript 2024 语言规范,这意味着它现在正式成为标准。
  • 发布了文章2024-06-19
    二分查找法时间复杂度推算
    我们知道当一个算法的循环次数每次减少一半时,时间复杂度通常会变成 是 ${O(logn)}$ ,我们可以用二分查找算法作为示例来推算这个时间复杂度的计算过程。
  • 发布了文章2024-04-23
    我看谁还不会这几个 TypeScript 高级技巧
    上面的类型声明利用了 keyof 对原始的 基础类型 Ev 进行遍历形成行的 OnEvents 类型,这个类型的 key 的成员就是 Ev 类型中的 基础类型,同时这里使用了 as 对 重新的 map 的类型进行新的定义
  • 发布了文章2024-03-11
    长文揭秘 让人忽略的Console对象
    这些方法是 Console 对象的方法,用于在控制台输出不同类型的信息,以便于开发者进行调试和查看程序执行过程中的各种状态。下面简要介绍这些方法的用法:
  • 发布了文章2024-02-17
    23年你可能错过的 10个 前端新变化
    Object.groupBy()")") 为可迭代对象中的每个元素调用一次提供的 callbackFn 函数。回调函数应返回一个字符串或 symbol(不属于这两种类型的值会被强制转换为字符串),用于指示元素所属的分组。callbackFn 的返回值会被用作 Map.groupBy() 返回的对象的键。每个键都...
  • 赞了文章2023-07-19
    推荐 7 个 Vue2、Vue3 源码解密分析的重磅开源项目 👍
    大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~1. 为什么要学习源码 ?阅读优秀的代码的目的是让我们能够写出优秀的代码。不给自己设限,不要让你周围人的技术上限成为你的上限。其实就跟我们写作文一样,你看的高分作文越多,写出高分作文的概率就...
  • 赞了文章2022-03-22
    webpack模块化原理-commonjs
    我们都知道,webpack作为一个构建工具,解决了前端代码缺少模块化能力的问题。我们写的代码,经过webpack构建和包装之后,能够在浏览器以模块化的方式运行。这些能力,都是因为webpack对我们的代码进行了一层包装,本文就以webpack生成的代码入手,分析webpack是如何...
  • 赞了文章2022-03-20
    前端安全之防范XSS实战小结
    由于前段时间业务有接触到富文本编辑器,且编辑器由用户直接使用,所以不可避免需要对其涉及到的XSS防护有所了解,因此对XSS防护做一个实战小结。
  • 赞了文章2022-02-06
    回到基础:什么是DOM及DOM操作?
    点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。