4 mym940725

尚未进行身份认证

暂无相关描述

等级
博文 28
排名 12w+

关于http缓存机制及原理

转载自:https://www.cnblogs.com/chenqf/p/6386163.html前言Http缓存机制作为web性能优化的重要手段,对于从事Web开发的同学们来说,应该是知识体系库中的一个基础环节,同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说,仅仅只是知道浏览器会对请求的静态文件进行缓存,但是为什么被缓存,缓存是怎样生效的,却并不是很清楚...

2018-04-13 20:44:41

js模块化历程

转自:www.cnblogs.com/lvdabao/p/js-modules-develop.html这是一篇关于js模块化历程的长长的流水账,记录js模块化思想的诞生与变迁,展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑,没经历过的人也应该知道这段历史。 无模块时代在ajax还未提出之前,js还只是一种“玩具语言”,由BrendanEich花了不到十天时间发明,用来在网页上进行...

2018-04-10 21:11:19

关于js异步--Event Loop的规范和实现

转载自:https://juejin.im/post/5a6155126fb9a01cb64edb45序一直以来,我对EventLoop的认知界定都是可知可不知的分级,因此仅仅保留浅显的概念,从未真正学习过,直到看了这篇文章——《这一次,彻底弄懂JavaScript执行机制》。该文作者写的非常友好,从最小的例子展开,让我获益匪浅,但最后的示例牵扯出了chrome和Node下的运行结果迥异,我...

2018-03-26 16:12:09

关于SeaJS与RequireJS最大的区别

转载:https://www.douban.com/note/283566440/ 执行模块的机制大不一样-----------------------------------由于RequireJS是执行的AMD规范,因此所有的依赖模块都是先执行.使用RequireJS默认定义模块的方式,在理解上会更清楚一些,但个人还是偏爱require('./mod1')这样的方式def...

2018-03-10 15:32:21

关于preflight request

转载自:https://www.jianshu.com/p/b55086cbd9af背景不知道大家有没有发现,有时候我们在调用后台接口的时候,会请求两次,如下图的图一.png其实第一次发送的就是preflightrequest(预检请求),那么这篇文章将讲一下,为什么要发预检请求,什么时候会发预检请求,预检请求都做了什么一.为什么要发预检请求我们都知道浏览器的同源策略,就是出于安全考虑,浏览器...

2018-03-10 13:07:42

关于preventDefault()、stopPropagation()、return false 之间的区别

