- 博客(28)
- 收藏
- 关注
RSS订阅转载 关于http缓存机制及原理
转载自：https://www.cnblogs.com/chenqf/p/6386163.html前言Http 缓存机制作为 web 性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说，仅仅只是知道浏览器会对请求的静态文件进行缓存，但是为什么被缓存，缓存是怎样生效的，却并不是很清楚...
2018-04-13 20:44:41
270
转载 js模块化历程
转自：www.cnblogs.com/lvdabao/p/js-modules-develop.html这是一篇关于js模块化历程的长长的流水账，记录js模块化思想的诞生与变迁，展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑，没经历过的人也应该知道这段历史。 无模块时代在ajax还未提出之前，js还只是一种“玩具语言”，由Brendan Eich花了不到十天时间发明，用来在网页上进行...
2018-04-10 21:11:19
223
转载 关于js异步--Event Loop的规范和实现
转载自：https://juejin.im/post/5a6155126fb9a01cb64edb45序一直以来，我对Event Loop的认知界定都是可知可不知的分级，因此仅仅保留浅显的概念，从未真正学习过，直到看了这篇文章——《这一次，彻底弄懂 JavaScript 执行机制》。该文作者写的非常友好，从最小的例子展开，让我获益匪浅，但最后的示例牵扯出了chrome和Node下的运行结果迥异，我...
2018-03-26 16:12:09
281
转载 关于SeaJS与RequireJS最大的区别
转载：https://www.douban.com/note/283566440/ 执行模块的机制大不一样-----------------------------------由于 RequireJS 是执行的 AMD 规范, 因此所有的依赖模块都是先执行.使用 RequireJS 默认定义模块的方式, 在理解上会更清楚一些, 但个人还是偏爱 require('./mod1') 这样的方式def...
2018-03-10 15:32:21
279
转载 关于preflight request
转载自：https://www.jianshu.com/p/b55086cbd9af背景不知道大家有没有发现，有时候我们在调用后台接口的时候，会请求两次，如下图的图一.png其实第一次发送的就是preflight request(预检请求)，那么这篇文章将讲一下，为什么要发预检请求，什么时候会发预检请求，预检请求都做了什么一. 为什么要发预检请求我们都知道浏览器的同源策略，就是出于安全考虑，浏览器...
2018-03-10 13:07:42
1347
转载 关于preventDefault()、stopPropagation()、return false 之间的区别
“return false”之所以被误用的如此厉害，是因为它看起来像是完成了我们交给它的工作，浏览器不会再将我们重定向到href中的链接，表单也不会被继续提交，但这么做到底有什么不对呢？ 可能在你刚开始学习关于jQuery事件处理时，看到的第一个例子就是关于如何阻止浏览器执行默认行为，比如下面这段演示click事件的代码$("a.toggle").click(function () { ...
2018-02-25 14:14:55
242
转载 99%的人都理解错了HTTP中GET与POST的区别
转载：http://www.techweb.com.cn/network/system/2016-10-11/2407736.shtmlGET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。 最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。 你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结...
2018-02-08 16:25:40
162
转载 关于防御XSS攻击的七条原则
转载：http://netsecurity.51cto.com/art/201305/396041.htm本文将会着重介绍防御XSS攻击的一些原则，需要读者对于XSS有所了解，至少知道XSS漏洞的基本原理，如果您对此不是特别清楚，请参考这两篇文章：《Stored and Reflected XSS Attack》《DOM Based XSS》攻击者可以利用XSS漏洞向用户发送攻击脚本，而用户的浏览...
2018-01-25 15:52:03
3814
原创 关于cookie和session的区别
1. 由于HTTP协议是无状态的协议，所以服务端需要记录用户的状态时，就需要用某种机制来识具体的用户，这个机制就是Session.典型的场景比如购物车，当你点击下单按钮时，由于HTTP协议无状态，所以并不知道是哪个用户操作的，所以服务端要为特定的用户创建了特定的Session，用用于标识这个用户，并且跟踪用户，这样才知道购物车里面有几本书。这个Session是保存在服务端的，有一个唯一标识。在服务
2018-01-25 10:52:56
8097
转载 关于http协议
本文转载自：https://www.cnblogs.com/ranyonsue/p/5984001.htmlHTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片
2018-01-23 21:24:55
309
原创 关于js构造函数中this的指向问题
JS里没有类.构造函数是个函数,this指向的是个对象,this蒙上眼睛指也指不到构造函数去.构造函数的this指向创建的实例对象无疑. 要明白这一点,要先弄明白,用new操作符调用构造函数的时候都发生了什么.正好我有个答案是讲构造函数的, 我这里原样搬来:造函数其实和普通函数本质上并无区别，唯一的区别有两个：函数首字母大写，这个区别只是约定俗成的，便于区分。你实在要小写定义构造函数也完全没问题，
2018-01-18 21:27:15
13021
7
原创 关于javascript单线程及异步的学习笔记
单线程是JavaScript的一大特性。JavaScript不像其他语言比如Java一样多线程，就不必去考虑线程同步的问题。JavaScript是浏览器用来与用户进行交互、进行DOM操作的，这也使得了它必须是单线程这一特性。比如你去修改一个元素的DOM，同时又去删除这个元素，那么浏览器应该听谁的？在JavaScript中任务有两种，一种是同步任务，一种是异步任务。同步任务：各个
2018-01-16 15:45:19
149
转载 关于Javascript异步编程的4种方法
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段J
2018-01-16 15:02:02
246
转载 关于js中的onreadystatechange学习笔记
转载自：https://www.cnblogs.com/wkylin/archive/2012/08/22/2651011.html问题描述onreadystatechange 事件通常用在基于 XMLHttpRequest 对象的 AJAX 应用中，当的该对象的 load state 改变时，会触发此事件。但在 IE 中 onreadystatechange 事件是其私有
2018-01-13 20:05:09
1305
原创 关于html中动态添加脚本的异步问题
script脚本有2种类型:1.parser-inserted scripts 我们经常遇到的出现在HTML中以方式出现，我们姑且称之为解析型脚本2.script-inserted scripts 通过JS代码动态添加的script脚本，动态型脚本,不涉及页面标签的解析动态型脚本在插入到DOM中后，即使马上从DOM中删除，也不影响脚本的存在：A: 如果没有设置async属性并设置s
2018-01-10 16:46:48
1299
转载 浏览器加载、解析、渲染的过程
最近在学习性能优化，学习了雅虎军规 ，可是觉着有点云里雾里的，因为里面有些东西虽然自己也一直在使用，但是感觉不太明白所以然，比如减少DNS查询，css和js文件的顺序。所以就花了时间去了解浏览器的工作，有一篇经典的文章《how browsers work》 ，讲的很详细，也有中文译本 。不过就是文章有点太长，也讲了一堆东西，还是自己总结一下。为什么要了解浏览器加载、解析、渲染这个过程？
2018-01-08 20:19:46
244
转载 关于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
153
原创 关于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
136
转载 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
283
原创 关于ES5中的prototype与ES6中class继承的比较
ES5:继承：1.通过原型链实现继承。子类的prototype为父类对象的一个实例，因此子类的原型对象包含指向父类的原型对象的指针，父类的实例属性成为子类原型属性2.ES5 的继承，实质是先创造子类的实例对象this，然后再将父类的方法添加到this上面（Parent.apply(this)）ES6:继承：1.子类没有自己的this对象，因此必须在construct中通
2017-12-20 16:26:30
1529
原创 关于跨域访问解决方案总结
跨域解决方案：1.将dataType设置为jsonp格式，该方案为客户端解决方案2.通过设置Access-Control-Allow-Origin来实现跨域访问，该方案为服务器端解决方案（CORS）fetch跨域解决：1.CORS服务器不支持 CORS， 则不用使用 Fetch Api 了,`Fetch Api` 必须后台支持 `CORS`。
2017-12-13 15:18:46
796
转载 React数据获取为什么一定要在componentDidMount里面调用？
转载自：https://segmentfault.com/q/1010000008133309/a-1020000008135702这与React组件的生命周期有关，组件挂载时有关的生命周期有以下几个:constructor()componentWillMount()render()componentDidMount()上面这些方法的调用是有次序
2017-12-12 21:40:29
14932
转载 react-router 4.0版本使用笔记
react-router 4变化还是挺大的，看网上很多人遇到问题，都是基本用法的改变，所以这里记录一下。转载自：http://www.jianshu.com/p/d6727e8d81c41.react-router 4.0升级不少内容，详细可看官网https://reacttraining.com/react-router/web/api/Route/Route-ren
2017-12-11 20:00:53
2224
原创 关于如何设定css样式使得文本溢出部分用省略号代替
将文本设定为一行，溢出部分用“...”代替。css样式：{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}效果如下：将文本设定为两行文字，溢出部分用“...”代替。css样式：{display:-webkit-box; -webkit-line-clamp:2;
2017-12-08 11:00:20
6483
原创 关于es6中的arrow function中的this以及bind(this)的比较
ES6中的箭头函数： this.login()} />ES5中的bind(this):关于this问题：ES5中我们可以采用 3 种方式解决this指向问题：var that = this在表达式最后使用 this 指明指向使用 bind(this) 方法然而通常使得代码更加复杂及难以理解。ES6 中的箭头函数则 默认绑定了 this 的指向。也就是说，箭头
2017-12-02 15:30:29
957
原创 关于antd form this.props.form.getFormValue(): undefined.的bug解决
在使用ant-design中的form组件时：解决方法：
2017-12-01 20:00:15
11389
1
原创 关于react-router中<Link>的调试: You should not use <Link> outside a <Router>
The has to be rendered inside of a .
2017-11-30 15:48:25
10413
4
原创 关于html中meta viewport属性
Viewpoint基础一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：这段代码的意思是，让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。一都主流的web app都是这么设置的，它的作用其实是故意舍弃viewport，不缩放页面，这样dpi肯定和设备上的真实分辨率是一样的，不做任何缩放，网页会因此
2017-11-29 19:40:49
778
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人