2018年03月_文摘资讯

转载 http2.0和http1.1的区别

多路复用多路复用允许单一的http2连接同时发起多重的请求-响应信息http性能优化的关键并不在于高带宽，而是低延迟，TCP连接会随着时间进行自我调谐，起初会限制连接的最大速度，如果数据成功传输，会随着时间的推移提高传输的速度，这种调谐则称之为TCP慢启动，由于这种原因，让原本就具有突发性和短时性的http连接变得十分低效http2通过让所有数据流共用同一个连接，可以更有效的使用TCP连接，让高带

2018-03-29 00:00:00 565

转载浏览器的缓存机制

查看谷歌缓存我们先在chrome浏览器下看看到底缓存了什么东西输入chrome://view-http-cache/，可以看到chrome所有的缓存文件随便点开一个，可以看到这个缓存文件所有的信息，包括访问url，http请求的头信息，和缓存文件正文内容这样看是不是对浏览器的缓存有了一个更具体的认识了呢~接下来，来讲解浏览器怎样利用这些缓存来提升网站性能的。浏览器缓存类型1.强缓存：不会向服务器发

2018-03-27 00:00:00 337

转载 vue常见面试题

1:什么是mvvm？MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进

2018-03-25 00:00:00 1352

转载左列定宽,右列自适应

利用float+marginHTML代码左列定宽右列自适应css代码#left { background-color: #f00; float: left; width: 100px; height: 500px;}#right { background-color: #0f0; height: 500px; margin-left: 100px; /*设

2018-03-23 00:00:00 368

转载垃圾收集机制

JavaScript具有自动垃圾收集机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。而在C和C++之类的语言中，开发人员的一项基本任务就是手工跟踪内存的使用情况，这是造成许多问题的一个根源。在编写JavaScript程序时，开发人员不用再关心内存使用问题，所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾收集机制的原理其实很简单：找出那些不再继续使用的变量，然后释放其占用的内

2018-03-21 00:00:00 270

转载 position有哪些属性？

(1)、static 可以认为静态的，默认元素都是静态的定位，对象遵循常规流。此时4个定位偏移属性不会被应用，也就是使用left，right，bottom，top将不会生效。(2)、relative 相对定位，对象遵循常规流，并且参照自身在常规流中的位置通过top，right，bottom，left这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。(3)、absolute a、绝对定位，对象

2018-03-18 00:00:00 2622

转载前端面试题

HTML 1. 你是如何理解 HTML 语义化的？2. meta viewport 是做什么用的，怎么写？3. canvas 元素是干什么的？CSS 1. 说说盒模型。2. css reset 和 normalize.css 有什么区别？3. 如何居中？4. 选择器优先级如何确定？5. BFC 是什么？6. 如何清除浮动？JS 1. JS 有哪些数据类型？2. Promise 怎么使用？3. AJ

2018-03-17 00:00:00 364 1

转载 Node的textContent属性

有时需要查询纯文本形式的元素内容，或者在文档中插入纯文本。标准的方法是用Node的textContent属性来实现：var para=document.getElementsByTagName("p")[0];//文档中第一个＜p＞var text=para.textContent;//文本是"This is a simple document."para.textContent="Hello W

2018-03-16 00:00:00 830

转载观察者模式

事件是一种叫做观察者的设计模式，这是一种创建松散耦合代码的技术。对象可以发布事件，用来表示在该对象生命周期中某个有趣的时刻到了。然后其他对象可以观察该对象，等待这些有趣的时刻到来并通过运行代码来响应。观察者模式由两类对象组成：主体和观察者。主体负责发布事件，同时观察者通过订阅这些事件来观察该主体。该模式的一个关键概念是主体并不知道观察者的任何事情，也就是说它可以独自存在并正常运作即使观察者不存在。

2018-03-13 00:00:00 146

转载理解ES6继承

：点上面关注免费学习前端知识！使用类语法而不是过去那种JavaScript语法，最大的好处是容易实现继承。有了类语法，只要使用与其他语言相同的 extends 关键字就能实现继承，而不必去考虑借用构造函数或者原型连缀。例如：class Employee extends Person { constructor(name, age){ super(name,age); }}

2018-03-10 00:00:00 273

转载历史记录管理

如今，Web应用通常都是动态地生成或载入页面内容，并在无须刷新页面的情况下就显示新的应用状态。如果想要提供用户能够通过浏览器的“后退”和“前进”按钮，直观地切换应用状态，像这类应用就必须自己处理应用的历史记录管理。HTML5定义了两种用于历史记录管理的机制。其中比较简单的历史记录管理技术就是利用location.hash和hashchange事件。设置location.hash属性会更新显示在地址

2018-03-09 00:00:00 264

转载惰性载入函数

因为浏览器之间行为的差异，多数JavaScript代码包含了大量的 if 语句，将执行引导到正确的代码中。看看下面获取浏览器样式 getCss() 函数。惰性载入表示函数执行的分支仅会发生一次。有两种实现惰性载入的方式，第一种就是在函数被调用时再处理函数。在第一次调用的过程中，该函数会被覆盖为另外一个按合适方式执行的函数，这样任何对原函数的调用都不用再经过执行的分支了。function getCs

2018-03-07 00:00:00 216

原创前端资料放送

https://codepen.io/：这个网站可以在线写代码就可以直接看到效果的，而且可以很方便查看别人写的项目。里面的项目都很好，强烈推荐！https://tympanus.net/codrops/：这个网站提供了使用css实现各种各样的效果，每个案例都很有意思，希望大家喜欢。https://dribbble.com/：这个网站是提供了一些页面常见的交互效果，选一个自己喜欢的效果，当做自己的项

2018-03-06 00:00:00 183

转载理解TCP/IP

计算机与网络设备要相互通信，双方就必须基于相同的方法。比如，如何探测到通信目标、由哪一边先发起通信、使用哪种语言进行通信、怎样结束通信等规则都需要事先确定。不同的硬件、操作系统之间的通信，所有的这一切都需要一种规则。而我们就把这种规则称为协议。协议中存在各式各样的内容。从电缆的规格到 IP 地址的选定方法、寻找异地用户的方法、双方建立通信的顺序，以及 Web 页面显示需要处理的步骤，等等。像这样把

2018-03-04 00:00:00 314

转载 HTTP头部信息

每个HTTP请求和响应都会带有相应的头部信息，其中有的对开发人员有用，有的也没有什么用。 XHR 对象也提供了操作这两种头部（即请求头部和响应头部）信息的方法。默认情况下，在发送 XHR 请求的同时，还会发送下列头部信息。Accept ：浏览器能够处理的内容类型。Accept-Charset ：浏览器能够显示的字符集。Accept-Encoding ：浏览器能够处理的压缩编码。Accept-Lan

2018-03-01 00:00:00 377

文摘资讯