Jimmycc

大家好，我是林三心，这段时间很多兄弟姐妹都来问我问题，我也看过很多他们的代码。给我的感觉就是，代码的使用还停留在了ES5的那个阶段，很多用新语法就能轻松实现的，却都不怎么了...

本文我们将会介绍 JS 实现异步的原理，并且了解了在浏览器和 Node 中 Event Loop 其实是不相同的。 官方的说法是：进程是 CPU资源分配的最小单位；线程是 ...

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差...

H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？...

前言：设计模式其实是一个很空洞的东西，设计模式有几十种，有些人觉得工厂模式也单例模式已经足够解决大部分问题。而有些人觉得任何设计模式都会让开发变得更 “复杂”，更 “低效”...

本文主要总结21年前端所考察的手写题(共40+道)，题目来源于牛客网前端面经区，统计时间自 3 月初至 10 月底，面经来源于阿里、腾讯、百度、字节、美团、京东、快手、拼多...

BFC（Block Formatting Contexts），块级格式化上下文，是 CSS 中一个比较晦涩难懂的概念，下面我们尝试以通俗易懂的语言彻底地理解它。CSS 盒模...

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给G...

前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中...

给大家准备了高清的思维导图和食用更加方便的PDF文档。全部聚合思维导图一张，分类思维导图17张，涉及前端开发的方方面面面，JS基础，工程化，性能优化，安全，框架等。如果您是...

若需要用于商业用途，请经本人同意。 尊重每一位认真写文章的前端大佬，文末给出了本人思路的参考文章。 能够访问到这篇文章的同学，初衷是想知道如何编写JavaScript的模板...

本文来自尚妆前端团队南洋 发表于尚妆 github 博客，欢迎订阅。 移动端 H5 页面 rem 缩放方案 flexible.js 兼容 375px 方案的思路 参考： 移...

大概是去年的7月想写这个内容去加深自己的理解。现在终于回来补上这篇入门小结了。 问题:手机设备的尺寸不同，让页面在不同的手机设备上显示的效果看起来大致相同或者展示效果比较合...

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 前言 大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础...

cookie的基础概念、安全设置（SameSite、作用域）。Storage的基础操作，IndexDB，以及一些常见的面试题...

聊聊你觉得比较有意义的项目、如何实现diff工具、获取dom的位置、移动端宽度适配，有哪些单位、编码题、Event Loop...

网易灵犀部门前端面试，灵犀部门从网上查到的资料业务主要是协同办公，typescript运用、http和https运用，webpack方面的知识，手写是否时有效括号组合...

1. 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 2. box-sizing属性？ border-box：IE 传统盒子模型。设置元素的 heig...

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的...