背景在上篇文章： 记一次 「 无限列表 」滚动优化 中， 我介绍了「 如何优化一个无限滚动列表 」。用到了懒加载方案， 一个关键点是：需要判断元素是否在当前视区。我们今天就看看这个问题。今天的主要内容包括：使用元素位置判断元素是否在当前视区使用 Intersection Observer 判断元素是否在当前视区实例：懒加载实例...

背景周末在网上冲浪， 看到个消息：NextJS 9.3 将静态站点生成功能引入了NextJS平台。静态站点生成, 也就是所谓的 SSG : Static Site Generation。喝了口水，顺便回忆了下现在的几种渲染模式：SSR (Server Side Rendering)SSG (Static Site Generation)SSR With hydrationCSR with Pre-renderingCSR (Client Side Render...

背景本人一直对 CSS 很感兴趣，刚好我们团队有一位擅长CSS的大佬：COCO。于是我找到他， 建议做一期关于CSS的分享， 于是就有了《CSS创意构想》。分享的内容很棒，里面有很多技巧， 有的很实用， 有的很华丽。 听完之后， 我觉得十分受用， 就想结合自己的一些理解，再次整理一番， 加深印象， 二次吸收， 所以就有了今...

背景 早上看到几个React 工具包， 看完之后觉得很不错，刚好我后面的一些开发任务也需要用到， 推荐给大家看看。 正文 三个工具 分别是： react-onclickoutside react-lazy-load-image-component react-toastify 1. react-onclickoutside 包如其名， 就是处理点击到元素外部的时候,需要处理的一些事件。 常见于点击容器...

背景最近看了 Chrome Dev Summit 2019 大会视频, 了解到了很多之前不知道的 CSS 新特性，挺有意思的。下面我就介绍几个激动人心的特性。正文特性总览：StickyStickey StackSticy SlideSticky DesperadoFocus-withinprefers-reduced-motionScroll SnapScroll Snap HorizontalScroll Snap VerticalScroll Snap MatrixBackd...

背景 React Hooks 已经推出快一年了，改变了我们的开发方式，也收到了越来越多的开发者的喜爱。 我们平时在开发过程中， 肯定也会自己写一些自定义的Hook， 下面我就分享4个比较实用的， 希望对你有所启发。 正文 1. useTimer 一般处理时间懂， 我们都会习惯性的用moment： {代码...} 但是这个库体积还是比较大的： 一般...

前言Hooks 是 React 中比较火的一个概念， 用过的小伙伴都说好。但是, 在使用 Hooks 的时候，我们可能会有很多疑惑:为什么 useEffect 第二个参数是空数组，就相当于 ComponentDidMount ，只会执行一次？为什么只能在函数的最外层调用 Hook，不能在循环、条件判断或者子函数中调用？自定义的 Hook 是如何影响使用它的函数...

今天写需求的时候发现一个小的优化点：用户选择了一些数据之后, 对应列表中的数据需要高亮， 有时候列表很长， 为了提升用户体验，需要加个滚动， 自动滚动到目标位置。

背景 本文是 「2019年，看了这一份， 再也不怕前端面试了」中的一部分： 参考了之前写过的博客和额外的资料， 分享给大家， 希望能给大家带来一些启发和帮助。 如需转载，请联系作者获得许可。 正文 上下文 是Javascript 中的一个比较重要的概念， 可能很多朋友对这个概念并不是很熟悉， 那换成「作用域」 和 「闭包」呢...

背景 之前出去面试的时候， 经常会被问到一些安全方面的问题。 安全涉及的领域很大， 我也仅仅是了解一些皮毛， 每次面试前都要找资料复习， 很麻烦。 所以我就根据之前搜集的一些资料和面试的经验，系统的梳理了一下，希望对大家有所帮助。 正文 首先简单介绍几种常见的攻击方式： SQL注入 XSS CSRF 点击劫持 中间人攻...

背景 ​2018年写过一次前端面试复盘的文章， 反响很不错。 2019年情况又有所不同， 我就结合去年的一些经验和今年观察到的一些情况再总结一篇， 有需要面试的朋友可以参考下。 先说下我去年面试的一些情况吧. 18年七八月份的时候我出来面试，面试了几家，大概有: 腾讯， 阿里， 有赞， 玖富证券，Shopee， 还有两个不记得...

背景 如今的前端，框架横行，不掌握点框架的知识，出去面试都感觉有点虚。 我用React 比较多，以前面试的时候也会被问到相关的问题。 今天我这里就梳理了一篇 React基础原理的内容。 面试基本上也就问这些， 分享给大家， 希望对大家有所帮助。 React是一个专注于构建用户界面的 Javascript Library. React做了什么？ Vi...

上周末在家没啥事， 想写点东西，一时不知道写什么好。 然后就想起来一个去了Airbnb 的同学， 说Airbnb 的面试风格是以实操为主，她面了8轮， 轮轮都是写代码（2018年）， 令人十分害怕。

前言 前段时间， 参加了腾讯的 TLC 大会，见到了很多大牛， 也认识了很多有趣的朋友。 闲聊的时候就聊到了级别的问题， 我也有一些想法， 结合之前看到的一篇文章，在这里总结一下， 顺便分享给大家。 正文 关于级别 我们知道程序员分 初级，中级， 高级， 这个概念， 并不是以工作年限作为分类依据的。 也就是说， 级别...

马上又要到跳槽旺季了，身边的一些朋友或多或少都在看更好的机会。 我也收到不少简历， 经我手的简历也都好几百份了， 有的写的很好， 有的写的没眼看， 差别很大。

上午楼主遇到一个需要处理双击事件的需求，在这里介绍下如何在触发doubleCLick时间的时候, 不触发click事件的解决办法， 顺便分享给大家。

上午review 代码的时候， 发现一些问题， 关于逻辑复用的一些小技巧。 然后就花点时间整理了下， 做了个例子， 聊一下 render props.