照夜如烛

在项目中用 Redux 的时候，有时候就觉得会用，但是不明白为什么这样用。导致在 debug 的时候，无法快速的 debug 出原因。而且 Redux 的源码也不复杂，暴露出来的只有 5 个 API，可以作为很好的阅读源码的开端，所以在这里很开心可以和大家一起来探索 Redux…

大家都说前端写页面较多，几乎用不到算法。本文愿从弹幕设计这个场景来描述算法在前端中的应用，我们先来看下实现效果： 开场之前我们先来描述弹幕开发的难度，再集中精力描述算法设计的思路。 如果弹幕采用相同的字号，碰撞的问题处理起来比较简单，只要考虑相邻弹幕的播放速度和偏移的位置就可以…

我写这篇文章不打算介绍Promise产生的原因以及它解决的问题，我只是想写一篇关于实现自己Promise的文章。如果代码以及逻辑有什么不对的地方，请大家指出来。就这些，开始正题。 前提：我们要知道Promise是基于Promises/A+规范的。其中好多变量和方法名都是从这里来…

众所周知，React 通过声明式的渲染机制把复杂的 DOM 操作抽象成为简单的 state 与 props 操作，一时圈粉无数，一夜间将前端工程师从面条式的 DOM 操作中拯救出来。尽管我们一再强调在 React 开发中尽量避免 DOM 操作，但在一些场景中仍然无法避免。当然 …

# Form表单你真的了解么？ ** 我相信作为一个前端开发，对于form表单或多或少都有一些了解；其实在html开始的阶段我们网页主要就是用来展示信息和提交表单的。如果你真正的了解form（这里指的是包括input、select、rank等），你会觉得它就像一个潘多拉魔盒你根…

这三个事件都是在被拖动元素上触发的。当拖动开始时会先触发dragstart事件，然后在拖动的过程中会持续触发drag事件，当拖动停止时（无论被拖动元素是否放到了有效的放置目标）都会触发dragend事件，这三个事件类似鼠标的移动事件mousestart，mousemove，mo…

Promise 是异步编程的一种解决方案，比我们传统的回调函数、事件更加合理，最早由社区提出并实现，ES6觉得很ok，就写进了语言标准中，统一了语法，并且提供了原生的Promise对象。 所谓的Promise，其实就是一个容器，里面保存着未来才会结束的事件（通常是一个异步操作）…

今天我们将研究一下能显著提升页面性能的方法 —— 资源提示与指令。你也许听说过 preload，prefetch 和 preconnect，可是我们想研究的更深一点，搞清他们之间的区别并且充分的利用它们。它们带来的好处包括允许前端开发人员来优化资源的加载，减少往返路径并且在浏览…

接触小程序有一段时间后并且多多少少做了一些项目之后，又开始了vue的旅程，受其核心思想的影响，对数据/状态管理、组件化、跨平台等都有较高的追求，mpvue 是一个使用 Vue.js开发小程序的前端框架，由此开始了mpvue踩坑之旅，想在提高代码可读性的同时，也增加一点vue.j…