路旁有花,心中有歌,
天上有星。
JavaScript
2021.03.16
学习内容:《现代JavaScript教程》 可迭代对象 Iterable Object 1 同步可迭代对象 是数组的泛化。这个概念是说任何对象都可以被定制为可在 for..of 循环中使用的对象。 为了让 range 对象可迭代(也就让 for..of 可以运行)我们需要为对象添加一个名为 Symbol.iterator 的方法(一个专门用于使对象可迭代的内置 symbol)。...
2021.03.11
学习内容:《现代JavaScript教程》 1.★事件循环 当浏览器没有任务执行时,处于休眠状态。 当任务出现,JS脚本默认情况下是单线程同步执行的,也就是按照出现的先后顺序执行任务,先进入的任务先执行。(任务队列) 事件循环:单线程脚本语言Javascript处理任务的一种执行机制,通过循环来执行任务队列里的任务。一个宏任务执行开始到下一个宏任务执行开始,叫做一次事件循环(一...
2021.03.10
学习内容:《现代JavaScript教程》 网络请求fetch() 可以使用fetch()方法请求任何URL的网络资源。语法如下: let promise = fetch(url, [options]) url —— 要访问的 URL。 options —— 可选参数:method,header 等。 使用Fetch请求资源,一共分为两步: 【第一步】服务器...
学习内容:《现代JavaScript教程》 11 函数进阶 11.1 递归recursion 函数内部调用自身,就是函数递归。 递归深度: 最大的嵌套调用次数(包括首次)被称为 递归深度。 最大递归深度受限于 JavaScript 引擎。对我们来说,引擎在最大迭代深度为 10000 及以下时是可靠的,有些引擎可能允许更大的最大深度,但是对于大多数引擎来说,10...
学习内容:《现代JavaScript教程》 21 代码质量 21.1 断点调试 Chrome打开控制台,在脚本的行号上单击,就可以设置断点。右击可以设置条件断点。 在代码中直接写入命令: debugger。就可以在当前位置停下并打开调试窗; 21.2 注释 应该注释这些内容: 整体架构,高层次的观点。 函数的用法。 重要的解决方案,特别是在不是很明...
学习内容:《现代JavaScript教程》 Proxy和Reflect Proxy代理器 Proxy是什么 Proxy顾名思义,是一个对象的代理对象。 Proxy可以将一个对象包装成另一个对象,可以简单理解为被包装对象的“经纪人”。它监控对这个被包装对象的一切操作,并针对不同的操作,代替这个对象执行一些设定好的操作。Proxy是ES6之后才添加的新对象。 对象是明星,P...
学习内容:《现代JavaScript教程》 13 Promise 13.1 基于回调的异步编程 比如想要在一个请求完成后,立即执行一个函数。这个形式叫做异步编程,可以使用回调函数的形式编写。如下: function loadScript(src, callback) { let script = document.createElement('script'); scr...
学习内容:《现代JavaScript教程》 JS中各种变量值的比较方式 数学比较 包括>、<、>=、<=、==、!=等。 数字比较返回值为Boolean类型。 字符串比较 在比较字符串的大小时,JavaScript 会使用“字典(dictionary)”或“词典(lexicographical)”顺序进行判定(实际是 Unicode 编码顺序)。换言...
学习内容:《现代JavaScript教程》 14 Generator (生成器) 14.1 Generator基本知识 Generator生成器函数,顾名思义,就是一个能按照既定的规则,连续产生多个数据的函数。它区别于常规的函数,因为函数只能返回一个值。它的创建方法是: 创建一个Generator函数声明,需要在function关键字后面加一个星号: funct...
学习内容:《现代JavaScript教程》 17 DOM(Document Object Model) 17.1 DOM DOM将一个页面的所有内容转化为可以被JS获取、修改的对象树,包括页面的根(document)、元素、文本、注释等。 一个HTML页面的DOM树大概是这种结构: 17.2 DOM节点类 每一个DOM节点根据自身类型的不同,可能具有自身不同的属性。但是...
2021.03.09
学习内容:《现代JavaScript教程》 1. 原型与继承 1.1 什么是原型 原型,通俗的理解就是一个东西最普通,最广泛,最标准,不带有任何特色的原始模型。 比如说橘子,可能它细分有很多品种:有八瓣的有十瓣的,有剥皮吃的有不剥皮吃的,有酸的有甜的。但是,所有的橘子通常讲都应该是分瓣的,都应该有皮,都应该是是树上结出来的,这就是橘子的原型具有的性质。橘子的原型就是一个最普通...
学习内容:《现代JavaScript教程》 严格模式 声明严格模式 在整个脚本文件首部,或函数体开头,声明: “use strict” 或 ‘use strict’ 可以使整个脚本或这个函数体内部,使用现代的JS严格模式。 !Attention ① ‘use strict’或“use strict”只能出现在脚本最顶部,只有注释可以出现在它上面。 ② 没有办...
学习内容:《现代JavaScript教程》 9 Set:集合 9.1 什么是Set Set 是一个特殊的类型集合 —— “值的集合”(没有键),它的每一个值只能出现一次。 9.2 Set的特点 每个元素只可能在同一个Set里出现一次。 使用Set比每次调用arr.find()查找对比更迅速。Set 内部对唯一性检查进行了更好的优化。 重复使用同一个值调用 set.add(v...
学习内容:《现代JavaScript教程》 Map:映射 什么是Map Map是一种带键的数据项的集合,是一种特殊的Object。 Map的特点 Map与普通对象Object数据结构的最大不同是: Map允许键名是任何类型(包含null,undefined和NaN),而Object只有字符串类型的键名(即使传入其他类型也会自动转换为String类型)。 Map的...
学习内容:《现代JavaScript教程》 8 Class类 8.1 Class基本语法 在面向对象的编程中,class 是用于创建对象的可扩展的程序代码模版,它为对象提供了状态(成员变量)的初始值和行为(成员函数或方法)的实现。 class MyClass { // class 方法 constructor() { ... } method1() {...
Vue
2020.04.14
学习内容:《Vue.js 官方教程》 1. 声明式渲染 通过new Vue()可声明一个 Vue应用,其接受一个对象参数,在这个参数中用el属性标明Vue对象挂载的HTML元素,用data属性记载对象的数据值。 <div id="app"> {{ message }} </div> <script> ...
Reading Notes
2020.03.08
书名: 逻辑学导论 原名: Introduction to logic, thirteenth edition 版本: 第13版 作者: [美]Irving M. Copi, Carl Cohen 等 ISBN: 978-7-300-20210-5 出版社: 中国人民大学出版社 版次: 2014年10月第1版 Reading Record: 2020.02.19 ~ 2020...
Life
2019.08.22
学习参考内容:《不交智商税系列》 —— 可爱小韬韬 1. 减重速度 体脂含量为25~30%的男性,周减重值建议为0.9kg。 2. 三大营养素摄入 2.1 蛋白质 2.1.1 优质蛋白质的食物来源 鸡肉、牛肉、深海鱼类、鸡蛋、蛋白粉。 2.1.2 什么时候补充蛋白质? 早上起床后; 早饭后和晚饭前加餐补充; 训练后30~60min补充; 2.2 脂肪 待补充。 2...
2019.08.21
学习内容:《ECMAScript 6 入门》 —— 阮一峰 Ps:仅用于个人学习笔记使用,大量内容和实例可能直接复制原文。 1. 块级作用域、let 与 const 声明变量 1.1 let 命令 只在其所在的代码块(花括号)内起作用; 可以用于声明for循环的计数器i,使得i只作用于for的代码块里,每一轮都生成新的i而不是将i泄露于全局; 不存在变量提升现象; ...
Tools
2019.08.19
减肥摄入计算器
Page 6 Of 8