1013
1.overflow属性?
visible 默认超出,auto 超出有滚动条,scroll 不管超每超出都有滚动条,hidden多余内容被隐藏, inherit 继承
2.sessionStorage 和 localStorage 的用法?
有效期和作用域
sessionStorage仅在当前浏览器有效,localStorage长期有效,除非手动删除(两种方式:清空浏览器缓存或者removeItem(key))
localStorage在同源浏览器中可以共享(同源:协议,主机名,端口号),浏览器也要相同,上次是火狐,这次是谷歌也不行
sessionStorage在浏览器的当前标签中有效,
取值和赋值
赋值: sessionStorage.setItem('name', 'jacky');
sessionStorage.setItem('platName', JSON.stringify(state))
存储的值必须是字符串,所以存储数组和对象时使用JSON.stringify转化一下
或者sessionStorage.platName = state.paltName 直接赋值
取值: var name = sessionStorage.getItem('name');
和setItem一样,getItem也有两种等效形式,value = sessionStorage.key和value = sessionStorage['key']。
let dataMsg = JSON.parse(sessionStorage.getItem('dataMsg')) 取值的时候也要再转化成对象
3.H5新特性?
1.语义化标签 header,nav,aside,article,footer
优点:可读性高,结构清楚,易于维护,有利于SEO优化(前端如何进行SEO优化?)
2.video和audio标签,video和canvas结合可以用来实现拍照功能
3.canvas绘画功能
4.表单新特性:input新增输入类型:number,date,email,tel, url等
表单属性:placehoder,min/max, multitype
5.webSocket---(要学)
6.webWoker---(要学)
1014
4.前端如何进行SEO优化?
1.title, alt,h1 标签,title是网站的标题,alt是图片没有正常显示时的标签,h1大标题,一个页面只有一个
2.meta标签的name属性,key,description,搜索引擎通过阅读他们来指导网站的主要内容
3.增加连接诱导用户点击,增加点击量
4.H5语义化标签
5.伪元素和伪类?
区别在于是否新增了新元素
伪元素:是创建新元素,代表某个元素的子元素,虽然逻辑上存在,但是不存在于DOM树中
比如E:before,E:after,和content一起使用
伪类:给某个元素增加类名
比如a链接的点击前,点击中,点击后样式;hover样式;first-child选择第几个子元素等
6.let const var区别?
runrun
最新推荐文章于 2024-10-17 11:22:54 发布