JonathanLiu

如果你玩了几小时的 React Hooks，你可能会陷入一个烦人的问题：在用 setInterval 时总会偏离自己想要的效果。 老实说，我觉得这些人是有一套的，至少为此困惑了。 然而我发现这不是 Hooks 的问题，而是 React编程模型 和 setInterval 不匹配…

单选、多选的区分，以及对应处理。 1. 实例 2. 原理 下拉框：包含已选中的高亮项，禁用项，默认选择选项等，具备点击选中，再次点击取消的操作。 利用 tabIndex 属性使得最外层的 div 能够触发 blur 事件，如果失焦就收起下拉框。 组件实现数据双向绑定，当 v-m…

为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~目录表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符（实在不知道叫啥名字）表单

接下来将一步步带领大家实现一个基本的modal弹窗组件，封装一个简单的动画组件，其中涉及到的一些知识点也会在代码中予以注释讲解。 一. modal组件的实现； 1. 环境搭建 2. modal样式完善 3. modal功能开发 3.1. 添加visible字段控制显隐 3.2.…

一. 功能分析 二. 具体实现 1. 堆叠效果 2. 图片滑动 3. 条件成功后的滑出，条件失败后的回弹 4. 滑出后下一张图片堆叠到顶部 重新堆叠是组件最后一个功能，同时也是最重要和复杂的功能。在我们的代码里，stack-item的排序依赖绑定:style的transform…

对于Webpack有一句话Everything is a plugin，Webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable。Tapable有点类似nodejs的events库，核心原理也是依赖与发布订阅模式。webp…

最近阅读了《Redis开发与运维》，非常不错。这里对书中的知识整理一下，方便自己回顾一下Redis的整个体系，来对相关知识点查漏补缺。 开发技巧：主要是一些开发实战的总结，包括缓存设计与常见坑点。 先来开启第一部分的内容，对Redis来一次重新打量。 在面试的时候，常被问比较下…

本文约6000余字，阅读需要10分钟左右。 有人说，前端工程师的网络基础很弱，说很多都是非计算机的，门槛低，其实不能一概而论。但是既然人家吐槽了，那我们就提高自己呗。 前端工程师对这句话应该有比较深刻的感受吧，这也可能是前端变化真的太 TM 的快了。但变化的这么快，总是要沉淀下…

当前的项目多数以组件化开发,状态管理库使得组件间状态管理变得非常方便。 1. 订阅发布模块 这个模块实际上是观察者模式,是一种一对多的依赖关系,当对象的某种状态发生改变,所有依赖它的对象都将得到通知,触发已经注册的事件. 2. 核心LibStore类 核心LibStore类需要…