随笔分类 - 读书笔记
摘要：Vue 1. 同构渲染 同构渲染 客户端渲染(render.render)：Vue.js可以用于构建客户端应用程序，组件的代码在浏览器中运行，并输出DOM元素； 服务端渲染：同时，Vue.js还可以在Node.js环境中运行，它可以将同样的组件渲染为字符串并发送给浏览器； 同构渲染(render.h
阅读全文
摘要：Vue 1. 编译器核心技术概览 2. 解析器 3. 编译优化 编译器核心技术概览 模板DSL的编译器 编译器，一段程序，将语言A翻译成语言B；其中语言A叫源代码，语言B叫目标代码； 编译器将源代码翻译为目标代码的过程叫编译； 完整的编译过程包括：词法分析、语法分析、语义分析、中间代码生成、优化、目
阅读全文
摘要：Vue组件化 1. 组件化 组件化 渲染器主要负责将虚拟DOM渲染为真实DOM；只需要使用虚拟DOM来描述最终呈现的内容即可。当编写比较复杂的页面时，用来描述页面结构的虚拟DOM的代码量会变得越来越多，或者说页面模板会变得越来越大，这时就需要组件化的能力。 有了组件，则可以将一个大的页面拆分为多个部
阅读全文
摘要：Vue渲染器 1. 渲染器 2. 挂载与更新 3. 简单diff 4. 双端diff 5. 快速diff 渲染器 渲染器与响应式系统关系：利用响应系统的能力，自动调用渲染器完成页面的渲染和更新。 渲染器：用来执行渲染任务的，把虚拟DOM渲染为特定平台上的真实元素；浏览器平台上，把虚拟DOM渲染为真实
阅读全文
摘要：### Vue 1. 响应式系统的作用与实现 2. 非原始值的响应式方案 3. 原始值的响应式方案 1. 响应式系统的作用与实现 响应式数据与副作用函数 副作用函数 “副作用函数”通常指的是除了返回值之外，还会对函数外部的状态产生影响的函数。如，一个函数修改了全局变量、修改了传入的引用类型参数（而不
阅读全文
摘要：Vue 1. 权衡的艺术 2. 框架设计的核心要素 3. vue.js3设计思路 1. 权衡的艺术 框架设计：在保持可维护性的同时让性能损失最小化； 命令式 VS 声明式 从范式上来看，视图层框架分为命令式和声明式。 命令式框架：关注过程，性能优； 声明式框架：关注结果，可维护性好 框架设计需要考虑
阅读全文
摘要：十 JS正则表达式 1 创建方式： 方式： [1] 字面量（var 变量名=/表达式/模式修饰符）、 [2] 构造函数（var 变量名=new RegExp(“表达式”,”模式修饰符”)） 说明： （1）表达式 单个字符与数字： . （表示匹配除换行符之外的任意字符）、 [a-z0-9] （表示匹配
阅读全文
摘要：七 DOM对象 DOM对象：针对HTML和XML文档的一个API，DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。 1 节点层次: DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点存在不同的类型，每种类型分别表示文档中不用的信息及标记。每个节点都拥
阅读全文
摘要：五 函数基础 1 定义方法： （1）静态方法： （2）动态匿名方法：var 函数名=new Function（[“虚参列表”],”函数体”）； （3）直接量方法：函数名=function（[虚参列表]）{函数体；} Ps：使用函数表达式定义函数时，可以不用定义函数名，通过变量名可以直接引用函数。同时
阅读全文
摘要：一 JS变量 1--命名： 由英文字母、数字。下划线组成，首字母为字母或下划线或美元符号$。避免使用关键字和保留字。 变量名区分大小写。 变量名两种写法： [1]驼峰命名法：首字母小写，剩下每个单词的首字母大写；单词与单词间用下划线分隔；每个单词的首字母都大写 [2]匈牙利命名法：变量名=类型+对象
阅读全文
摘要：本书主要从两个部分来进行阐述：作用域与闭包、this与对象原型。 一 作用域与闭包 1— 作用域 对JavaScript而言，大部分情况下编译发生在代码执行前的几微妙的时间内。在我们所讨论的作用域背后，JavaScript引擎为保证性能最佳做出了努力，如JIT，可以延迟编译或重编译。 引擎=>从头到
阅读全文
摘要：章一 认识jQuery 知识点1：JavaScript缺点: 复杂的DOM操作、不一致的浏览器实现、调试工具的缺乏 知识点2：jQuery优势 简洁的语法与跨平台的兼容性，简化了html文档的遍历、DOM操作、处理事件、执行动画、开发ajax操作 轻量级、强大的选择器、出色的DOM操作的封装、可靠的
阅读全文
摘要：JavaScript语言精粹 章一 精华 Web浏览器语言；极强表达能力的语言；既轻量级又富有表现力；函数式编程（一等公民）。。。。。。 章二 语法 空白：可能表现为被格式化的字符或注释的形式，可以用来分隔字符序列；如var that=this;var和that之间的空白是必须的。 注释：//（推荐
阅读全文
摘要：JavaScript修炼之道 章一 .JavaScript必备操作 1.动态选择方法和属性： JavaScript允许使用方括号进行选择属性和方法 JavaScript两种等价成员访问语法： obj[expressResultingInMembername]==obj.memberName 但是，J
阅读全文
