WebApiⅢ：事件、事件对象
注册事件
传统方式 btn.onclick = function() {}
传统事件注册具有唯一性：同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数
方法监听注册方式
1eventTarget.addEventListener(type,listener[,useCapture])
type：事件类型字符串，比如 click、mouseover。这里不需要加on
listener：事件处理函数，事件发生时，会调用该监听函数
useCapture：可选参数，是一个布尔值，默认是false。
1234567891011121314151617181920212223242526272829<body> <button> 传统注册事件 </button> <button> 事件监听注册事件 </button> <script> var btns = document.querySelec ...
WebApiⅡ：自定义属性、节点
自定义属性
获取属性值
element.属性 ：获取内置属性值
element.getAttribute(‘属性’) ：获取自定义属性值
12345678910<div id="demo" index="1" class="nav"></div><script> var div = document.querySelector('div'); // 1. 获取元素的属性值 // (1) element.属性 console.log(div.id); //demo //(2) element.getAttribute('属性') console.log(div.getAttribute('id')); //demo console.log(div.getAttribute('index')); //1</script>
设置属性值
elemen ...
《认知觉醒》：真正的成长不是懂得多少道理，而是做出多少改变
年轻的时候，人人都自命不凡，认定美好生活会自然到来。后来他们不得不敲碎那颗高傲的心，在无奈和叹息中接受平庸的自己。
杨绛说：“你的问题在于想得太多，读书太少”。学而不思则罔，思而不学则怠，学习和思考是缺一不可的。看完《认知觉醒》，我觉得还有一点更重要的，行动。“道理我都懂，就是做不到”，“听过很多道理，依然过不好这一生”，都是因为缺少行动。懂得百点不如改变一点，真正的成长不是懂得多少道理，而是做出多少改变。
做出行动和改变
急于求成、避难趋易是人的天性。从难度上来讲，阅读<思考<行动，一些人往往选择最简单的阅读，却不愿行动，这是避难趋易的天性；读完一本书马不停蹄地读下一本，没有思考和行动，却又想立刻见到成效，这是急于求成的天性。就功课的学习而言，我喜欢看视频学习，很少刷题。我知道刷题能取得更快的提升，但我还是看视频来麻木自己。因为相对刷题，看视频是更省力的方式，这都是避难趋易的天性在作怪。所以一件事如何去做，不必去找什么方法技巧，你最不愿意尝试的那个就是最有效的方法。什么最重要，每个人都心知肚明，却不愿面对，人们愿意活在自己的舒适区。
正确的行动往往是反天性的，让你觉 ...
《你的第一本哲学书》读书分享
引言
《你的第一本哲学书》是本很精简的哲学入门书，没有专业术语，没有各种学派，直接面向最基本的哲学问题。看译后记发现个有趣的事：原著书名是“What does it all mean”，译者综合考虑译为《哲学冒险》，结果出版社考虑对读者的吸引力，起名为“你的第一本哲学书”😂
我们每天都使用一些平常的概念，却从未加以反思；而哲学的主要工作就是去询问和理解这些概念。 你要探究的概念越是基础，可以帮助你的工具也就越是匮乏。
以我的能力读这本书还是很费力，作者谈及的都是一些习以为常的事情，都是在平时没有思考过而默认的概念。
自由意志
假设在学习和娱乐面前，我选择了娱乐。期末考试要来了，我后悔地说道：“我本可以好好学习”。
“我本可以好好学习”这句话什么意思？在同样的时间、环境、条件下，我仍然可以选择学习。人们在外在条件一模一样的情况下，并不需要发生任何不同的事情作为前提，就能够做某些他们实际上并没有做的事情。这意味着什么呢？
这说明在选择娱乐之前，学习仍是开放的可能性，选择学习还是娱乐是由我的自由意志决定的，不由外界决定。
不过，决定论认为我们做什么事情都是事先决定好的，永远也不可能做实 ...
《穷爸爸 富爸爸》读书分享
前言
《穷爸爸 富爸爸》是暑假读的第二本书，关于这本书也褒贬不一。取其精华，去其糟粕。关于财富，书中提到：**财富就是支撑一个人生存多长时间的能力，或者说，如果我今天停止工作，我还能活多久？**财富的增加不是依靠收入，而是资产的积累。头脑是真正的资产，要养成终身学习的习惯，再次引用书中一段话：轻松的道路往往会越走越艰难，而艰难的道路往往会越走越轻松。
不为钱而工作
人们为了实现欲望而工作。他们认为钱能买来快乐，可用钱买来的快乐往往是短暂的，所以不久他们就需要更多的钱来买更多的快乐、更多的开心、更多的舒适和更多的安全感。于是他们继续工作，以为钱能安抚他们备受恐惧和欲望折磨的灵魂，但实际上钱是无法做到这一点的。
**工作只是试图用暂时的办法来解决长期的问题。**钱控制了他们的生活，确切地说是，对钱的无知和恐惧控制了他们的生活。所以他们拼命工作。他们的思想被他们的感情，而不是他们的头脑控制着。”
不为钱而工作不是说不在乎钱，不谈钱就像依赖钱一样是一种精神上的疾病。我们不能陷入为钱工作的死循环，要看到他人看不到的东西。
资产和负债
书中写道：资产是能把钱放进你口袋里的东西。负债是把钱从你口 ...
《被讨厌的勇气》读书分享
『因为拥有了被讨厌的勇气，于是有了真正幸福的可能』
前言
暑假快结束了，想为假期读过几本书写几篇读书笔记。暑假读的第一本书是《被讨厌的勇气》，书中有很多启发我的观点。其中之一是自卑和自卑情结，这我在之前谈到过；还有一个是对人生的描述，人生是点状的，是每一个刹那，不是一条线、一个整体。书中还有个有趣的比喻：当你站在舞台上，聚光灯打向你，你什么也看不见。当聚光灯打向“此时此刻”，也就看不到过去和将来。书中很难理解和践行的是共同体的概念，要做到自我接纳、他者信任和他者贡献。用了一上午时间，略读了一遍，不知不觉写了3000字。
像《理想国》一样，这本书由现代不常用的对话体写就，通过哲人和青年五夜的对话，向我们阐释了阿德勒心理学。
不幸来源
弗洛伊德的原因论认为，过去决定了现在的我们，现在的不幸、行为都能在过去找到原因，如果是这样，我们将没有能力改变现状，我们将是无力、痛苦的。阿德勒心理学否认了弗洛伊德的原因论，他认为过去并不重要，重要的是我们赋予过去的意义。你的不幸、痛苦不是因为过去，而是因为你的选择。
「你在人生的某个阶段里选择了“不幸”。这既不是因为你生在了不幸的环境中，也不是因为你陷入了 ...
WebApiⅠ：操作元素
1.1. Web API介绍
1.1.1 API的概念
API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。
1.1.2 Web API的概念
Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。
MDN 详细 API : https://developer.mozilla.org/zh-CN/docs/Web/API
因为 Web API 很多，所以我们将这个阶段称为 Web APIs。
此处的 Web API 特指浏览器提供的一系列API(很多函数或对象方法)，即操作网页的一系列工具。例如：操作html标签、操作页面地址的方法。
1.1.3 API 和 Web API 总结
API 是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现
Web API 主要是针对于浏览器提供 ...
js基础Ⅳ：内置对象
1 - 内置对象
1.1 内置对象
JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象
前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），内置对象最大的优点就是帮助我们快速开发
JavaScript 提供了多个内置对象：Math、 Date 、Array、String等
1.2 查文档
Mozilla 开发者网络（MDN）提供了有关开放网络技术（Open Web）的信息，包括 HTML、CSS 和万维网及 HTML5 应用的 API。
MDN:https://developer.mozilla.org/zh-CN/
1.3 Math对象
Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值等）可以使用 Math 中的成员。
属性、方法名
功能
Math.PI
圆周率
Mat ...
js基础Ⅲ：作用域和对象
1 - 作用域
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。
JavaScript（es6前）中的作用域有两种：
全局作用域：作用于所有代码执行的环境(整个script标签内部)或独立的js文件。
局部作用域（函数作用域）：作用于函数内的代码环境，就是局部作用域。 因为跟函数有关系，所以也称为函数作用域。
❗ jS没有块级作用域
块作用域由 { } 包括。
在其他编程语言中（如 java、c#等），在 if 语句、循环语句中创建的变量，仅仅只能在本 if 语句、本循环语句中使用，如下面的Java代码：
java有块级作用域：
12345if(true){ int num = 123; system.out.print(num); // 123}system.out.print(num); // 报错
以上java代码会报错，是因为代码中 { } 即一块作用域，其中声明的变量 num，在 “{ ...
js基础Ⅱ：数组和函数
1-数组
数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。
1-1创建数组
JS 中创建数组有两种方式：
利用 new 创建数组
12var 数组名 = new Array() ；var arr = new Array(); // 创建一个新的空数组
注意 Array () ，A 要大写
利用数组字面量创建数组
1234//1. 使用数组字面量方式创建空的数组var 数组名 = []；//2. 使用数组字面量方式创建带初始值的数组var 数组名 = ['胖虎','panghutx','blog.wangyouwu.cn'];
数组的字面量是方括号 [ ]
声明数组并赋值称为数组的初始化
数组元素的类型
数组中可以存放任意类型的数据，例如字符串，数字，布尔值等。
1var arrStus = ['小白',12,true,28.9];
1-2获取数组中的元素
索引 (下标) ：用来访问数组元素的序号（数组下标从 0 开始）。
1234// 定义数 ...