基础知识总结

原创 qiao 随笔 经验总结 174阅读 2019-02-25 10:55:50 举报

1、vue与angular
1)vue参考了angular的思想
2)vue更加小巧,运行速度比angular快
3)vue有组件化,angular没有
2、组织事件冒泡
e.stopPropagation()
window.event.cancelBubble=true
3、阻止默认事件
event.preventDefault();
window.event.returnValue = false;
4.请描述一下cookies,sessionStorage和localStorage的区别?
sessionStorage用于本地存储一个会话(session)中的数据,
这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。
而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不 会过期的。

webstorage 概念与cookie相似,区别是它为了更大容量存储设计。cookie大小 受限,浪费带宽;
web拥有已经封装好的方法:setItem,getItem等,cookie需要自己封装;
cookie是用来与服务端进行交互,web是为了本地存储。
5、src与href
src指向外部资源的位置,指向的内容会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档中,如js脚本,img图片等
href指向网络资源所在位置,建立和当前元素或当前文档(链接)之间的链接,如<link href=”common.css” rel=”stylesheet”/>
6、link和@import
1)加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。
2)@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。
3)可以通过 JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式。
4)link引入的样式权重大于@import引入的样式。
7、在css/js代码上线之后开发人员经常会优化性能,从用户刷新网页开始,一次js请求一般情况下有哪些地方会有缓存处理?
dns缓存,cdn缓存,浏览器缓存,服务器缓存。
8、如何理解HTML结构的语义化
1)去掉或者样式丢失的时候能够让页面呈现清晰的结构
2)屏幕阅读器会根据标记读网页
3)搜索引擎爬虫也依赖标记确定上下文和关键字的权重
4)便于团队开发和维护
9、超链接访问过后hover样式就不出现的问题是什么?如何解决?
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A(link,visited,hover,active)
10.html常见兼容性问题?
1).双边距BUG float引起的 使用display
2).3像素问题 使用float引起的 使用dislpay:inline -3px
3).超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4).Ie z-index问题 给父级添加position:relative
5).Png 透明 使用js代码 改
6).Min-height 最小高度 !Important 解决’
7).select 在ie6下遮盖 使用iframe嵌套
8).为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的,使用over:hidden,zoom:0.08 line-height:1px)
9).IE5-8不支持opacity,解决办法:
.opacity {
opacity: 0.4
filter: alpha(opacity=60); / for IE5-7 /
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; / for IE 8/
}
10). IE6不支持PNG透明背景,解决办法: IE6下使用gif图片
11.Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示, 可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决.

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复