CCR的笔记本

ES6 - 模板字符串

ccr123 — Mon, 16 Jan 2023 16:24:47 +0800

模板字符串（template string）

vue 数组按日期分组显示数据

ccr123 — Sun, 10 Apr 2022 09:44:30 +0800

转载： https://www.cnblogs.com/wangrong-0823/p/12788544.html?ivk_sa=1024320u 做页面之前我有搜索了别人做的页面，看了微信支付账单的记录，我想我也可以通过按不同的时间去显示不同数据，查看了几个链接，最属意的链接放上https://www.cnblogs.com/fozero/p/11254572.html。因为这种数据一般是从后台拿来的，所以前端就不需要去处理，但是如果后台传进来的不是以时间分割，而是直接是好几十组的数组对象，比如： th

ES6 - 变量的解构赋值

ccr123 — Fri, 04 Jun 2021 15:29:22 +0800

https://www.17sucai.com/pins/34179.html

ES6 -- 块级作用域

ccr123 — Fri, 20 Nov 2020 10:39:10 +0800

为什么需要块级作用域？ ES5只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。第一种场景，内层变量可能会覆盖外层变量。 var tmp = new Date(); function f() { console.log(tmp); if (false) { var tmp = "hello world"; } } f(); // undefined 上面代码中，函数f执行后，输出结果为undefined，原因在于变量提升，导致内层的tmp变量覆盖了外层的tmp

ES6 -- let 和 const 命令

ccr123 — Wed, 18 Nov 2020 17:57:06 +0800

var 全局声明，可重复定义 let 用来声明变量，类似var，但只作用在所在代码块 { let a = 10; var b = 20; } a // ReferenceError: a is not defined. b // 20 let 适用于for 循环， for (let i = 0; i < 5; i++) { console.log(i) // 0 1 2 3 4 } console.log(i); //ReferenceError: i is not defin

Vue生命周期

ccr123 — Fri, 13 Nov 2020 11:53:07 +0800

转载：https://juejin.im/post/6893884574854545422 Vue生命周期生命周期的理解第一阶段第二阶段经典生命周期图作为vue的核心之一，生命周期不管是文档还是面试都是高频知识点今天我们从什么是生命周期，生命周期的内容，如何利用生命周期出发，做一些探究生命周期的理解官方：Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期通俗的说：当加载一个页面的时候，会

Javescript 增加/移除数组的某列数据

ccr123 — Fri, 28 Aug 2020 10:39:32 +0800

//增加列 function pick(o, props) { return Object.assign({}, ...props.map(prop => ({[prop]: o[prop]}))); } //删除列 function omit(o, props) { return Object.keys(o) .filter((key) => props.indexOf(key) < 0) .reduce((newObj, key) => Object.as

vue - Component 实例 -- breadcrumb

ccr123 — Fri, 28 Aug 2020 10:36:58 +0800

模板页保存名字为 “BreadCrumb.vue” 导出：props