如何实现状态的「伪更新」? <W9>
最近要做一个与颜色选择器有关功能：当用户在颜色面板里预选颜色时，需要同时更新当前画布的颜色；如果取消选择，则将画布背景重置为初始颜色；如果确定了颜色，则更新当前画布颜色。比较容易想到的方法是，用两个变量分别记录初始值 originValue 与当前值 value ：如果只是选择，那就用去更新 value ；如果取消选择，重置为 originValue ；如果选中，将 originVa ...
this、闭包和高阶函数 <W4>
这周没遇到什么比较有意思的地方，就拿这篇读书笔记凑数吧，写了也挺久的了，从 9.11 开始写，9.24 才结束，太能拖啦~ thisthis 的指向大致分为四种： 作为对象的方法调用当函数作为对象的方法调用时，this 指向该对象。 const obj = { name: "Tom", getName() { console.log(this.n ...
正则学习笔记 + 案例
「JavaScript 正则表达式迷你书.pdf」https://www.aliyundrive.com/s/i77Fq6HocdT 匹配 16 进制颜色 匹配 6 位的 16 进制 const regex = /#[0-9a-fA-F]{6}/ 颜色也有可能是 3 位的，由于管道符也是贪婪匹配，所以需要先匹配 6 位再匹配 3 位 const regex = /#[0-9a ...
原型和原型链
最近在看 JavaScript 设计模式与开发实践 ，虽然是 15 年出版的书，但书中所讲的东西对我这个小白来说，还是很前沿的。书中在正式开始讲设计模式之前，先将 JavaScript 里高级基础知识： 原型 、this、call、apply 、闭包 详细介绍了一遍，对我来说简直就是福音，打算把这些挨个写篇笔记，记录一下。 原型模式一种用以创建对象的模式，如果要想创建一个对象，一种 ...
“搞定”了稿定证件照
事情是这样的，朋友找我帮他证件照换个背景，顺便调整一下图片尺寸，我首选是打开了稿定官网（证件照换底），但是背景提供的只有几种颜色，而且尺寸也没有我想要的，于是就有了下面的故事… 思考？ 页面上固定的几种背景色（尺寸）无非是两种方式： 通过后端接口获取； 写死在前端代码里。 顺便提一下，最开始走的弯路。起初是看了几个接口传参的数据，误以为是通过接口传参配置的图片信息，然后再生 ...