-
145_回顾Vue2的响应式原理
源码 App.vue 源码 App.vue <template > <h1 > 我是Vue2写的效果</h1 > <h2 v-show ="person.name" > 姓名：{{person.name}}</h2 > <h2 > 年龄：{{person.age}}</h2 > <h2 v-show ... -
033_更新时的一个问题
源码 问题的引出 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 更新时的一个问题</title > <script type ="text/javascript" src ="../... -
017_事件总结
事件的修饰符可以连写 系统修饰按键可以组合使用 事件的修饰符可以连写 例如：之前实例中的.stop 和 .prevent ，可以像下图一样连写: 这样既阻止 a 弹窗，又可以阻止跳转到指定href链接。 系统修饰按键可以组合使用 例如： ctrl+y 才会触发 showInfo() <div id="root" > <h2 > 欢... -
translate()
重新映射画布上的 (0,0) 位置。 translate(x,y); 参数 描述x 添加到水平坐标（x）上的值。y 添加到垂直坐标（y）上的值。 var c=document .getElementById("myCanvas" ); var ctx=c.getContext("2d" ); ctx.translate(0 ,... -
fillText()
fillText() 简介 语法 基本用法 前置属性 textAlign 对齐方式 textBaseline 对齐方式 完整示例 与 strokeText() 的区别 测量文字宽度 典型应用 注意事项 一句话总结 fillText() 简介 fillText() 是 Canvas 2D 上下文中用于在画布上绘制填充文字 的... -
rotate()
[TOC]旋转当前的绘图。 context.rotate(angle);参数值参数 描述angle 旋转角度，以弧度计。 如需将角度转换为弧度，请使用 degrees×Math.PI/180degrees\times Math.PI/180 d e g r e e s × M a t h . P I / 1 8 0 公式进行计算... -
localStorage/sessionStorage 简介
localStorage / sessionStorage 简介 共同特点 核心区别 基本操作 应用场景 localStorage 适合 sessionStorage 适合 安全性注意事项 与 Cookie 的对比 监听存储变化 浏览器查看方式 小结 localStorage / sessionStorage 简介 localS... -
JWT + HTTP Only Cookie 简介
JWT + HttpOnly Cookie 简介 什么是 JWT ？ JWT 结构 传统 JWT 存放方式的问题 方式1：localStorage / sessionStorage 方式2：普通 Cookie JWT + HttpOnly Cookie 方案 工作原理 流程图 代码实现示例 后端（Node.js + Express） 前... -
Babel 简介
Babel 的主要功能 Babel 的工作原理简图 常见使用场景 一句话总结 Babel 是一个广泛使用的 JavaScript 编译器 ，主要用于将采用最新标准（ES6+）编写的 JavaScript 代码，转换成当前或老旧浏览器、Node.js 环境能够理解和执行的向后兼容版本。 你可以把它理解为一种“语法翻译工具”。它的核心工作流程是：解... -
Getter 和 Setter
一、定义 二、来源 三、两种写法 写法1：对象字面量语法 写法2：Object.defineProperty（Vue2 采用的方式） 四、与普通数据属性的区别 五、Vue 中的应用 六、注意事项 七、一句话总结 Getter / Setter 基础知识 一、定义 Getter 和 Setter 是 JavaScript 中访问器...