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遇见狂神说