烧电焊的小黄鸭

之前说过，可以使用 props 将数据从父组件传递给子组件。其实还有其它种的通信方式，下面我们一一娓娓道来。 通过自定义事件，我们可以把数据从子组件传输回父组件。子组件通过 $emit() 来触发事件，而父组件通过 $on() 来监听事件，这是典型的观察者模式。 示例中有两个按…

token 是一串字符串，通常因为作为鉴权凭据，最常用的使用场景是 API 鉴权。 1. API 鉴权 和平常 web 登陆一样的鉴权方式，很常见，不再赘述。 将账号和密码拼接然后 base64 编码加到 header 头中。很显然，因为账号和密码几乎是『明文』传输的，而且每次…

前言 在《JavaScript专题之跟着underscore学防抖》中，我们了解了为什么要限制事件的频繁触发，以及如何做限制： debounce 防抖 throttle 节流 今天重点讲讲节流的实现。

整个系统比较复杂，包含图片文字上传组件，emoji表情组件，一级评论，二级回复，以及二级回复要能展示图片，点赞组件，图片展示组件等。其实主要是后台比较复杂，如何有效地设计数据库表结构以及各种增删评论。本文主要介绍下图片展示模块的构思和代码编写逻辑，如下图，下图是新鲜事中的图片展…

随着前端承担的职责越来越重，前端应用向着复杂化、规模化的方向发展。大型项目模块化是一种趋势，不可避免模块之间要相互依赖，此外还有很多第三方包。这样的话如何去管理这些繁杂的文件，是一个不可避免的话题。此时作为一种已经被实践证明过的思想模式一直得到大家的青睐，这就是控制反转(IOC…

评论区大家提出了很多留存的问题，比如说不能兼容IE11，不能下载txt和video文件等问题。txt和video的下载问题我还没有证实。不过这些意见都十分可贵。 另外还有人给出了一系列的解决方案，比如利用jszip实现文件批量打包下载；使用fileSaver.js + Blob…

动效让 UI 更有表现力和易于使用。即使动效有很多的潜能，但它可能是设计原则中最少被理解的。这可能是因为它是设计家族中最新的成员。视觉和交互设计可以追溯到早期的 GUI，但动效设计需要等待现代化的硬件来流畅的渲染动画才可以。UI 动效和传统动画的重叠也会让人模糊不清。在 Dis…

在上文介绍过控制反转之后，本来打算写篇文章介绍下控制反转的常见模式-依赖注入。在翻看资料的时候，发现了一篇好文Dependency injection in JavaScript，就不自己折腾了，结合自己理解翻译一下，好文共赏。 我喜欢引用这样一句话‘编程是对复杂性的管理’。可…