不慌tpf

众所周知，vue 的 mixins 是个非常灵活，但又很容易带来混乱的 API。本文介绍一种原创的优雅使用mixin的方式，快来一起探讨吧。...

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！...

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。...

作为前端开发，我们有必要关注我们各个客户端的性能指标，比如白屏时间，最早可交互时间等。 通过性能指标的监控，就能知道我们当前页面性能如何，与竞品相比有哪些差距。本文会介绍常...

一、开发痛点 二、Whistle 简介 三、whistle 的安装以及启动 安装 node.js: 如果没有，自行安装 全局安装 whistle: npm install ...

Vue.js+Socket.io+Koa2打造一个智能聊天室 Vue.js全家桶+Socket.io+Express/Koa2 打造的一个智能聊天室。已经开源啦！为了方便大...

添加用户登录、注册的功能， 添加查询聊天室成员的功能。在本章中， 通过token来进行用户识别， 通过mysql来保存用户信息， 将会用到egg的对应插件。 封装的IO， ...

严格的结构化。它自身（在 payload 中）就包含了所有与用户相关的验证消息，如用户可访问路由、访问有效期等信息，服务器无需再去连接数据库验证信息的有效性，并且 payl...

不久前，我在在前后端分离实践中提到了基于 Token 的认证，现在我们稍稍深入一些。 通常情况下，我们在讨论某个技术的时候，都是从问题开始。那么第一个问题： Token 是...

前言 最近在更新react组件库源码的文章，其实vue和其他框架都一样，就是我发现自己在一年前直接看这些源码（不调试），还是有点吃力的，然后就放弃了。 可最近不知道为啥，看...

开发背景     入职这家公司之前，我是没有做过可视化项目的，最近可视化项目做的有点多，每一个可视化项目都不可避免地有一个地图，最初接手的可视化是Vue2 + 高德地图Ap...

Vue scoped 原理？⭐佛系回答 ⭐⭐普通回答 ⭐⭐⭐专业回答 ⭐⭐⭐⭐大师回答，这波你在第几层？...

在之前的 Vue2与Vue3响应式原理与依赖收集详解 一文中，我们讲述了 Vue 2 与 Vue 3 在实现数据响应式处理的设计思路与他们的不同之处，也分析了 Vu...

结合前面两篇文章中的内容，我们分析了 Vue 3 响应式系统的 基础实现部分，包括 操作拦截 与 依赖收集，并且也分析了依赖收集过程中 Effect 副作用嵌套和循...

继 Angular 和 React 之后，尤大在 2016 年发布了如今“前端三剑客”之一的 Vue 2.0，并凭借其简单易用、轻量高效的特点受到了广泛的欢迎，特别...

我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hel...

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元...

Vue3 发布（2020年09月18日）至今其实有一段时间了，虽然之前关注过许多关于 Vue3 的介绍，心理也一直很痒痒，寻思有一天一定要亲自试试，没想到一拖就拖了 1 年...