在我的开源项目中有一个组件是用来发送消息和展示消息的，这个组件的逻辑很复杂也是我整个项目的灵魂所在，单文件代码有1100多行。我每次用webstorm编辑这个文件时，电脑cpu温度都会飙升并伴随着卡顿。 就在前几天我终于忍不住了，意识到了Vue2的optionsAPI的缺陷，决…

其实，很多人对于vue只停留在基础使用。想要提升自己，就应该想办法将其运用到更高的层次。 当我们在项目需要重复多次使用该组件，会导致出现很多重复的引入和注册代码，既繁琐又不雅观。因此我们可以通过一个全局的Js文件来管理，将需要多次使用的组件进行全局注册

Composition API 的设计理念就是把接口的可重复部分及其功能提取到可复用的代码段中，增加代码的可复用性、逻辑性，有点借鉴 react hooks 的意思。哪些逻辑需要封装起来进行复用就是造轮子的关键，所以还得从存量问题中寻找公共逻辑复用的方案。 这是一个经典的vue…

前一段时间换了一家公司，刚来给了一个项目，h5移动端页面，涉及登陆注册、微信绑定、购买等。微信支付之前没做过，不过比较简单，在这里记录一下。 第一步，先拿到code，拿到code传给后台。 这段代码填上就可以用，当用户确认授权以后返回定义的url后，url后就有code参数，然…

开发electron客户端程序，打包是绕不开的问题。下面就我在工作中的经验以及目前对electron-builder的了解来分享一些心得。 demo地址会在文章末尾给出（demo项目中electron使用得是V2.0.7版本,目前更高得是2.0.8版本）。 在配置文件中加入以上…

虽然http1.1默认开启了keep-alive长连接保持了这个TCP通道使得在一个HTTP连接中，可以发送多个Request，接收多个Response，但是一个request只能有一个response。而且这个response也是被动的，不能主动发起。 websocket虽然…

交错列表稍微复杂点，不过我们可以分解为两个动画。 每个复杂的动画其实都是很多简单小动画的拼接，所以下次设计师拿来充满想象力的动画设计稿，先别急着掏菜刀，仔细分析下动画的组成部分，可能也没有那么难。 想在动画上根据不同的dom设置不同的动画延迟是十分困难的，但是我们可以很方便的给…

近期工作感觉很忙，都没有多少时间去写文章，今天这篇文章主要是将自己前期学习Vue3.0时候整理的一些笔记内容进行了汇总，通过对本文的阅读，你将可以自己完成Vue3.0环境搭建，同时还会对Vue3.0的一些新的特性进行了解，方便自己进行Vue3.0的学习。 在前面的文章中，我们通…

我在掘金上发布的第一篇文章就是关于此项目的介绍，没想到已经过去俩年了，回头看看这俩年的成长...... 打死自己的心都有了！！！🙃 使用 vue-cli 工具可以方便的创建一个vue项目，其中选择技术栈时，勾选上TypeScript就好。 移除 filters 过滤器特性，官…