JavaScript从入门到精通笔记1—基础（P1-P8）

写在前面的话：

JavaScript是跟着b站blue老师的经典教程学的（学习路线里有链接），跟着每节课打打代码，学完后确实感觉学到了很多东西。

现在要开始整理自己的学习笔记了，才发现笔记还是有点乱，正好通过博客整理一下，蛮好的

一、基础

JavaScript是什么？

比较官方解释：Javascript（JS）是一种脚本语言，主要用于Web。它用于增强HTML页面，通常可以嵌入HTML代码中。JavaScript是一种解释型语言。因此，它不需要编译。
简单理解：JavaScript就是修改样式

编写JS的流程

布局：HTML+CSS
属性：确定要修改哪些属性
事件：确定用户做哪些操作（产品设计）
编写JS：在事件中，用JS来修改页面元素的样式

input用法：

Type="button"按钮；
Type="text"文本框；
Type="radio"单选框；
Type="checkbox"复选框；
Type="passward"密码框；//输入文字自动变为密码****
Type="file"自动选择本地文件；
Value="abc"网页显示名称/值

操作属性的方法：
第一种操作属性的方法：
Div1.style.width='300px';
第二种操作属性的方法：
Div1.style[value]='300px';(value可代指很多值)
区别：第一种简便；第二种可以储存值，用来直接传参，第一种则不行；
点都可以用[ ]来代替
css的优先级

先设置className再设置style,因为优先级，所以clsssname会失效

函数调用加括号与不加括号的区别：
函数()实际上等于函数的返回值，不加括号是函数名,加了括号就是调用函数了
*例如：window.οnlοad=init;
init函数并不会在这行代码时就执行，浏览器加载文档时这句话会被加载，会被告知文档加载完要执行哪个函数，但实际上没有当时就执行，等到整个文档加载完成之后才会通过init这个指针去执行init()。
js、css,html分别代表：
<script>标签究竟放到哪里？

一般放在<head>或<body>里
<head>：浏览器先加载<script>,再加载后面body的内容，导致页面内容还没有出现，js效果先，会出现问题。
所以使用<head>时使用window.onload=function(){ js内容}，先加载页面，在js效果（window.onload（）页面加载完后立刻执行）
<body>：页面加载完才执行，比较慢。对于前端页面优化来讲，还是放在底部是最佳的，因为如果JS执行出现错误了，最起码页面中的元素还能加载出来

while循环
字符串与数字连接：按照从前到后依次相加的规律(special!)
abc+12+5+def结果是：abc125def，要想得到abc17def需要将12+5用小括号括起来即可abc+（12+5）+def
相关概念
变量类型（1）

parseInt从字符串转换为数字，从左到右转换，遇到非数字就停止

Nan的含义：not a number如下图

Nan的特性：Nan与Nan并不相等

类型转换

字符串数值计算

变量类型（2）
全局变量与局部变量：
全局：定义在函数外，函数都可以使用
局部：定义在函数内，其他函数不可使用
闭包：子函数可以使用父函数的局部变量
命名规范

匈牙利命名法

驼峰命名法：（js用这个）

运算符

"！"代表否定，但"！！"代表否定之否定==肯定；
switch的用法
三目运算符 ? :（可以看做if条件的简便形式）

数组

数组的增删改
数组splice（）的使用方法
数组concat连接

var a=[1,2,3];

var b=[4,5,6];

alert(a.concat(b));//1,2,3,4,5,6

Join分隔符的用法
数组sort排序的用法
- 普通用法
- Sort多位数字无法正确排序，原因如下
- 解决方法2种

posted @ 2020-06-27 23:23 夕夏未晴阅读(291) 评论(0) 收藏举报

刷新页面返回顶部