从这里可以发现，计算属性是有一些逻辑在里面的，但是我们不想在模版中写复杂的逻辑，模版中只做简单的展示，我们能不能再模版中只做一个简单的展示{{fullName}}

简单来说就是，钩子（生命周期函数）就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮，也是不行的。组件也是一样，Vue 在实例化一个组件时会在特定的阶段调用特定的方法，调用的这个方法就叫钩子方法，比如 Vue 在实例化组件之初按...

简单的 TodoList 实现一个简单的 todolist，当我输入内容后，点击提交自动添加在下面，如下图所示： 用代码实现这个效果： {代码...} 当我在input框中输入内容后，点击提交，Vue 会自动将内容渲染在页面中，具体是怎么实现的呢？ 我们都知道 Vue 是一个 MVVM 框架，让开发者专注于数据变更，无需关注 Dom，所以它的核心...

在使用 git 时，会冷不丁弹出一些术语，在之前可能没有听过，突然之间心情就紧张起来了。 其中就有一个分离头指针（detacged HEAD） 分离头指针 有时你在切换分支时，输了一个commit信息 git 给你的提示，你现在正在基于这个commit做操作。 你现在正处在分离头指针状态，你可以做一些变更然后产生commit，你也可以把生成...

安装成功后，打开终端输入git --version，如果能看到 git 版本，就说明安装成功了。mac 推荐使用 iTerm2 终端软件，windows 推荐使用 git bash。

在开发中 git 是最常用的版本控制软件，在学习极客时间苏玲的《玩转 git 三剑客》前，对 git 的使用只停留在add，commit，pull，push上，稍微复杂点的checkout就不会使用了。在一次项目中，用到了merge，让我对git充满了好奇，正好这时极客时间推出了 git 的课程， 我毫不犹豫的购买了。

