vae_vae 的个人主页 - 动态

赞了这篇文章

FE @美团点评

·

6年前

lerna+yarn workspace+monorepo项目的最佳实践

对于维护过多个package(功能相近)的同学来说，都会遇到一个选择题，这些package是放在一个仓库里维护还是放在多个仓库里单独维护。Multirepo 是比较传统的做...

335

22

赞了这篇文章

前端开发工程师

·

4年前

前端工程化篇---- monorepo、lerna

1. monorepo、lerna是什么？ Monorepo 是管理项目代码的一个方式，指在一个项目仓库 (repo) 中管理多个模块/包 (package)，不同于常见的...

28

赞了这篇文章

神光的编程秘籍

·

4年前

JavaScript 的静态作用域链与“动态”闭包链

闭包是什么时候创建的，打包什么内容，存储在哪，和作用域链是啥关系，eval为什么性能不好。本文带你彻底理解闭包的本质。...

1.0k

174

赞了这篇文章

@滴滴出行

·

4年前

你不知道的webpack静态文件生成过程

webpack中静态文件生成的原理，细节还是非常多的，通过本文对详细过程分析以及一些demo实践，逐步揭开静态文件生成的面纱，希望可以帮助到你...

111

4

赞了这篇文章

前端厨子 @非著名👨‍🍳厨师专业学校

·

6年前

这应该是你见过的最全前端下载总结

自己整理的一些项目中遇到过的关于上传和下载的一些Demo，大前端系列（也就是纯前端 + node端完成的下载，只要获取到数据下载工作全是前端来做），仅供给位看官参考，避免踩...

1.3k

151

赞了这篇文章

公众号 | 天天Up @腾讯

·

4年前

「前端性能」避免回流和重绘的必要性

前言本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 ...

469

25

赞了这篇文章

公众号「前端印象」 @字节跳动

·

4年前

一文带你了解如何排查内存泄漏导致的页面卡顿现象

那什么是内存泄漏呢？借助别的大佬给出的定义，内存泄漏就是指由于疏忽或者程序的某些错误造成未能释放已经不再使用的内存的情况。简单来讲就是假设某个变量占用100M的内存，而你...

282

24

赞了这篇文章

全沾工程师 @快手

·

7年前

微任务、宏任务与Event-Loop

首先，JavaScript是一个单线程的脚本语言。所以就是说在一行代码执行的过程中，必然不会存在同时执行的另一行代码，就像使用alert()以后进行疯狂console.l...

1.6k

121

赞了这篇文章

前端开发工程师 @广州（求坑：344879340@qq.com）

·

4年前

8个有点优秀的CSS实践

这是一种社交平台的常见需求，比如说在掘金平台中让用户选择感兴趣的标签，通常都是用JS来处理已经选择了的标签数量。今天给出一个css版本：然后自定义label样式，接着设置...

326

31

赞了这篇文章

Web全栈 @Mozilla -> 百度 -> TikTok

·

4年前

这就是我面了42场得到的方法论！

我在 7 周内一共面试了 42 场，最终拿了微软、蚂蚁、B站、字节、Conviva 的 5 个 Offer。上图是我的面试时间表 | WLB 型 | WLB = Work ...

1.0k

65

赞了这篇文章

高级摸鱼工程师 @阿里巴巴

·

4年前

带你领略Eslint代码检查的四种姿势

前言：记得我刚开始参与到公司项目的开发时，由于代码结构太乱被同事集体diss，而后被强烈要求打开eslint来开发，无奈之下陷入eslint的魔爪。但是当我打开eslint...

96

19

赞了这篇文章

前端开发工程师

·

4年前

浅谈对 React Fiber 的理解

本文作为自己深入学习 React Fiber (Reactv16.8.6)的理解，本篇仅介绍大致流程，Fiber 详细源码本文不作细节描述。首先要知道的是，JavaScr...

70

6

关注了

前端工程师

赞了这篇文章

前端 @EFT

·

4年前

从设计模式理解 Vue 响应式（多图警告）

官方解释： Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新，简单说就是数据发生改变...

113

17

赞了这篇文章

首席程序员 @上海码码科技中心

·

4年前

开源推荐|使用GPU.js改善JavaScript性能（译）

有很多方法可以解决这个问题，例如使用web worker或后台线程。GPU减轻了CPU的处理负荷，给了CPU更多的空间来处理其他进程。同时，web worker仍然运行在C...

58

7

赞了这篇文章

4年前

实现一个移除 console.log 的 webpack 插件

本文目的，实现一个可以移除项目中 console.log 的 webpack 插件。借此，我们可以学习一下webpack 插件怎么写。本来以为比较简单，但还是花了我一个上...

80

21

赞了这篇文章

前端工程师 @上海阅文信息技术有限公司

·

5年前

不可思议，纯 css 都能图片滚动

传统的swiper太重了，里面封装了很多我们不需要的功能，而一个简单的滚动功能没必要那么重的文件。于是就想着自己如何实现，如何才能用最少的代码最优雅的实现呢？是否可以推翻传...

437

53

赞了这篇文章

FE

·

7年前

js new 运算符到底做了什么？

这里，我们探究的是new运算符实际上做了什么？当这段代码运行的时候，内部实际上执行的是：最后当然是返回了。返回的时候会进行一个判断，如果构造器函数（这里即A）设置了返回值，...

13

4

前端工程师

·

5年前

webpack 打包 less 时启用 localIdentName 导致 keyframes 动画失效
加 :local 即可解决问题

.fadeIn :local {
animation: fadeIn 2.5s ease-out;
animation-iteration-count: infinite;
}
@keyframes fadeIn {
from {
opacity: 0.1;
}
to {
opacity: 1;
}
}

展开