发表于： 2019-08-19 20:32:14
1 609
今天完成的事情：完成任务3，完成深度思考
JS任务3深度思考
JS有哪几种传参方式？
有限状态机是什么？
jquery中的bind(),live(),delegate(),on()有什么区别？
JS有哪几种传参方式
1、URL传参
把参数值附在url后面传递到其他页面
如：http://xxx.com/login.html?user=lol&pwd=66666
其中"user=lol"和"pwd=666666"就是传值的参数和名称
缺点太多，不建议使用
只能传值2k、信息容易泄露、传中文乱码
2、cookie
优点：兼容性最好，可以在同源内的任意网页内访问，生命期可以设置。
缺点：值长度有限制（存储的容量小），还得注意请求接口时别带到http head。
3、H5 storage
IE8以上不要犹豫 使用这个方法
1、sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
2、localStorage HTML5本地存储web storage特性的API之一，用于将大量数据（最大5M）保存在浏览器中 保存后数据永远存在不会失效过期，除非手动清除。
有限状态机
1、URL传参
把参数值附在url后面传递到其他页面
如：http://xxx.com/login.html?user=lol&pwd=66666
其中"user=lol"和"pwd=666666"就是传值的参数和名称
缺点太多，不建议使用
只能传值2k、信
2、有限状态机
状态总数（state）有限。
任一时刻，只处在一种状态中
某种条件下，会从一种状态转变到另一种状态
jQuery中的bind()、live()、delegate()、on()有什么区别
bind()
绑定事件，可以绑定一个或多个事件，绑定多个事件时用空格隔开即可
- 语法
$("p").bind("click mouseenter",function(){
alert("这个段落被点击了。");
});
live()
和bind()基本一样，可以向尚未创建的元素添加事件1.9中已被废除
delegate()
可以向父元素中的子元素指定事件，其余和live()一样
- 语法
$("div").delegate("p","click",function(){
$("p").css("background-color","pink");
});
on()
自jQuery版本1.7起，on()方法bind()、live()、delegate()方法的替代品，该方法给API带来了很多便利
在使用向父元素中的子元素指定事件时，顺序发生了一点变化
- 语法
$("div").delegate("click","p",function(){
$("p").css("background-color","pink");
});
明天计划的事情：刷一刷jQuery开始任务4
遇到的问题：
暂无
收获：
算是为任务4提前打了一下基础，任务4杀人事件可以用on()来做
返回列表
评论