笔记：web安全——JavaScript基础（1）

css预处理器：一种专门的编程语言，进行web页面样式设计，再通过编译器转化为正常的css文件。

常用的css预处理器：

sass，功能量大，解析效率高，学习Ruby语言，上手难度高

less，基于nodeJS，通过客户端处理，功能简单，解析效率低，但实际开发中足够

JavaScript：一门弱类型的脚本语言，将文本格式的字符代码发送给浏览器有浏览器解释运行，前后端运用很多

vue：既有react模块化开发又有angular虚拟dom的优点 渐进式JS框架

一、JavaScript

世界上最流行的脚本语言，合格的后端人员必须精通

1.引入：

（1）html>head(body)>script

alert:弹警告框

（2）双标签script+src属性引入JS文件  外部写法（参考link）

2.基本语法

（1）定义变量：var

变量名不能以数字开头，可以$、下划线、汉字

语句间分号隔开

（2）条件控制

&、/**/、严格区分大小写

console.log（在浏览器控制台打印变量）

控制台：

elements：爬网站、复刻

console：调试JS

sources：打断点

network：抓包

application：查看网站cookie

3.数据类型

（1）number（小数、整数、浮点数、负数、科学计数法、Infinity无限大、NaN表示不是一个数）

（2）字符串‘abc’ “abc”

（3）布尔值true、false

（4）逻辑运算：

        &&与   两个都为真，结果为真

        ||或      一个为真，结果为真

        ！非     真即假，假即真、

（5）比较运算符

赋值符号=

等于符号==（类型不一样，值一样，也判为true，坚持不用）

绝对等于===（类型一样，值一样，结果为true）

NaN===NaN，结果为false，这个与所有的数值都不相等，包括自己

只有isNaN(NaN),结构为true

尽量避免使用浮点数运算，存在精度问题

（6）null（空、无值）underfined（未定义）

（7）数组（保证可读性，多用第一种）

        var  a=[ 1,2,3,'hello',null,true ];

    或new Array(1,2,3,3,'hello',null,true );

下标越界显示underfined

（8）对象 { }（参考结构体）

属性之间逗号隔开，最后一个不需要

引用时：person.name

严格检查模式  ‘use strict’；

预防js的随意性导致产生的一些问题  用于script第一行

拒绝全局变量，es6中局部变量用let

以上笔记视频来源：bilibili遇见狂神说