Set

本文仅覆盖 Vue.js v2 中 watcher 更新以及 nextTick 部分。本文的目标是阐述在最新版本 Vue.js v2.6.11 中所有的 watcher 实例在触发 update 函数后，是如何借助 nextTick 特性实现： 当次事件循环中的多次修改仅有最后…

在遵循直觉的前提下，说起 "响应式" 这三个字，你会想起什么？笔者首先的下意识反应是 观察者模式 和 发布订阅模式。正如常人直觉，当我们设计一个响应式系统时，不外乎是在设计： 类型 1. 从观察到触发观察的逻辑。 类型 2. 从订阅到经过 event bus 或 message…

首先所有平台，不论是浏览器还是 nodejs 的 JS 事件循环都不是由 ECMA 262 规范定义。事件循环并不是 ECMA 262 规范的一部分。浏览器端的事件循环由 Web API 中定义，并由 W3C 和 HTML living standard 来维护。而 nodej…

众所周知，JavaScript 是一种 单线程 编程语言。单线程注定了在当前执行上下文栈中的代码还没有执行完成时，后续所有 task/micro-task queue 中的 task/micro-task 代码都不会执行。 在 JavaScript 设计之初，它的设计定位是一种…

本文主要以 传输链路安全，浏览器客户端信息安全 的路径来阐述一种前端持久化状态管理解决方案。旨在说明一种安全的且包含存储生命周期的本地持久化状态管理机制，在这种机制下，安全防泄漏，持久化，生命周期是关注的重点。 众所周知，现阶段广泛使用的安全的信息传输链路最佳实践是基于 TLS…

最近笔者在工作中接触了一些基于 Qt 桌面端混合应用的开发。本文将结合自身在开发中的一些经历，将从前端的角度探讨 QWebChannel 在 client 端实例化的本质，以及如何将 QWebChannel 集成到 Vue.js 等类似前端框架中。 你首先需要能够充分理解 JS…

在之前的一篇博文中主要阐述了前端权限控制的一种实现 —— 前端权限控制的基本实现。其中介绍了通过权限过滤实现动态地私有路由添加，那么在当前用户登出时，应该是要重置当前应用的用户数据的。那么全局的 vuex 状态可通过官方替换 store 的方法 replaceState 来实现…

在之前的一篇博文中主要阐述了前端权限控制的一种实现 —— 前端权限控制的基本实现。其中介绍了通过权限过滤实现动态地私有路由添加，那么在当前用户登出时，应该是要重置当前应用的用户数据的。那么全局的 vuex 状态可通过官方替换 store 的方法 replaceState 来实现…

This post draws on my personal experiences and challenges over the past term at school, which I entered with hardly any knowledge of DSA (d…