HTML+CSS+js常见知识点
2017-10-31 09:25
435 查看
一、HTML、CSS常见知识点
1.垂直居中盒子
2、浏览器间的hack方法
3、WEB语义化有利于SEO优化和快速查找
H5新特性:
(1)用于绘画canvas元素;
(2)用于媒介回放的video和audio;
(3)本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;sessionStorage的数据在浏览器关闭后自动删除;
(4)语义化更好的元素,如:header、article、section、footer、nav\aside(定义侧边栏)\details(描述文档某个部分的细节) \dialog(定义对话框)\figure(规定独立的流内容)\progress(定义任何类型的任务的进度);
(5)表单控件,如:datetime(显示完整日期)\date(显示日期)\time\email\url(网页地址)\search(谷歌下输入文字后,会多出一个关闭X)\range\tel\number\color.
CSS3新功能:圆角、多背景、动画与渐变、box阴影、背景透明等。
二、JS常见知识点
1、同源策略(同协议、同域名、同端口):JS重要的安全度量标准,为了防止某个文档或脚本从多个不同的源装载。
2、作用域链:保证执行环境里有权访问的变量和函数是有序的,作用域链的变量“只能”向上访问,变量访问到window即终止。
3、原型链:通过函数对象或普通对象自带的proto属性进行访问。
4、闭包:指一个变量在他自身作用域外被使用了,就叫发生了闭包。
1.垂直居中盒子
/* 方法一 */ html, body { width: 100%; height: 100%; padding: 0; margin: 0; } .box { width: 300px; height: 300px; background: yellowgreen; margin: 0 auto; position: relative; top: 50%; margin-top: -150px; } /* 方法二 */ html, body { width: 100%; height: 100%; padding: 0; margin: 0; } .box { width: 300px; height: 300px; background: yellowgreen; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); } /* 方法三 */ html, body { width: 100%; height: 100%; padding: 0; margin: 0; } body { display: flex; align-items: center; justify-content: center; } .box { width: 300px; height: 300px; background: yellowgreen; }
2、浏览器间的hack方法
ie6--------------------->- ie6/7------------------->+,=,~,!,@,#,$,%,^,&,*,` ie6\ie7\ie8\ie9\ie10---->\9 ie9\ie\10--------------->\9\0 firefox----------------->-moz- chrome,360------------------>-webkit-
3、WEB语义化有利于SEO优化和快速查找
H5新特性:
(1)用于绘画canvas元素;
(2)用于媒介回放的video和audio;
(3)本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;sessionStorage的数据在浏览器关闭后自动删除;
(4)语义化更好的元素,如:header、article、section、footer、nav\aside(定义侧边栏)\details(描述文档某个部分的细节) \dialog(定义对话框)\figure(规定独立的流内容)\progress(定义任何类型的任务的进度);
(5)表单控件,如:datetime(显示完整日期)\date(显示日期)\time\email\url(网页地址)\search(谷歌下输入文字后,会多出一个关闭X)\range\tel\number\color.
CSS3新功能:圆角、多背景、动画与渐变、box阴影、背景透明等。
二、JS常见知识点
1、同源策略(同协议、同域名、同端口):JS重要的安全度量标准,为了防止某个文档或脚本从多个不同的源装载。
2、作用域链:保证执行环境里有权访问的变量和函数是有序的,作用域链的变量“只能”向上访问,变量访问到window即终止。
3、原型链:通过函数对象或普通对象自带的proto属性进行访问。
4、闭包:指一个变量在他自身作用域外被使用了,就叫发生了闭包。
例子: var fun(n,o){ consle.log(o); return{ fun:function(m){ return fun(m,n); } } }
相关文章推荐
- HTML+CSS+js常见知识点
- 常用的一些小知识点 html、jsp、css、js、java、tomcat、mysql 等
- html、css与js知识点一
- 关于HTML/CSS/JS常见兼容性整理
- 前端(js/css/html)那些小的知识点,持续更新......
- html,css,js加载顺序
- 能用HTML/CSS解决的问题就不要使用JS
- 去除所有js,html,css代码
- html+css+js 简易展开收起效果
- 【原创】cs+html+js+css模式(四):RemoteCallHandler的修改
- 让Editplus自动格式化js、css、html。。。
- 使用HTML+CSS+JS制作简单的网页菜单界面
- eclipse完全支持jsp页面下HTML/JS/CSS智能提示
- 介绍html CSS和JS的定义或引用
- 滑动固定表格头和列--js,html,css--移动端--基于Iscroll
- html+css+js实现类淘宝星级宝贝评价系统
- java实现将js、css、图片合并到html
- 为右键新建菜单添加自定义后缀(.html, .css, .js, .py)项
- 开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面
- Asp.net中如何过滤html,js,css代码