前端
文章平均质量分 86
candice0280
这个作者很懒,什么都没留下…
展开
-
服务器实时推送
基于Ajax的短轮询浏览器定时向服务器发送请求,看看又没更新数据。缺点:轮询的间隔过长,会导致用户不能及时接收到更新的数据;轮询的间隔过短,会导致查询请求过多,增加服务器端的负担。Comet基于Ajax的长轮询:浏览器发出XMLHttpRequest 请求,服务器端接收到请求后,会阻塞请求直到有数据或者超时才返回,浏览器JS在处理请求返回信息(超时或有效数据)后再次发出请求,重新建立连接。在此期间原创 2017-08-01 20:48:28 · 347 阅读 · 0 评论 -
前端经典面试题---JS篇
JS阻塞与CSS阻塞闭包如何阻止事件冒泡和默认事件HTML5为什么只需要写 DOCTYPE HTMLlink和import有什么区别介绍一下你对浏览器内核的理解IE和DOM事件流的区别JavaScript如何实现继承JS阻塞与CSS阻塞 JS阻塞特性:由于浏览器为了防止出现JS修改DOM树,需要重新构建DOM树的情况,所以在下载JS的时候浏览器会阻止其它一切活动,比如其它资源的下载原创 2017-07-28 13:02:01 · 429 阅读 · 0 评论 -
前端经典面试题---网络篇
一个页面从输入 URL 到页面加载显示完成这个过程中都发生了什么HTTP状态码cookiessessionStorage 和 localStorage 的区别一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?在浏览器地址栏输入URL;浏览器查看缓存: a. 如果资源未缓存,发起新请求; b. 如果已缓存且足够新鲜,直接提供给客户端,否则与服务器进行验证。 检验原创 2017-08-01 10:11:54 · 317 阅读 · 0 评论 -
前端经典面试题---CSS篇
清楚浮动的8种方式清楚浮动的8种方式父级div定义height。父级div定义伪类:after和zoom。(推荐)父级div定义overflow:hidden。父级div定义overflow:auto。父级div也浮动,需要定义宽度。父级div定义display:table。结尾处加空div标签clear:both。结尾处加br标签clear:both。原创 2017-08-01 10:10:06 · 516 阅读 · 1 评论 -
JavaScript中的深拷贝与浅拷贝
浅拷贝:复制对象的地址,并没有开辟新的栈,也就是复制的结果是两个对象指向同一个地址,修改其中一个对象的属性,则另一个对象的属性也会改变;深拷贝: 开辟新的栈,两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。//实现深拷贝的方法var cloneObj = function(obj){ var str, newobj = obj.construct原创 2017-08-18 11:07:50 · 176 阅读 · 0 评论 -
前端经典面试题---Ajax篇
GET和POST的区别何时使用POSTGET和POST的区别,何时使用POSTGET:一般用于信息获取,使用URL传递参数,对所发送信息的数量也有限制,一般在2000个字符;POST:一般用于修改服务器上的资源,对所发送的信息没有限制。GET方式需要使用Request.QueryString来取得变量的值,而POST方式通过Request.Form来获取变量的值,也就是说Get是通过地址栏来传值,原创 2017-08-01 10:16:05 · 1724 阅读 · 0 评论 -
关于跨域
注意:只要协议、域名、端口有任何一个不同,都被当作是跨域 关于同源策略 前端解决跨域问题的几种方法原文中有代码CORS(Cross-Qrigin Resource Sharing,跨域源资源共享)使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应是应该成功,还应该失败。比如使用get/post发送的请求,需要给它一个附加的Origin头部,如果服务器认为这个请求可接受原创 2017-08-01 15:00:39 · 248 阅读 · 0 评论 -
React高阶组件
React组件的生命周期React高阶组件1. 高阶函数函数可以被作为参数传递// 时间函数的应用 setTimeout() setInterval()// ajax的应用 $.get(url, handle)// 数组的应用 some(), every(), filter(), map(), forEach()函数可以被作为返回值输出2. 高阶组件定义:接受...原创 2019-05-30 19:57:00 · 279 阅读 · 0 评论 -
VUE验证码组件
VUE验证码组件组件源码组件使用组件源码identify.vue<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></tem...原创 2019-08-07 14:45:28 · 388 阅读 · 0 评论