榜单
服务器优惠
AI论文
-
Vue2.x源码解析系列七：深入Compiler理解render函数的生成过程
render函数生成的步骤概览 AST的生成：词法和语法分析 生成目标代码 render函数生成的步骤概览 如果大家有上过编译原理课，其实会比较容易看懂 compiler 模块的代码。所谓编译 就是把一种语言转换成另一种语言的过程。在我们这里就是把字符串模板转换成 render 函数的过程。一般来说一个编译器会包括三个部分： 词法分析：把字... -
Vue2.x源码解析系列十一：插件系统
初始化 输入框如何更新 message message 被更新时，输入框如何一起更新 v-show 在前面的章节中我们其实多次提到了 directives 指令相关内容，不过都是分散在各个生命周期中的。因此大家对指令的整个工作原理还没有很明白，这一篇文章，让我们以内置指令 v-model 为例，来看看一个指令的完整生命周期内的工作原理 初始... -
Vue2.x源码解析系列九：vnode的生成与更新机制
创建 VNode 创建 VNode 上面我们讲了mount整体流程，那么下面我们来看看 render 函数到底是如何工作的？为了能比较容易理解，我们来写一个简单的例子： Vue . component ( 'current-time' , { data () { return { ... -
Features
Features NPM Dependency Resolving and Pre-Bundling Hot Module Replacement TypeScript Client Types Vue JSX CSS @import Inlining and Rebasing PostCSS CSS Modules CSS Pre-pr... -
Why Angular?
Why Angular 2? 数据说话⚡️ 谷歌趋势 教程数量 社区 性能 体积 Angular 2 的优点 Angular 2 很简单 TypeScript 熟悉 性能和移动端 项目架构与维护 新特性 Angular 1 & 2 之间的差异 Why Angular 2? 现在有许多前端JavaScript框架可供选择，... -
深入响应性原理
深入响应性原理 什么是响应性 Vue 如何追踪变化？ Proxy 对象 Proxy vs 原始标识 侦听器 深入响应性原理 现在是时候深入了！Vue 最独特的特性之一，是其非侵入性的响应性系统。数据模型是被代理的 JavaScript 对象。而当你修改它们时，视图会进行更新。这让状态管理非常简单直观，不过理解其工作原理同样重要，这样你可以避... -
x-input
XInput 安装 属性 事件 插槽 方法 相关 issue 贡献者 发布日志 XInput XInput demo 原始链接 demo 源码 编辑文档 组件源码 二维码 Install 安装 局部注册 全局注册 import { XInput } from 'vux'... -
Vue2.x源码解析系列六：模板渲染之render和watcher
模板会被编译成 render 函数 render 函数如何生成 组件挂载和更新 模板会被编译成 render 函数 我们知道 Vue 组件可以通过两种方式写模板，一种是通过 template 写字符串，另一种方式是直接写 render 函数。我们最常用的就是 template 字符串模板。而render 函数我们一般不会用到。官方的一个 ... -
功能
功能 NPM 依赖解析和预构建 模块热重载 TypeScript 客户端类型 Vue JSX CSS @import 内联和变基 PostCSS CSS Modules CSS 预处理器 静态资源处理 JSON Glob 导入 WebAssembly Web Worker 构建优化 CSS 代码分割 预加载指令生成 异步... -
功能
功能 NPM 依赖解析和预构建 模块热重载 TypeScript 客户端类型 Vue JSX CSS @import 内联和变基 PostCSS CSS Modules CSS 预处理器 静态资源处理 JSON Glob 导入 Web Assembly Web Worker 构建优化 CSS 代码分割 预加载指令生成 异...