面试总结
文章平均质量分 77
机器猫zhao
这个作者很懒,什么都没留下…
展开
-
cookie和session区别
1、cookie数据是存放到客户的浏览器上,session数据放到服务器上2、cookie不是很安全,别人可以分析存放到本地的cookie并进行cookie欺骗,session比较安全;3、session会在一定时间内保存到服务器上。当访问增多,会比较占用你服务器的性能,考虑减轻服务器性能方面,使用cookie;4、单个cookie保存的数据不能超过4k,很多浏览器限制一个站点最多保存原创 2016-11-23 13:35:08 · 342 阅读 · 0 评论 -
HTML常见总结
1、Doctype作用?严格模式与混杂模式如何区分?有何意义?Doctype是文档类型,作为文档声明,位于文档最前面位置,告诉浏览器使用哪种html或者Xhtml规范。严格模式是浏览器根据web标准去解析页面,是一种要求严格的DTD,不允许使用任何表现层的语法;混杂模式是一种向后兼容的解析方法,可以实现IE5.5以下版本的浏览器的渲染解析。2、HTML5只需要写为啥?因为HTML5原创 2016-11-08 13:55:59 · 294 阅读 · 0 评论 -
$(document).ready()和原生js下的window.onload的区别
区别1:$(document).ready()是规定DOM(网页文档)加载完成后网页内容加载之前执行的,也就是说在html加载完成后,图片加载之前。window.onlad()是在页面所有元素(包括图片、引用文件)加载完成后执行,也就是说页面的所有东西加载完之后在加载。区别2:$(document).ready()比window.onload()的加载速度要快如图所示:原创 2016-11-24 10:06:16 · 5098 阅读 · 0 评论 -
css总结
1、css的盒模型?盒模型:内容(content)、填充(padding)、边框(border)、外边距(margin)(1)W3C盒模型(标准盒模型):盒子的实际大小=content+padding+border;盒子占据位置=content+padding+border+margin(2)IE盒模型:盒子实际大小=content;盒子占据位置=content+margin注意:原创 2016-11-24 11:15:10 · 644 阅读 · 1 评论 -
rem和em区别
一、rem特点:1、rem根据html根目录的字体大小来计算的;2、rem不仅可设置字体大小,也可以设置元素宽高属性3、改变根目录下的字体大小,下面字体大小都会改变rem举例:html{ font-size:12px;}.box{ font-size:3em;//相当于36px}.middle{ font-size:2em;//相当于24px}.inner{ f原创 2016-11-23 16:51:45 · 769 阅读 · 0 评论 -
最近做项目遇到的棘手问题
问题1:在IE高版本浏览器上,测试搜索时调用ajax请求去搜索内容,但却没有显示数据,谷歌下能出来数据?解决办法:首先先对比他的请求头,响应头的区别,发现没有问题,可以考虑url地址的问题。最后发现是url中出现中文,zaiIE浏览器下不会解析中文,所以把url中的中文转成utf-8编码格式。例子:encodeURI(searchNameOrBed) ===》把搜索的字段转编码说原创 2017-05-15 17:31:34 · 1413 阅读 · 0 评论 -
2、如何给未知宽高的图片垂直居中?有几种办法?
(1)背景法.wrap{ width:300px; height:200px; background: url(../img/test.jpg) center center no-repeat; }(2) 图片外面用个p标签,通过设置line-height使图片垂直居中(兼容性较好) .wrap{ width: 300px; height:原创 2017-06-13 17:32:57 · 482 阅读 · 0 评论 -
前端可做那些优化?seo?
性能优化:(1)减少http请求(解决办法:合并图片,合并js和css;图片较多的页面可以使用懒加载技术)。(2)尽量减少repaint和reflow(3)减少DOM操作(解决办法:减少对Dom操作的查询和修改,查询时可将其赋值给局部变量)。(4)使用JSON格式进行数据交换(在JSON中,有两种结构: 对象和数组。对象:var obj={"name":"darren","age"原创 2017-06-13 17:34:33 · 552 阅读 · 0 评论 -
创建各种三角形-css
.triangle { width: 0; height: 0; border-top: 20px solid #EEB422; border-right: 20px solid #C0FF3E; border-bottom: 20px solid #A020F0; border-left: 20px solid #7CFC00; }原创 2017-09-21 10:56:20 · 315 阅读 · 0 评论