冰结

长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了，本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说，看下图，也许你可以发现什么？ 说明了要素，也许你可以尝试着开始思考，看你是否能猜到具体的实现方案。 一直以来，检测元素的可视状态或者两个元素的相对可视状态都不是件容易事…

汇总下我在项目中高频使用的git命令及姿势。 不是入门文档，官方文档肯定比我全面，这里是结合实际业务场景输出。 用来切换到对应记录的,可以基于分支,提交,标签。 切提交和标签一般用来热修复或者老版本需要加新特性。 变基在项目中算是很频繁的，为什么这么说。 比如你开发一个新的 f…

在创建UI时，添加合理的UI过渡动效，避免跳转和瞬间移动。如果将生活中的一些自然运动用到UI动效中来，将会给你的用户带来眼前一亮的感觉。毕竟，所有与你互动的东西都源自于生活中自然的运动。 接下来，我们将一起探讨你可能熟悉的某一类有意义的增强用户体验的UI动效。这种技术有一个专业…

这篇文章主要讲的是分析 react-router 源码，版本是 v5.x，以及 SPA 路由实现的原理。 单页面应用都用到了路由 router，目前来看实现路由有两种方法 hash 路由和 H5 History API 实现。 而 react-router 路由，则是用到了 h…

使用 react-router 也有一段时间了，现在基于官方文档以及源码做一下总结。 文章略长 ^_^ 如果有不正确的地方，请务必指正。 Router 是一个公共的接口组件，有一个必须的参数 history。通过 history 库中的不同的 createXXXHistory …

上篇文章介绍了前端路由的两种实现原理，今天我想从react-router源码分析下他们是如何管理前端路由的。因为之前一直都是使用V4的版本，所以接下来分析的也是基于react-router v4.4.0版本的（以下简称 V4），欢迎大家提出评论交流。Let's get star…

本章关于浏览器原理部分的内容主要来源于浏览器工作原理，这是一篇很长的文章，可以算上一本小书了，有精力的非常建议阅读。 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。 浏览器引擎 - 在用户界面和呈现…

所有的模块都是 Module 的实例。可以看到，当前模块（module.js）也是 Module 的一个实例。 在进程启动时，Node便会创建一个类似于while(true)的循环，每执行一次循环体的过程我们成为Tick。 每个Tick的过程就是查看是否有事件待处理。如果有就取…

随着互联网的发展，各种Web应用变得越来越复杂，满足了用户的各种需求的同时，各种网络安全问题也接踵而至。作为前端工程师的我们也逃不开这个问题，今天一起看一看Web前端有哪些安全问题以及我们如何去检测和防范这些问题。非前端的攻击本文不会讨论(如SQL注入，DDOS攻击等)，毕竟后…