父子通信目前有四种方式： 1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件： {代码...} 子组件通过props来接收数据:方式1：props: ['childMsg'] 方式2 :props: { childMsg: Array //这样可以指定传入的类型，如果类型不对，会警告} props: { childMsg: { type: Array, default: ...

什么是二叉堆 二叉堆的本质是一种完全二叉树，它分为两种类型：最大堆和最小堆 最大堆任何一个父节点的值，都大于等于它左右孩子的值，最小堆正好与之相反 二叉树的根节点叫做堆顶 最大堆和最小堆的特点是：最大堆的堆顶是整个堆中的最大元素，最小堆的堆顶是整个堆中的最小元素 堆的自我调整 对于二叉堆有几种操作 插入...

上一篇写了实现 MVVM 框架的一些基本概念 本篇用代码来实现一个完整的 MVVM 框架 思考 假设有如下代码，data里面的name会和试图中的{{name}}——一一映射，修改data的值，会直接引起试图中对应数据的变化 {代码...} 如何实现上述 MVVM 呢？ 回想下这篇讲的观察者模式和数据监听： 主题（subject）是什么？ 观察者（observe...

把 Model 和 View 关联起来的就是 ViewModel。ViewModel 负责把 Model 的数据同步到 View 中显示出来，还负责把 View 的修改同步回 Model。

当前前端最火热的框架当属 VUE，在学习 VUE 之前先来看下 VUE 的内部是如何工作的。 我们从最基本的页面操作开始做起。 用 jQuery 操作页面 我们来实现一个页面，当点击按钮式，页面上的数字增加或减少 {代码...} 用 jQuery 操作它很容易实现需求 {代码...} axios 实现 ajax 我们真实的需求是，当点击按钮时，操作的时数...

场景二：一根16寸的面包，每5天吃掉剩余的一半，吃的只剩下1寸，需要多少天？答案：以2为底，16的对数，简写成log16，所以为 5×log16 = 20天可以记作： T(n) = 5logn

自己实现虚拟 DOM 从 HTML 中提炼数据结构 先来看下我们的 HTML {代码...} 从 HTML 中我们可以抽离出它的数据结构： 首先页面中只需要一个根节点root，定义为：nodesDate数组 root内有两个子元素h1和span，数组有两项，每项为内容为tag和children 接下来内部所有元素都是如此定义，直到遇到文本元素，将他定义为text {代...

在网页比较简单的时代，以文件可以包含 HTML、CSS、JS；到后来结构、样式、行为的分离，文件开始多起来，慢慢的出现了AMD，CMD ，CommonJS，ES6 Module等，技术变化日新月异，把这些技术统一整合起来，就是工程化。引用网上一作者的话：

昨天研究了网站的注册流程，感兴趣的可以看下：从前后端分别学习——注册/登录流程1 今天接着研究注册/登录流程之登录。 登录 首先来看一下登陆过程： 登录逻辑和注册逻辑基本一致，但登录的过程只对数据库进行读，比对用户的信息是否存在。 登录页面的 HTML 和 CSS 基本一致，这里就不放上来了。 注册成功后跳转 当用户注...

今天来研究一个小小的功能。当我们进入一个网站，它怎么判断我是不是它的用户？让用户登录呗，如果它能正常登录，它就是我的用户呗？你有没想过它是怎么判断我是不是它用户的？这次就来从前后端来讲一讲是怎么来实现这个功能的。

在台式机时代，很多人都自己主装过电脑，选购自己喜欢的显示器，鼠标，键盘，主机，配备性能强劲的cpu、显卡、内存等主成最强配置，这些单个物体都是模块，互相独立，可以根据自己的爱好选择。

cd ~/Desktopmkdir democd demomkdir js csstouch js/mian.js css/style.cssexit

之前总结了事件捕获和冒泡以及阻止事件传播，今天写一下事件代理方面的总结DOM 事件之捕获、冒泡：阻止事件传播： 事件代理 监听列表中多项 li 时，实现点击 li 控制台打印对应文本，如下： {代码...} 首先想到的对每一个 li 进行监听 {代码...} 或者 {代码...} 使用onclick和addEventListener的区别：onclick是属性，ad...

例子1：拼接出如下字符串 ，其中styles数组里的个数不定<dl class="product"><dt>女装</dt><dd>短款</dd<dd>冬季</dd><dd>春装</dd></dl>

作用域链 作用域：就近原则在写下声明就能确定的，叫做词法作用域 {代码...} 词法作用域可以确定是哪个a，但不能确定a的值 {代码...} 关于作用域链，浏览器内部究竟发生了什么：例子1： {代码...} 例子2： {代码...} 例子3： {代码...} 例子4： {代码...}

JS 里的类型 number类型转 {代码...} string 类型转 {代码...} boolean类型转 {代码...} null类型转 {代码...} undefined类型转 {代码...} object类型转 {代码...} falsy值：0、NaN、''、null、undefined、falseconsole.log()利用toString()方法console.log((1).toString) 内存 简单类型的数据存储在栈内存中复杂类型的...

方法一：每个桶只放相同的数字入桶过程：1、 把正数和0存入正数桶，把负数存入负数桶；2、 把数组中的每项作为正数桶或负数桶的下标存入到对应的key里；

ARP 协议（Address Resolution Protocol）一种以解析地址的协议，根据通信双方的 IP 地址就可以查出对应的 MAC 地址。MAC（ Media Access Control Address）地址是指网卡所属的固定的地址MIME，多部分对象集合（Multipurpose Internet Mail Extensions，多用途因特网邮件扩展），它是一种允许处理文本、图片、视频等多种...

例1：翻转字符串 {代码...} 例2：阶乘 {代码...} 例3：回文 {代码...} 例4：找出最大的单词，并返回它的长度 {代码...} 例5：将首字母替换成大写 {代码...} 例6：找到每个数组中最大的一位数，并将它返回 {代码...} 例7：检查字符串结尾 {代码...} 例8：重复输出字符串 {代码...} 例9：阶段字符串 {代码...} 例10：猴子...

split()：拆分字符串变成数组（对字符串操作）join() ：合并数组变成字符串（对数组操作）concat()：连接两数组splice(begin,deleteCount,insert)：拼接splic(begin,end)：截取[begin,end)sort(callball(value1,value2))：排序resever()：反序filter(callback(currentValue,index))：筛选map(callback(currentValue,inde...

分词 / 词法分析将由字符组成的字符串分解成有意义的代码，例如：var a = 2;通常会被分解为var、a、=、;这些词法单元，判断a是独立的词法单元还是其他词法单元一部分时，如果调用的是有状态的解析规则那这个过程就是词法分析。

canvas {代码...} canvas必须先设置width和height getContext("2d")传入 2d 就可以获得 2D 上下文 toDataURL('image/png')可以把canvas画的图片保存下来，默认格式为png，也可设置为jpeg fillRect(x,y,width,height)填充矩形，fillStyle填充颜色 strokeRect(x,y,width,height)描边矩形，strokeStyle描边颜色 lineWidth设...

form 表单 如果form表单内没有submit按钮，只有button元素，那么这个button可以升级为submit按钮。 form 表单用来向服务器提交信息，常用属性 action：提交表单的地址 name：页面中可能不止一个表单，用name来区分，PS：id 也可以 method：提交表单的方法，post或get target：在何处打开action enctype： application/x-...

childNodes获取到的是父元素下所有的一级子元素，是一个类似数组的对象，例如：boxChildNodes结果是：[ 0:text , 1:ul.banner , 2:text , 3:ul.number , 4:text, length:5]，它会获取到元素和元素之间的空隙（文本），如上面所示的0,2,4。使用Array.prototype.slice(childNode,0)方法，可将伪数组变成数组，或者用遍历的...