06 2018 档案
摘要：gif图形交换格式，索引颜色格式，颜色少的情况下，产生的文件极小，支持背景透明，动画，图形渐进，无损压缩（适合线条，图标等），缺点只有256种颜色 jpg支持上百万种颜色，有损压缩，压缩比可达180：1，而且质量受损不明显，不支持图形渐进与背景透明，不支持动画 png为替代gif产生的，位图文件，支
阅读全文
摘要：主要过程： 1. 用户输入网址（假设是个 HTML 页面，第一次访问，无缓存情况），浏览器向服务器发出HTTP请求，服务器返回 HTML 文件； （善用缓存，减少HTTP请求，减轻服务器压力） 2. 浏览器载入 HTML 代码，发现 <head> 内有一个 <link> 引用外部 CSS 文件,则浏
阅读全文
摘要：不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout 只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave 不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout 只有在鼠标指针穿过
阅读全文
摘要：引言 打开浏览器，在地址栏输入URL，回车，出现网页内容。整个过程发生了什么？其中的原理是什么？以下进行整理和总结。 整个过程可以概括为几下几个部分： 正文 下面详细介绍其中的原理： 1. 域名解析成IP地址 访问目标地址有两种方式： ①使用目标IP地址访问。由于IP地址是一堆数字不方便记忆，于是有
阅读全文
摘要：js原型链 下面是一道js题目： [javascript] view plain copy function C1(name){ if(name){ this.name = name; } } function C2(name){ this.name = name; } function C3(na
阅读全文
摘要：为了追本溯源, 我顺便研究了new运算符具体干了什么?发现其实很简单，就干了三件事情. var obj = {}; obj.__proto__ = F.prototype; F.call(obj); 第一行，我们创建了一个空对象obj; 第二行，我们将这个空对象的proto成员指向了F函数对象pro
阅读全文
摘要：var a = 200; function f() { console.log(a); var a = 100; console.log(a); } f(); console.log(a); var a; console.log(a); var a = 300; console.log(a); 结果
阅读全文
摘要：JSON.parse()【从一个字符串中解析出json对象】 例子： //定义一个字符串 var data='{"name":"goatling"}' //解析对象 JSON.parse(data) 结果是： name:"goatling" JSON.stringify()【从一个对象中解析出
阅读全文
摘要：1.最基本的去重方法 思路：定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中。 function unique(arr){ var res = [arr[0]]; for(var i=1;i<arr.length;i++){ var repeat
阅读全文
摘要：为什么使用？ React15.3中新加了一个 PureComponent 类，顾名思义， pure 是纯的意思， PureComponent 也就是纯组件，取代其前身 PureRenderMixin , PureComponent 是优化 React 应用程序最重要的方法之一，易于实施，只要把继承类
阅读全文
摘要：考查的技术点: 1). 变量提升 2). 函数提升 3). 预处理 4). 调用顺序 [php] view plain copy var c = 1; function c(c) { console.log(c); var c = 3; } c(2); [php] view plain copy [
阅读全文
摘要：组件之间传递信息方式，总体可分为以下5种： 1.（父组件）向（子组件）传递信息 2.（父组件）向更深层的（子组件） 进行传递信息 >>利用（context） 3.（子组件）向（父组件）传递信息 4.没有任何嵌套关系的组件之间传值（比如：兄弟组件之间传值） 5.利用react-redux进行组件之间的
阅读全文
摘要：.a{ position: relative; } .b{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .a{ display: table; } .b{ display: table-ce
阅读全文
