JavaScript
TUTsmile
2020届毕业生,博客作为个人的学习笔记,希望能够给各位提供参考价值,若不明白可以评论或私信,第一时间回复、修改博客
展开
-
前端入门学习笔记(三十七)JavaScript入门(十六)数组常用的四种方法 forEach、map、find、indexOf
forEach数组的forEach有三个可选参数,value, index, arr,直接上例子比较容易懂一些,对应值、下标、数组。并且forEach 没有返回值。我觉得是用来替代for的很好用的方法(因为这样我们就不需要用.length获取数组长度了)let arr = [1, 2, 3]let ans = arr.forEach((value, index, arr) => {...原创 2019-11-12 00:16:57 · 191 阅读 · 0 评论 -
前端入门学习笔记(三十一)JavaScript入门(十四)DOM(三)节点的创建、删除、替换、插入
创建节点关键字简介createElement创建元素节点createTextNode创建文本节点createAttribute创建属性节点示例代码如下:<body> <div id="divTest">this is div </div> <script> function addH...原创 2019-07-23 15:19:56 · 238 阅读 · 0 评论 -
前端入门学习笔记(三十)JavaScript入门(十三)DOM(二)节点的简单操作、事件
此篇内容主要参考 How2j.cn 前端部分 / HTML DOM / HTML DOM ,我个人认为是属于手册类型的内容,需要的时候再进行查询即可。更多的示例代码可以前往查看 获取节点、节点的属性、样式、事件这四个部分事件 -》http://how2j.cn/k/dom/dom-event/464.html获取节点关键字简介getElementById通过id获取...原创 2019-07-22 23:19:19 · 232 阅读 · 0 评论 -
前端入门学习笔记(二十九)JavaScript入门(十二)DOM(一)什么是DOM?以及DOM的一个小坑
什么是DOMHTML/XML 文档在浏览器内表示为 DOM 树。标签成为元素节点并形成文档结构。文本成为文本节点。如此等等,HTML 中的所有东西在 DOM 中都有它的位置,甚至是注释。什么是DOM?(以及一个DOM的小坑)我们可以使用开发者工具来检查 DOM 并手动修改它。不知道大家是否有尝试过,打开浏览器后浏览器中点击键盘上的F12键,然后点击弹窗左上角的鼠标按键,并点击一...原创 2019-07-22 22:34:27 · 186 阅读 · 0 评论 -
前端入门学习笔记(二十八)JavaScript入门(十一)this丢失怎么办?——函数绑定
函数绑定和对象方法或者和传递对象方法一起使用 setTimeout 时,有一个很常见的问题:“this 丢失”。突然,this 就停止正常运作了。这种情况在开发的初学者中很典型,但有时也会出现在有经验开发者的代码中。丢失 “this”我们已经知道,在 JavaScript 中,this 很容易就会丢失。一旦一个方法被传递到另一个与对象分离的地方 —— this 就丢失了。下面是使用 s...转载 2019-07-17 17:16:06 · 282 阅读 · 0 评论 -
前端入门学习笔记(二十七)JavaScript入门(十)反引号,${},模板字符串(Template string),标签模板(Tagged template),
在看别人的js代码时候,发现有些字符串是``反引号,而不是’'单引号,或者""双引号。查阅后发现这个叫做模板字符串。在其它语言中,使用模板和插入值是在字符串里面输出变量的一种方式。因此,在ES5,我们可以这样组合一个字符串:var name = 'Your name is ' + first + ' ' + last + '.';var url = 'http://localhost:300...转载 2019-07-17 16:21:14 · 1051 阅读 · 0 评论 -
前端入门学习笔记(二十六)JavaScript入门(九)rest参数、spread操作符,三个点(...)
拓展运算符(spread)冒号双冒号(function bind 函数绑定)转载 2019-07-17 15:28:34 · 335 阅读 · 0 评论 -
前端入门学习笔记(二十五)JavaScript入门(八)函数闭包(以及坑)、generator(函数多个返回值)
函数闭包在面向对象的程序设计语言里,比如Java和C++,要在对象内部封装一个私有变量,可以用private修饰一个成员变量。在没有class机制,只有函数的语言里,借助闭包,同样可以封装一个私有变量。我们用JavaScript创建一个计数器:'use strict';function create_counter(initial) { var x = initial || 0;...原创 2019-07-17 11:38:38 · 202 阅读 · 0 评论 -
前端入门学习笔记(三十二)JavaScript入门(十五)JSON操作
此篇主要参考廖雪峰JavaScript教程的对象JSON什么是JSONJSON JavaScript 对象表示法(JavaScript Object Notation) 是一种存储数据的方式。可以将JSON理解为JavaScript对象的一个子集。不过,在其他语言中也有用JSON。JSON有着固定的格式,且编码模式规定为UTF-8JSON对象由 名称/值对组成 名称和值之间用冒号:隔开...转载 2019-07-23 16:32:34 · 134 阅读 · 0 评论 -
前端入门学习笔记(二十四)JavaScript入门(七)Google JavaScript 命名规范笔记
参考Google JavaScript Style Guide和代码风格1. 常量关于常量,大部分语言的命名风格都比较类似,都是全部大写字母,单词用下划线分隔//常数const NUMBER = 5;2. 枚举枚举名称的UpperCamelCase(大驼峰)即每个单词首字母大写,通常应该是单数名词。枚举中的单个项目以CONSTANT_CASE。命名 。3. 变量写入非常量字段...原创 2019-05-09 21:40:40 · 273 阅读 · 0 评论 -
前端入门学习笔记(二十三)JavaScript入门(六)函数、函数表达式、箭头函数、函数调用(参数相关)、JS函数中的大坑
函数的命名函数是行为。所以它们的名字通常是动词。它应该简短且尽可能准确地描述函数的作用。这样读代码的人就能得到正确的线索。一种普遍的做法是用动词前缀来开始一个函数,这个前缀模糊地描述了这个动作。团队内部必须就前缀的含义达成一致。例如,以 “show” 开头的函数通常会显示某些内容。“get…” —— 返回值,“calc…” —— 计算“create…” —— 创建,“check…” ...原创 2019-04-26 23:30:17 · 1028 阅读 · 0 评论 -
前端入门学习笔记(二十二)JavaScript入门(五)use strict 严格模式
除了正常运行模式,ECMAscript 5添加了第二种运行模式:“严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。1.开启严格模式1.1针对整个脚本文件将"use strict"放在脚本文件的第一行,则整个脚本都将以"严格模式"运行。如果这行语句不在第一行,则无效,整个脚本以"正常模式"运行。如果不同模式的代码文件合并成一个文件,这一点需...转载 2019-04-26 15:55:32 · 213 阅读 · 0 评论 -
前端入门学习笔记(二十一)JavaScript入门(四)Map和Set,iterable
MapMap是一组键值对的结构,具有极快的查找速度。前面为键,后面为对应的值,键、值可以为任意类型var m = new Map([['Michael', 95], ['Bob', 75], [19, 85]]);m.get('Michael'); // 95m.get(19); // 85一个key只能对应一个value,所以,多次对一个key放入value,后面的值会把前面的值...原创 2019-04-15 19:43:29 · 182 阅读 · 0 评论 -
前端入门学习笔记(二十)JavaScript入门(三)条件判断、逻辑运算符、循环,怎么在OJ上用JavaScript写算法题
条件判断JavaScript的条件判断也是使用if () { … } else { … }来进行判断var age = 20;if (age >= 18) { // 如果age >= 18为true,则执行if语句块 alert('adult');} else { // 否则执行else语句块 alert('teenager');}if 的使用方法与大多数...原创 2019-04-11 21:20:17 · 620 阅读 · 0 评论 -
前端入门学习笔记(十九)JavaScript入门(二)JavaScript变量及其声明、数据类型、数据之间的比较
变量变量的命名变量必须以字母开头变量也能以 $ 和 _ 符号开头(不推荐这么做)变量名称对大小写敏感(y 和 Y 是不同的变量)变量名称不能包含空格变量的声明其实JavaScript可以不声明变量直接调用,例如a = 1;var b = 1;两者效果看起来相同,是创建一个变量并赋值为1。但是没有使用var声明的变量会被视为全局变量,而使用var声明的变量会被束缚于函数体内...原创 2019-03-21 20:34:15 · 208 阅读 · 0 评论 -
前端入门学习笔记(十八)JavaScript入门(一)了解JavaScript的基本使用方式
JavaScript用法在HTML中,必须在 <script>; 和 </script> 标签之间插入JavaScript代码<script>标签如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。...原创 2019-03-21 15:48:40 · 269 阅读 · 0 评论