Vue 值得注意的小知识点
-
this.$el.querySelector(‘#map’) 只能查找第一个 dom 以内的 dom 节点，不包括当前的 dom。
-
在 webpack:// 这个域下可以看到可调式的 vue 文件。
All articles on this blog are licensed under CC BY-NC-SA 4.0 unless otherwise stated.
Related Articles
2026-02-06
跨语言超时机制全解析
从"等不起"到"不想等"：跨语言超时机制全解析 “A distributed system is one in which the failure of a computer you didn’t even know existed can render your own computer unusable.” —— Leslie Lamport 在分布式系统中，超时是应用与混沌之间最后一道防线。没有超时的 RPC 调用，如同没有刹车的汽车——迟早会撞上墙。 许多 Java 开发者对超时的认知停留在 Future.get(timeout, unit) 这一层，其底层依赖 LockSupport.parkNanos 和自旋等待。然而，翻阅 HSF/Dubbo 的源码会发现，这些 RPC 框架选择的是 HashedWheelTimer（时间轮）。 这就引出了一个值得深究的问题：为什么不直接用 Future.get 的超时版本？时间轮到底解决了什么问题？ 事实上，仅 Java 一门语言就存在三种截然不同的超时实现范式。再放眼 Go、JavaS...
2017-11-14
KOA 初探
KOA 是 express 的进化版。都是被作者玩腻了扔掉的东西。 它简化了各个中间件层面的工作，提供了高级的“糖”，把各个中间件转化为了函数。 123456789101112131415161718192021222324252627282930313233const Koa = require('koa');const app = new Koa();// x-response-timeapp.use(async (ctx, next) => { const start = Date.now(); // 到这里就停住了运行，让下一个中间件函数运行。 await next(); // 从下一个中间件函数那里返回 const ms = Date.now() - start; ctx.set('X-Response-Time', `${ms}ms`);});// loggerapp.use(async (ctx, next) => { ...
2018-02-03
Echart 词汇表
emphasis n 强调 roam 漫游 scatterplot 散点图 effectscatter 特效散点
2026-07-19
导读：React 不是模板引擎，是一个渲染调度系统
本文只抓一个问题：React 到底在解决什么问题？答案不是"简化 DOM 操作"，而是把 UI 更新从命令式的逐步操作变成声明式的状态映射。理解这个范式转移，是后续所有文章的前提。 同一个需求，两种写法 需求：页面上有一个计数器，点击按钮数字加一。 jQuery 写法： 12345678910// jQuery：告诉浏览器"怎么做"$(document).ready(function() { let count = 0; $('#counter').text(count); $('#increment').click(function() { count++; $('#counter').text(count); // 手动把新值写到 DOM });}); React 写法： 1234567891011// React：告诉框架"应该是什么样"function Counter() { co...
2017-12-12
JSX
简介 JSX 是点缀着 XML 元素的 JavaScript。它是由 React 这个库最初构思出来的，但又不是专门为了某个库或者框架设计的。它是一种 DSL。 JSX 是 html in JavaScript 的一种很好体现。这里的 XML，实际上还是 html 元素。粗略看下来，和当初 backbone 写 rendertemplate 的函数差不多。要引入 JSX 的语法，在很多场景下都要引入 Babel 这个 transpiler，也就是要搞到工具链满天飞。照抄官网的例子的话，可以看到： 12345678910111213141516171819<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="vendor-js/react.js"></script> <s...
