我的前端笔记

数据响应式是什么 用一段简单的代码理解 Vue 的数据响应式： 一句话概括，即： 当你修改 Vue 中的数据模型时，视图会==自动==进行更新。 原理 当你把一个普通的 JavaScript 对象传入

运行时 + 编译器 vs. 仅运行时 Vue完整版 Vue非完整版 cdn 引入名称 vue.js vue.runtime.js 区别 有 compiler，体积大很多，功能更完整 没有 compil

1. MVC 是什么 MVC 是一种软件设计模式。 M - Model（数据模型）负责操作所有数据 V - View（视图）负责所有 UI 界面 C - Controller（控制器）是连接视图和模型

什么是闭包？ MDN 是这样说的： 一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。 说人话就

概述 JS 的捕获和冒泡机制允许我们实现一种被称为事件委托的强大的事件处理模式。 基本想法是，如果我们有许多以类似方式处理的元素，那么就不必为每个元素分配一个处理程序 —— 而是将单个处理程序放在它们

概述 浏览器的事件模型，就是通过监听函数（listener）对事件做出反应。事件发生后，浏览器监听到了这个事件，就会执行对应的监听函数。如下例： 我们通过addEventListener()给div添

1. 选择网页元素 jQuery的基本设计思想和主要用法，就是**"选择某个网页元素，然后对其进行某种操作"**。 可以看到，jQuery 中选择元素只需要在$()里放入一个 CSS 选择器，比 Ja

for循环里的定时器 先看一段代码。 熟悉这道题目的人立马可以说出答案： 但是很多新手第一次看到这段代码时会产生一个错觉，认为打印结果会是0，1，2，3，4，5。 为什么明明定时器的时间设置为了0，定

对象 定义： 无序的数据集合 键值对的集合 写法： 常用写法 正规写法 匿名对象，前面不写东西 JS 会当成一个 label 细节： 键名是字符串，不是标识符，可以包含任意字符 引号可以省略，省略之后

表达式和语句 表达式一般有值，语句可能有也可能没有。 语句一般会改变环境（声明、赋值）。 表达式 1 + 2表达式的值为3 add(1,2)表达式的值为函数的返回值 console.log表达式的值为

始于网景 1994年，网景公司（Netscape）发布了Navigator浏览器。这是历史上第一个比较成熟的网络浏览器，在四个月内占据了四分之三的浏览器市场，轰动一时。 但是这个版本的浏览器只能用来浏

1. IP IP 指网际协议（Internet Protocol），一种应用于互联网的计算机网络协议。 主要约定了两件事： 如何定位一台设备。 如何封装数据报文，以跟其他设备交流。 IP地址分为内网和

1. 浏览器渲染原理 渲染步骤： 根据 HTML 构建 HTML 树（DOM） 根据 CSS 构建 CSS 树（CSSOM） 将两棵树合并成一颗渲染树（render tree） Layout 布局（文

HTML 入门笔记1 HTML 在1991年由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李（Tim Berners-Lee）发明。

computed computed 就是计算属性的意思，是用来计算出一个值的。 调用时不需要加括号，可以当属性来用。 根据依赖自动缓存，依赖不变就不会重新计算。 watch watch 就是监听的意思

什么时候可以用sync修饰符 看下面一个案例： 爸爸通过props向子组件传一个外部数据，告诉他自己有多少钱total。 当儿子要花钱的时候，注意不能直接在子组件里进行修改，因为这是外部数据。 正确做

HTML常用标签 1. <a> 1.1 属性 （1）href 网址 https://google.com http://google.com //google.com（建议写这种形式） 路径 /a/b