一、  JavaScript事件 在前端中，页面的每次交互和特效都是一个事件，其中任何一个html元素都是一个事件源，一个很事件源可以添加多个事件。 二、事件中的event对象   只要发生一个事件就会产生一个event事件，event代表事件的状态 1、event事件常见的属性和状态 2、阻止默认事件的发生 对于一些标签来说，他们拥有自己的事件，比如：a标签可以跳转，submit/button可以提交表单，reset可以重置按钮，那么如果想要给这些按钮添加事件，并且不让他执行对应的默认事件的话，就需要使用自制时间发生；阻止默认事件的方法有两种：使用的是事件对象的方法来阻止event.sto...

一、window对象 顾名思义window是窗口的意思，也就是浏览器的窗口，所有浏览器都支持window对象，因此所有的JavaScript全局对象，函数，变量都是window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 子对象： 属性： 方法： 二、location对象 location对象用于获得当前页面的地址(URL)，或把浏览器重定向到新的页面 跳转的多种方式 案例：点击链接跳转详情页 第一个页面： //search传递多个参数获取 varsearch=window.location.search; //获取的？之后的字符串去掉问好，其...

一、创建Date对象 vardateObj=newDate(); varnow=Date.now()  当前时间 二、Date方法 1、将日期转为字符串 toLocaleString() toLocaleDateString() toLocaleTimeString() 2、获取年、月、日、小时、分、秒 getFullYear() vard=newDate(); varyear=d.getFullYear(); getMonth()   获取月份，返回值为0-11（外国人规定的），表示1月到12月，所以获取到月份之后需要+1 vard=newD...

一、创建string对象 varstrOb=newString("abcefg"); varstrOb=String("abcefg"); varstrOb="abcefg"; 二、属性 length  (字符串长度) varstr='hello'; console.log(str.length)//5 三、方法 1、子字符串位置 indexOf(string,[index]) string：查找的字符串的内容，必填项 index：开始查找位置，可有可无 返回值：返回值是查找到的子字符串的位置（下标），默认情况下，返回的是第一个被查找到的内容；如果被查找的内容不存在，则返回...

一、if语句的分支 分类：单分支，双分支，多分支，分支嵌套 ()中可以是一个值，也可以是一个表达式 //单分支 if(条件表达式){ 代码段 } //双分支 if(条件表达式){ 代码段1 }else{ 代码段2 } //多分支 if(条件表达式1){ 代码段1 }elseif(条件表达式2){ 代码段2 }elseif(条件表达式3){ 代码段3 }else{ 代码段4 } 案例： //1.考驾照的年龄需要在18岁到70岁，不满足条件提示不符合 varyear=parseInt(prompt('请输入您的年龄')) if((year<18||year>70)&&y...

1、什么是for循环 在JavaScript中，for循环是一种常用的控制流语句，用于重复执行一段代码指定的次数。 for(循环变量初始化表达式;循环条件表达式;更新循环变量表达式){  循环体} 初始化表达式：只在循环开始时执行一次，通常用于初始化循环控制变量。 条件表达式：每次循环开始前都会被评估。如果条件为真（true），则执行循环体；否则，循环终止。 最终表达式：在每次循环结束时执行，通常用于更新循环控制变量。 2、注意 循环变量可以定义在for循环结构体外 没有更新循环变量会变成死循环 循环条件中的‘；’不能省略 3、基础for循环案例 循环五个div标签...

案例一: 一百个和尚分一百个馒头，大和尚一人分三个，小和尚三人分一个，正好分完。问大、小和尚各几人？ varnum=100; varpeople=100; varbig,small; for(big=0;big<=33;big){ small=people-big; if(big3+small/3num){ document.write("大和尚为:"+big+"人小和尚为:"+small+"人"); } } 案例二： 案例：鸡翁一值钱五，鸡母一值钱三，鸡雏三值钱一。百钱买百鸡，问鸡翁、鸡母、鸡雏各几何？ varmoney=100; varnum=100; varman,w...

一、while语句 While循环会在指定条件为真时循环执行代码块。While循环，先进行条件判断，再执行循环体的代码 while(条件表达式){ 循环体 } 如果条件不满足，则不会执行循环体，一次都不会 案例： vari=1; while(i<=10){ console.log(i); i; } 二、do.....while循环 do/while循环是while循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。 dowhile循环，先执行循环体代码，再进行条件判断。至少执行一次循环体的代码。 代码块会至少先执行一次 do{ 代码段 }w...

一、函数及函数的构造 函数是一个可重用的代码块，用来完成某个特定功能。每当需要反复执行一段代码时，可以利用函数来避免重复书写相同代码。 函数包含着的代码只能在函数被调用时才会执行，就可以避免页面载入时执行该脚本 简单来说就是一个封装,封装的是一个特定的功能,重复使用 函数的三种定义方法： Function构造函数定义函数 var函数名=newFunction(“参数1”，”参数2”，”参数3”……”函数体”); function语句定义函数 function函数名(参数1，参数2……[形参]){ <语句块> return返回值 } 在表达式中直接定义函数 var函数名=functi...

一、创建数组对象的方式 vararrOb=newArray(值,........) vararrOb=Array(值,.......) vararrOb=[值,.........] vararrOb=newArray(n); arrOb[0]=值1; arrOb[1]=值2; 二、数组的属性 length   //数组中元素的数目 vararr=['云南','九寨沟','拉萨','西双版纳','三亚','少林寺']; console.log(arr.length); 三、数组的方法 1、转为字符串 vararr=['云南','九寨沟','拉萨','西双版纳','...

