html5教程-html5笔记

发布时间:2018-12-10 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5教程-html5笔记脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

datalist

nav

section

SEO搜索引擎优化

选择器

document.querySelector(“.aa”)选择一个

document.querySelectorAll(“.aa”)选择多个

classList返回的是一个对象,classname返回的是一个字符串

classList里面的toggle()可以切换class方法,就是你原来没有我就给你加上,原来有就去掉

JSON.stringify();把对象转化成字符串

JSON.parse();把字符串转化成对象

json的兼容性问题解决方法www.json.org下载json.js引入

 //作用是完成拷贝obj,返回新的对象(两种方法)  VAR obj1 = {     name: “zhangsan”,     age: 20,     father: {         name: “zhangxx”,         age: 50     } };

方法一:用原生js进行递归操作

 function clone(obj) {     var newObj = {};     for (var p in obj) {         if (tyPEof(obj[p]) == “object”) {             newObj[p] = clone(obj[p]);         } else {             newObj[p] = obj[p];         }     }     return newObj; }

方法二:用JSON

 var str1 = JSON.stringify(obj1);  var obj2 = JSON.parse(str1);

JSON只能解析JSON格式的代码,安全,而eval可以解析任何格式的代码,并且不安全

js异步加载(js是单线程的,浏览器是多线程的)

defer 可以保证js加载顺序,htML一边渲染,js一边下载,html全部渲染完,再执行js

async 无法保证js加载顺序,html一边渲染,js一边下载,js下载完立刻执行js

用defer和async的时候是不能用document.wirte的

jsonp的原理:

通过script标签引入一个js文件,这个js文件载入成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。所以jsonp是需要服务器端的页面进行相应的配合的。

canvas的width和height都需要写成内联的样式,如果写在style里面的话会把它抻大

datalist

nav

section

SEO搜索引擎优化

选择器

document.querySelector(“.aa”)选择一个

document.querySelectorAll(“.aa”)选择多个

classList返回的是一个对象,className返回的是一个字符串

classList里面的toggle()可以切换class方法,就是你原来没有我就给你加上,原来有就去掉

JSON.stringify();把对象转化成字符串

JSON.parse();把字符串转化成对象

json的兼容性问题解决方法www.json.org下载json.js引入

 //作用是完成拷贝obj,返回新的对象(两种方法)  var obj1 = {     name: “zhangsan”,     age: 20,     father: {         name: “zhangxx”,         age: 50     } };

方法一:用原生js进行递归操作

 function clone(obj) {     var newObj = {};     for (var p in obj) {         if (typeof(obj[p]) == “object”) {             newObj[p] = clone(obj[p]);         } else {             newObj[p] = obj[p];         }     }     return newObj; }

方法二:用JSON

 var str1 = JSON.stringify(obj1);  var obj2 = JSON.parse(str1);

JSON只能解析JSON格式的代码,安全,而eval可以解析任何格式的代码,并且不安全

js异步加载(js是单线程的,浏览器是多线程的)

defer 可以保证js加载顺序,html一边渲染,js一边下载,html全部渲染完,再执行js

async 无法保证js加载顺序,html一边渲染,js一边下载,js下载完立刻执行js

用defer和async的时候是不能用document.wirte的

jsonp的原理:

通过script标签引入一个js文件,这个js文件载入成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。所以jsonp是需要服务器端的页面进行相应的配合的。

canvas的width和height都需要写成内联的样式,如果写在style里面的话会把它抻大

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-html5笔记全部内容,希望文章能够帮你解决html5教程-html5笔记所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。