“returnfalse”之所以被误用的如此厉害,是因为它看起来像是完成了我们交给它的工作,浏览器不会再将我们重定向到href中的链接,表单也不会被继续提交,但这么做到底有什么不对呢?  可能在你刚开始学习关于jQuery事件处理时,看到的第一个例子就是关于如何阻止浏览器执行默认行为,比如下面这段演示click事件的代码$("a.toggle").click(function(){...

2018-02-25 14:14:55

99%的人都理解错了HTTP中GET与POST的区别

转载:http://www.techweb.com.cn/network/system/2016-10-11/2407736.shtmlGET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过requestbody传递参数。你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结...

2018-02-08 16:25:40

关于防御XSS攻击的七条原则

转载:http://netsecurity.51cto.com/art/201305/396041.htm本文将会着重介绍防御XSS攻击的一些原则,需要读者对于XSS有所了解,至少知道XSS漏洞的基本原理,如果您对此不是特别清楚,请参考这两篇文章:《StoredandReflectedXSSAttack》《DOMBasedXSS》攻击者可以利用XSS漏洞向用户发送攻击脚本,而用户的浏览...

2018-01-25 15:52:03

关于cookie和session的区别

1.由于HTTP协议是无状态的协议,所以服务端需要记录用户的状态时,就需要用某种机制来识具体的用户,这个机制就是Session.典型的场景比如购物车,当你点击下单按钮时,由于HTTP协议无状态,所以并不知道是哪个用户操作的,所以服务端要为特定的用户创建了特定的Session,用用于标识这个用户,并且跟踪用户,这样才知道购物车里面有几本书。这个Session是保存在服务端的,有一个唯一标识。在服务

2018-01-25 10:52:56

关于http协议

本文转载自:https://www.cnblogs.com/ranyonsue/p/5984001.htmlHTTP简介HTTP协议是HyperTextTransferProtocol(超文本传输协议)的缩写,是用于从万维网(WWW:WorldWideWeb)服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据(HTML文件,图片

2018-01-23 21:24:55

关于js构造函数中this的指向问题

JS里没有类.构造函数是个函数,this指向的是个对象,this蒙上眼睛指也指不到构造函数去.构造函数的this指向创建的实例对象无疑.要明白这一点,要先弄明白,用new操作符调用构造函数的时候都发生了什么.正好我有个答案是讲构造函数的,我这里原样搬来:造函数其实和普通函数本质上并无区别,唯一的区别有两个:函数首字母大写,这个区别只是约定俗成的,便于区分。你实在要小写定义构造函数也完全没问题,

2018-01-18 21:27:15

关于javascript单线程及异步的学习笔记

单线程是JavaScript的一大特性。JavaScript不像其他语言比如Java一样多线程,就不必去考虑线程同步的问题。JavaScript是浏览器用来与用户进行交互、进行DOM操作的,这也使得了它必须是单线程这一特性。比如你去修改一个元素的DOM,同时又去删除这个元素,那么浏览器应该听谁的?在JavaScript中任务有两种,一种是同步任务,一种是异步任务。同步任务:各个

2018-01-16 15:45:19

关于Javascript异步编程的4种方法

你可能知道,Javascript语言的执行环境是"单线程"(singlethread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段J

2018-01-16 15:02:02

关于js中的onreadystatechange学习笔记

转载自:https://www.cnblogs.com/wkylin/archive/2012/08/22/2651011.html问题描述onreadystatechange事件通常用在基于XMLHttpRequest对象的AJAX应用中,当的该对象的loadstate改变时,会触发此事件。但在IE中onreadystatechange事件是其私有

2018-01-13 20:05:09

关于html中动态添加脚本的异步问题

script脚本有2种类型:1.parser-insertedscripts我们经常遇到的出现在HTML中以方式出现,我们姑且称之为解析型脚本2.script-insertedscripts通过JS代码动态添加的script脚本,动态型脚本,不涉及页面标签的解析动态型脚本在插入到DOM中后,即使马上从DOM中删除,也不影响脚本的存在:A:如果没有设置async属性并设置s

2018-01-10 16:46:48

浏览器加载、解析、渲染的过程

最近在学习性能优化,学习了雅虎军规,可是觉着有点云里雾里的,因为里面有些东西虽然自己也一直在使用,但是感觉不太明白所以然,比如减少DNS查询,css和js文件的顺序。所以就花了时间去了解浏览器的工作,有一篇经典的文章《howbrowserswork》,讲的很详细,也有中文译本。不过就是文章有点太长,也讲了一堆东西,还是自己总结一下。为什么要了解浏览器加载、解析、渲染这个过程?

2018-01-08 20:19:46

关于javascript中元素大小的属性的学习笔记

本文转载自:https://www.cnblogs.com/moqiutao/p/6639792.html基本介绍$(obj).width()与$(obj).height()$(obj).width()与$(obj).height():jquery方式获取元素的宽高,不包括滚动条与工具条$(obj).width()=width$(obj).height()

2018-01-08 15:31:17

关于js中DOM样式的学习笔记

html样式定义的三种方式:1.外部引入css文件2.嵌入式样式3.通过元素属性style定义问题:1.node为DOM元素,可以通过node.style.xxx设置及获取元素样式。但是这种方法只能获得style属性中的样式,对于link引入的css样式无法获取。2.对于link引入的css样式,可以通过window.getStyleComputed()获

2018-01-04 21:29:12

jquery源码分析:回调函数-Callbacks

转载自:http://www.cnblogs.com/aaronjs/p/3342344.html源码API:http://api.jquery.com/jQuery.Callbacks/jQuery.Callbacks()是在版本1.7中新加入的。它是一个多用途的回调函数列表对象,提供了一种强大的方法来管理回调函数队列。 那么jQuery.Callbacks使用场景在哪里?

2017-12-27 16:44:37

关于ES5中的prototype与ES6中class继承的比较

ES5:继承:1.通过原型链实现继承。子类的prototype为父类对象的一个实例,因此子类的原型对象包含指向父类的原型对象的指针,父类的实例属性成为子类原型属性2.ES5的继承,实质是先创造子类的实例对象this,然后再将父类的方法添加到this上面(Parent.apply(this))ES6:继承:1.子类没有自己的this对象,因此必须在construct中通

2017-12-20 16:26:30
奖章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!