前端学习笔记
在html中引用css
1.内嵌式： <body style="background-color: gray">
在标签内style=" "如<p style = "color:#f00;">
2.内部样式：
<style type="text/css">
p {color:red;}
</style>
用style标签，将要进行css控制的属性放在标签内
3.外部引用：
<link rel="stylesheet" type="text/css" href="mystyle.css">
在head标签内，并且用link标签来引入你要加载的css文件
显示优先级:内联>外部样式表>内部样式表
在jsp中引用js
1.引入外部js
2.当前页面中
直接把js效果写在标签中即可。这部分内容可以放在页面中的任何位置。但是一般放在页面的底部。这样的话便于页面加载完成再执行js文件。
=和== 和 ===
=为赋值操作符
==为判断是否等于，会先将两边的值进行强制类型转换再比较是否相等，只要求比较两个值是否相等。
===为严格等于，它不会进行类型转换，不仅仅要求值相等，还要求类型相同。
!= 和 !==的区别也是如此
!=会进行类型转换而!==不会
hashcode() 和 equals()：
1、equals方法用于比较对象的内容是否相等（覆盖以后）
2、hashcode方法只有在集合中用到
3、将对象放入到集合中时，首先判断要放入对象的hashcode值与集合中的任意一个元素的hashcode值是否相等，如果不相等直接将该对象放入集合中。如果hashcode值相等，然后再通过equals方法判断要放入对象与集合中的任意一个对象是否相等，如果equals判断不相等，直接将该元素放入到集合中，否则不放入。
JavaScript中的变量定义：
1.const定义的变量不可以修改，而且必须初始化，该变量受全局作用域和函数作用域及块作用域的限制
2.var定义的变量可以修改，该变量受全局作用域，函数作用域，块级作用域的限制
3.let定义的变量可以修改，该变量只受全局作用域和函数作用域的限制，并不受块级作用域的限制
JSP中的9大内置对象和4大作用域：
9大内置对象
输入输出对象：request对象，response对象，out对象
通信控制对象:pageContext对象，session对象，application对象
Servlet对象：page对象，config对象
错误处理对象：exception对象
Request：它包含了有关浏览器请求的信息,通过该对象可以获得请求中的头信息,cookie和请求参数。
Response：作为jsp页面处理结果返回给用户的响应存储在该对象中。并提供设置响应内容，响应头以及重定向的方法。
Out：将内容写入jsp页面实例的输出流中，提供了几个方法使你能用于向浏览器回送输出结果。
pageContext：描述当前jsp页面的运行环境，可以返回jsp页面的其他隐式对象及其属性的访问，它还实现将控制权从当前页面装入到其他页面
Session：会话对象存储有关此会话的信息，也可以将属性赋给一个会话，每个属性都有名称和值，会话对象主要用于存储和检索属性值。
Application：存储了运行jsp页面的servlet以及在同一应用程序中的任何web组件的上下文信息
page：表示当前jsp页面的servlet实例
config：用于存取servlet实例的初始化参数
exception：在某个页面抛出异常时，将错误转发至jsp错误页面。提供此对象是为了在jsp中处理错误。
4个作用域：
1.如果把变量放到pageContext里，说明它的作用域是page，它的有效范围只在当前jsp页面里。从把变量放到pageContext开始，到jsp页面结束，都可以使用这个变量
2.如果把变量放到request里，说明它的作用域是request，它的有效范围是当前请求周期，所谓当前请求周期，就是指从http请求发起，到服务器处理结束，返回响应的整个过程。这个过程中可能使用forward的方式跳转了多个jsp页面，在这些页面里你都可以使用这个变量。
3.如果把变量放到session里，说明它的作用域是session，它的有效范围是当前会话。所谓当前会话，就是指从用户打开浏览器开始，到用户关闭浏览器这中间的过程。这个过程可能包含多个请求响应。也就是说，只要用户不关浏览器，服务器就有办法知道这些请求是一个人发起的，整个过程被称为一个会话
4.如果把变量放到application里，就说明它的作用域是application，它的有效范围是整个应用。整个应用是指从应用启动，到应用结束。我们没有说“从服务器启动，到服务器关闭”是因为一个服务器可能部署多个应用，当然你关闭了服务器，就会把上面所有的应用都关闭了。application作用域里的变量，它们的存活时间是最长的，如果不进行手工删除，它们就一直可以使用。与上述三个不同的是，application里的变量可以被所有用户共用。如果用户甲的操作修改了application中的变量，用户乙访问时得到的是修改后的值。这在其他scope中都是不会发生的，page, request, session都是完全隔离的，无论如何修改都不会影响其他
JavaScript中的四大内置对象：
4大内置对象
(1).Math对象 ceil()：向上取整。 floor():向下取整。 round():四舍五入。 random():取随机数。
(2).Date对象
get/setDate()：返回或设置日期。
get/setFullYear():返回或设置年份，用四位数表示。
get/setYear():返回或设置年份。
get/setMonth():返回或设置月份。0为一月
get/setHours():返回或设置小时，24小时制
get/setMinutes():返回或设置分钟数。
get/setSeconds():返回或设置秒钟数。
get/setTime():返回或设置时间（毫秒为单位）
(3).String对象
charAt():返回指定索引的位置的字符
concat（）：返回字符串值，表示两个或多个字符串的连接
match（）：使用正则表达式模式对字符串执行查找，并将包含查找结果最为结果返回
function MatchDemo(){
var r, re; // 声明变量。
var s = “The rain in Spain falls mainly in the plain”;
re = /ain/i; // 创建正则表达式模式。
r = s.match(re); // 尝试匹配搜索字符串。
return®; // 返回第一次出现 “ain” 的地方。
}
Replace（a，b）：字符b替换a
Search（stringObject）：指明是否存在相应的匹配。如果找到一个匹配，search 方法将返回一个整数值，指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配，则返回 -1。
Slice（start，end）：返回字符段片段
Split（）：字符串拆分
Substr（start，length）：字符串截取
Substring（start，end）取得指定长度内的字符串
toUpperCase（）：返回一个字符串，该字符串中的所有字母都被转化为大写字母。
toLowerCase（）：返回一个字符串，该字符串中的所有字母都被转化为小写字母。
(4).Array对象
Concat（）：表示把几个数组合并成一个数组。
Join（）：返回字符串值，其中包含了连接到一起的数组的所有元素，元素由指定的分隔符分隔开来。
Pop（）：移除数组最后一个元素。
Shift（）：移除数组中第一个元素。
Slice（start，end）：返回数组中的一段。
Push（）：往数组中新添加一个元素，返回最新长度。
Sort（）：对数组进行排序。
Reverse（）：反转数组的排序。
toLocaleString();返回当前系统时间
Array对象属性常用的只有一个：
Length：表示取得当前数组长度
JavaScript中的数据类型：
6种原始类型其中object为对象类型
1.object —function/array/date 2.number 3.string 4.boolean 5.null 6.undefined
标签体的设置和获取： innerHTML：
innerHTML 和 innerText的区别：
innerHTML 会解析HTML的格式，把标签体显示出来，如字体颜色等
innerText就比较笨，只会把标签体代码原样展示。空格等会忽略。
null和undefined
虽然两者在字面上表示的都为该数值为空，undefined意思是为未定义且数值为空，null则定义了但是数值为空值。用来判断的话它们是相同的，但是用=来判断的话它们却不同。
作用域优先级：
局部作用域大于全局作用域，在局部中全局作用域会被局部作用域遮盖
portotype
数组的添加删除修改操作
原型和原型链
原型链不会破坏原型本身，原型链可以获得原型上的属性，类似与继承的关系
jQuery：
关于jQuery和DOM的转换：
（通过id进行变量声明）
jQuery对象 大致为 var $变量名 = $(‘id’)
DOM对象 var 变量名 = document.getElementById(‘id’)
jQuery对象转DOM对象：
var 变量名 =
j
q
对
象
名
.
g
e
t
(
)
方
法
D
O
M
对
象
转
j
Q
u
e
r
y
对
象
：
写
一
个
j
Q
u
e
r
y
对
象
声
明
，
jq对象名.get()方法 DOM对象转jQuery对象： 写一个jQuery对象声明，
jq对象名.get()方法DOM对象转jQuery对象：写一个jQuery对象声明，(DOM对象)
jQuery选择器：
1.id选择器：一个用来查找的ID，即元素的id属性 语句为KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲id”) 2.类选择器: 通过…(".class")
3.元素选择器:根据给定（html）标记名称选择所有的元素 语句
(
"
e
l
e
m
e
n
t
"
)
4.
全
选
择
器
(
∗
选
择
器
)
:
通
配
符
∗
意
味
着
给
所
有
的
元
素
设
置
默
认
的
边
距
。
j
Q
u
e
r
y
中
我
们
也
可
以
通
过
传
递
∗
选
择
器
来
选
中
文
档
页
面
中
的
元
素
语
句
("element") 4.全选择器(*选择器):通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 语句
("element")4.全选择器(∗选择器):通配符∗意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递∗选择器来选中文档页面中的元素语句(" * ")
5.层级选择器: 子元素 后代元素 兄弟元素 相邻元素
6.基本筛选选择器:
注意事项：
1.eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引
2.gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始
7.内容筛选选择器:
注意事项：
:contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素
如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。
:parent与:empty是相反的，两者所涉及的子元素，包括文本节点
8.可见性筛选选择器:
我们有几种方式可以隐藏一个元素：
CSS display的值是none。
type="hidden"的表单元素。
宽度和高度都显式设置为0。
一个祖先元素是隐藏的，该元素是不会在页面上显示
CSS visibility的值是hidden
CSS opacity的指是0
9.属性筛选选择器:
10.子元素筛选选择器:
注意事项：
:first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1)
:last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素
如果子元素只有一个的话，:first-child与:last-child是同一个
:only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配
jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的
nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算
11.表单元素选择器:
注意事项：
除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(’:password’) == $(’[type=password]’)
12.表单对象属性筛选选择器:
注意事项：
选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器
在某些浏览器中，选择器:checked可能会错误选取到元素，所以保险起见换用选择器input:checked，确保只会选取元素
13.特殊选择器this:
枚举
在计算机编程中，枚举类型是一个由一组叫做元素, 成员, 枚举成员的值组成的数据类型.枚举成员的名字在语言中通常充当常量的标识符.枚举类型的变量可以被任意的枚举成员所赋值.
闭包，作用域，原型链：
如果局部变量和全局变量重名了，局部变量会覆盖全局变量，而我们想要在函数中访问同名的全局变量时，可以使用window.全局变量名。
隐式全局变量和明确定义的全局变量间有些小的差异，就是通过delete操作符让变量未定义的能力。
通过var创建的全局变量（任何函数之外的程序中创建）是不能被删除的。
无var创建的隐式全局变量（无视是否在函数中创建）是能被删除的。
hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数。
1137
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
