端庄古语

| 导语 Composition API是Vue3的最大特点，也可以很明显看出他是受到React Hooks的启发。本文主要来讲讲Vue为什么要使用一个新的概念来组织代码。 首先来看看这个新的东西的出现，是为了解决Vue 2的什么问题。 目前看着还行，直到经过一个又一个迭代，例…

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

很多CDN服务商会有一个创建图片缩略图的规则。可以通过CDN设置并自动使用WebP图片。无奈我的目前没有，想要使用只好自己来配置。WebP图片如果你还不知道什么是WebP图片。可以查看一下下面的示例。

传统的HTTP请求是由客户端发送一个request，服务端返回对应response，所以当服务端想主动给客户端发送消息时就遇到了问题。常见的业务场景如新消息提醒。 最简单的方法是轮询，即客户端不断的发送请求来获取最新的消息。优点是实现简单。缺点是请求中有大半是无用，浪费带宽和服…

双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. 可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面…

push会改变原始数据，并且没有铺平数组的功能，你传什么进去，就是什么。会导致数组的维度发生变化，增加了数组的维度 回调的四个参数分别为，上一次 return的结果，当前项，当前索引，数组，还有初始值。

什么是代理呢，可以理解为在对象之前设置一个“拦截”，当该对象被访问的时候，都必须经过这层拦截。意味着你可以在这层拦截中进行各种操作。比如你可以在这层拦截中对原对象进行处理，返回你想返回的数据结构。 ES6 原生提供 Proxy 构造函数，MDN上的解释为：Proxy 对象用于定…

MDN文档上对这个方法的解析是：toLocaleString(locale, options) 方法返回这个数字在特定语言环境下的表示字符串。

手上负责的vue项目最近出现一个这样的问题，用户用着用着就出现：”喔唷，崩溃啦！“的提示。 vue-cropper.js，组件实例不会主动销毁，需要主动调用destroy方法销毁。 createjs/easeljs，maker.stage._eventListeners = n…