H5新标签:
header,footer,nav,article,section,datalist(input里定义list=id,datalist定义id),aside,fieldset(加legend标签),video(ogg,mp4,webm),audio(ogg,mp3,wav)。
canvas,menu,figure。
input新type值:
email,tel,url,number,search,range(滑块),time,date,datetime,month,week。
新属性:
placeholder,autofocus,multiple(可多选文件),autocomplete(必须加Name值),required(必填项),accesskey(加一个键盘字母定光标)。
H5删除标签:
frame,center,big,b,font。
CSS3新特性。
animation,transition,transform。
圆角:border-radius添加圆角边框。
阴影:box-shadow,inset内阴影。
渐变:线性(bgm-gradient(linear,左上到右上));径向(bgm-gradient(radial,圆到圆))
盒子模型:box-sizing:content-box,border-box。webkit兼容。
ES6常用新特性。
①let定义局部对象,const定义常量,原先var可以重复声明且无法限制修改,且是函数级变量。
② 函数参数扩展(a,b,...args);...还可以展开数组:...arr2,let a = [...b,...c];合并数组。
③箭头操作符用于简化函数的写法,操作符左边为参数,右边为具体操作和返回值。可以直接调用父级this。箭头函数的this永远指向windows。
④ 结构赋值:左右结构必须一致,声明和赋值let b =[a,b,c] = [12,5,8];
⑤数组新增方法:map,reduce,filter,forEach
Ⅰ,map:映射,一个对一个。
Ⅱ,reduce,汇总,一堆出一个。
arr.reducet((tmp,item,index)=>{ //tmp为前面相加的结果 return tmp + item; })
Ⅲ,filter,过滤器。
arr.filter(item=>{ //返回false的项不显示 return item%3==0 });
Ⅳ,forEach,迭代。
arr.forEach((item,index)=>{//相当于for循环})
⑥字符串模板:``,连接非常方便,你懂的,Json的值必须用双引号,key必须加双引号。
⑦延展操作符:通过它可以将数组作为参数直接传入函数:
⑧为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型,具有iterable类型的集合可以通过新的for … of循环来遍历。
ES6面向对象概念
① 新增类class User{},可定义构造函数,方法无需用function,直接clickBtn(){}。
②继承extends,使用:class VipUser extends User{},在构造器中执行父类super(),
class VipUser extends User{
constructor(name,pass,level){ //...args
super(name,pass); //...args
this.level=level;
}}
异步:可同时进行多个操作;同步:同时只能做一件事。
Promise:用同步方式,写异步代码,定义及使用:
function createPromise(url){
return new Promise(resolve,reject){
//异步代码,resolve成功,reject失败。
$ajax({
url:url,
success(arr){
resolve(arr)
}})
}}
Promise.all([
createPromise('data/arr.txt'),
createPromise('data/arr.txt'),
]).then(function(arr){
//成功
},function(arr){
//失败
})
进一步简化:
Promise.all([
$.ajax({url:url,dataType:'json'}),
$.ajax({url:url,dataType:'json'})
]).then(function(result){
let [arr,json] = result; //此处arr和jsobn分别来自上面ajax的结果
//成功
},function(arr){
//失败
})
generator生成器:
①可以让函数在运行过程中停止。
②function *show(){ yield ajax(xxx) },yield暂停,*表明函数是生成器。
③走走停停,自行操控,let genObj = show(); 继续:genObj.next();
④yield可传参可返回,第二个next给yield传参,传前面的参数用show(n,m),最后的next可获取show函数return 的值。
————————————————
这篇博客详细介绍了HTML5的新标签如header, footer, nav等,以及input的新type值和属性,如autofocus, placeholder等。接着,探讨了CSS3的新特性,包括animation, transition, transform,以及圆角、阴影和渐变效果。此外,还深入讲解了ES6的重要新特性,如let和const的使用,箭头函数,结构赋值,以及数组和字符串模板。最后,提到了Promise和Generator在异步编程中的应用,以及面向对象的class和继承概念。
746

被折叠的 条评论
为什么被折叠?