一、变量的生命周期 JavaScript变量的生命期从它们被声明的时间开始。 局部变量会在函数运行以后被删除。 全局变量会在页面关闭后被删除。 二、自执行函数 执行函数通常都是定义之后立即执行，以后都不再会调用，所以声明时可以省略函数名，因此自执行函数又叫匿名函数。 通用的自执行函数方式有两种： 1、在给该函数加上小括号，后面紧跟小括号 (function(){console.log('我是匿名函数')})() 2、在函数后边加上小括号，然后再用个小括号把函数和小括号一起包起来 (function(){console.log('我是匿名函数')}()) 案例：一个列表里有6个li，要求点击li...

一、算数运算符 算术运算符（+，-，，/，%【重要】，【重要】，--） 其中+的左边和右边有"",表示拼接 i，表示先赋值后+1   i，表示先+1后赋值 同理减法也是如此 算数运算中，+可以进行隐式迭代，将字符串数字转化为Number类型 alert(typeof(+'5'))//number 二、比较算数运算符 比较运算符（>,<,>=,<=,,,=，!=不等于,!不全等于） 专门用作判断，返回值结果为boolean，比较算数运算符结果是Boolean类型 其中是等于 =是全等于；两者之间的区别是可以类型不同值相同，...

一、字符串类型的转换 1、自动转换 <script> varstr='hello'; varnum=100; console.log(str+num); console.log(typeof(str+num)); </script> 2、强制转换 String（），object.toString() <script> //string() varnum=100; console.log(typeofnum); console.log(typeofString(num)); </script> object意思为对象，一切皆为对象，所以查询d...

一、数组的存储 1、当声明一个变量时，vara=111;在后台计算机翻译时，var声明a变量所以此时会产生一个栈内存，变量a的初始值为undefined，然后=111；undefined消失，111的值被赋值给了a。如果多个变量赋值的话，栈内存的执行顺序是先进后出的顺序。也叫做压栈。栈内存属于基础数据类型，存入的是一个值。   2、当声明一个数组时，vararr=['1','2','3'];后台计算机是将arr的值以地址的形式存入在堆内存中，堆内存的可以随时取值，没有顺序，堆内存属于引用数据类型，存入的是一个地址 1、 2、 3、浅copy <script> v...

一、什么是JavaScript JavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言 二、JavaScript的三种引入方式 1、引入.js后缀的文件，注意一般外部引入js的文件，放在body标签的后边，css文件放在head里面，中间body标签写html代码的框架 <scriptsrc="./javasrcipt.js"></script> 2、写在script标签内部，编写JavaScript代码 <script> varname='gz...

一、使用透明度 语法：opacity:0 注意：元素消失，但是还会占据空间，只是视觉看不出来 <style>.box{width:100px;height:100px;background-color:aquamarine;opacity:0;}</style><divclass="box"></div>   二、使用display 语法：display:none 注意：元素消失，不会占据空间 <style>.box{width:100px;height:100px;background-color:aquamarine;d...

一、伪类说明   定义：伪类⽤于向某些选择器添加特殊的效果   超链接（a标签）伪类：a标签我们在日常工作和学习中用的很多，我们只知道默认状态下为蓝色，但是a标签其实有四种状态。     1、未访问前为蓝色（如果a标签使用不是蓝色而是紫色，那么近期访问过该网站，需要去浏览器删除近期记录）  a:link      2、鼠标按着不松手时为红色 a:active     3、访问后为紫色     a:visited     4、鼠标移入变化   a:hover 二、元素获取  ...

在我们日常的网页中，尤其是新闻类的网页会遇到许多类似于这样的样式 多行甚至单行的文本隐藏+上省略号标题。 解决这一办法，需要利用css的样式进行改变 如下代码的演示： 单行文本隐藏: 多行文本隐藏： 主要知识点： 1、单行文本隐藏省略：文本不能换行、超出部分隐藏、超出部分省略 2、多行文本隐藏省略：需要利用display改变标签的属性，使其变为弹性盒子并垂直排序、保留对应的行数、最后将超出部分进行隐藏

说明：在LinuxCentOS系统中，软件的管理方式有三种：rpm、yum、编译方式。 一、rpm 优点：对于软件包的操作比较简单，通过简单指令即可操作 缺点：   ①安装时需要自行下载软件包   ②安装、卸载软件时需要考虑到依赖关系   ③软件的自定义性比较差，不适合有特殊需求的场景 语法 ①查询   rpm-qa关键词（查询机器上是否有安装指定的软件包） 选项说明：   -q：query，查询   -a：all，所有 ②卸载   rpm-e软件包全称[--nodeps]（卸载软件，包的全称需要通过①去查询） 选项说明：   -e：卸载   --nodeps：忽略依赖关系 ③安装   rpm...

  1.font-style设置字体样式 属性值：   normal：指定⽂本字体样式为正常的字体   italic：指定⽂本字体样式为斜体。 2.文字字体 font-family只能引用系统自带的字体样式，如果需要其他别的字体，需要从外部下载调用 引用外部字体  网站：https://font.chinaz.com/katongziti.html 3、字体粗细 font-weight定义字体粗细 1）normal：正常的字体。相当于number为400 2）bold：粗体。相当于number为700 3）bolder...