2018年01月_gtLBTNq9mr3

转载什么是BFC？

(1)、什么是BFC与IFCa、BFC（Block Formatting Context）即“块级格式化上下文”， IFC（Inline Formatting Context）即行内格式化上下文。常规流（也称标准流、普通流）是一个文档在被显示时最常见的布局形态。一个框在常规流中必须属于一个格式化上下文，你可以把BFC想象成一个大箱子，箱子外边的元素将不与箱子内的元素产生作用。 b、BFC是W3C

2018-01-31 00:00:00 358

ES2015的set是什么？set是一个集合允许存储任何类型的唯一值，无论是原始值还是对象引用set通过构造函数的方式生成，接收一个数组作为参数。const numbersSet = new Set([1,2,3,4,5]);const stringSet = new Set(['Jan', 'Rick', 'Raymon', 'Tim']);const objectSet = new Set([

2018-01-30 00:00:00 4603

原创定义类

类的成员或实例都包含一些属性，用以存放或定义它们的状态，其中有些属性定义了它们的行为（通常称为方法）。这些行为通常是由类定义的，而且为所有实例所共享。在JavaScript中，类的实现是基于其原型继承机制的。如果两个实例都从同一个原型对象上继承了属性，我们说它们是同一个类的实例。如果两个对象继承自同一个原型，往往意味着（但不是绝对）它们是由同一个构造函数创建并初始化的。JavaScript中类的一

2018-01-29 00:00:00 282

转载了解JavaScript核心

ObjectObject .assign(target, ...src) -> target .is(a, b) -> bool .setPrototypeOf(target, proto | null) -> target (required __proto__ - IE11+) .create(o

2018-01-28 00:00:00 189

转载 JavaScript基础面试题

第1题var y = 1; if (function f(){}) { y += typeof f; } console.log(y);第2题var output = (function(x){ delete x; return x; })(0); console.log(output);第3题var x = 1;var output = (function(){

2018-01-26 00:00:00 471 1

转载动画与性能

：点上面关注免费学习前端知识！在设置动画时应保持 60fps，因为任何卡顿或停顿都会引起用户注意，并对其体验产生负面影响。注意您的动画不能导致性能问题；确保了解对指定 CSS 属性设置动画的影响。改变页面（布局）结构或导致绘图的动画属性特别消耗资源。尽可能坚持改变变形和透明度。使用 will-change 来确保浏览器知道您打算对什么设置动画。给属性设置动画不是不受约束的，不过，给某些属性设置动画

2018-01-24 00:00:00 211

转载创建时间的几种方式

：点上面关注免费学习前端知识！要创建一个日期对象，使用 new 操作符和 Date 构造函数即可,在调用 Date 构造函数而不传递参数的情况下，新创建的对象自动获得当前日期和时间。new Date()Tue Jan 23 2018 18:37:45 GMT+0800 (中国标准时间)如果想根据特定的日期和时间创建日期对象，必须传入表示该日期的毫秒数（即从UTC时间1970年1月1日午夜起至该日期

2018-01-23 00:00:00 4153

转载 HTML5自定义属性

：点上面关注免费学习前端知识！HTML5规定可以为元素添加非标准的属性，但要添加前缀 data- ，目的是为元素提供与渲染无关的信息，或者提供语义信息。这些属性可以任意添加、随便命名，只要以 data- 开头即可。来看一个例子。添加了自定义属性之后，可以通过元素的 dataset 属性来访问自定义属性的值。 dataset 属性的值是 DOMStringMap 的一个实例，也就是一个名值对儿的映射

2018-01-22 00:00:00 324

转载程序员的健康习惯

：点上面关注免费学习前端知识！以下是一些或多或少容易构建的习惯，这一定会使您的生活受益。要多喝水有很多科学的原因，建议应该多喝水。水可以帮助你的肾脏，它激活你的肌肉，使皮肤看起来更好，甚至可以喝更多的饮料。当我每隔一两个小时喝一杯水，就能保持身体的水分。这意味着我的大脑也保持水分。好吧，听起来很奇怪，喝水有助于大脑更好地记住和记住东西。睡7个小时很多喜欢做夜猫子的，但从长远来看，这绝对不会有益于

2018-01-21 00:00:00 1618 2

转载深入理解对象类型

对象最常见的用法是创建、设置、查找、删除、检测和枚举它的属性。属性包括名字和值。属性名可以是包含空字符串在内的任意字符串，但对象中不能存在两个同名的属性。值可以是任意JavaScript值，或者（在ECMAScript 5中）可以是一个getter或setter函数，除了名字和值之外，每个属性还有一些与之相关的值，称为“属性特性”对象和属性内置对象是由ECMAScript规范定义的对象或类。例如，

2018-01-19 00:00:00 336

转载 JavaScript面试题

1、解释下事件代理。2、解释下 JavaScript 中 this 是如何工作的。3、解释下原型继承的原理。4、你是如何测试 JavaScript 代码的？5、描述以下的区别：null，undefined ？该如何检测它们？6、什么是闭包，如何使用它，为什么要使用它？7、请举出一个匿名函数的典型用例？8、解释 “JavaScript 模块模式” 以及你在何时使用它。9、你是如何组织自己的代码？是

2018-01-17 00:00:00 423

转载手势事件和触摸事件

手势事件手势事件用于两个手指的缩放和旋转手势。当手势开始时生成gesturestart事件，而手势结束时生成gestureend事件。在这两个事件之间是跟踪手势过程的gesturechange事件队列。这些事件传递的事件对象有数字属性scale和rotation。scale属性是两个手指之间当前距离和初始距离的比值。“捏紧”手势的scale值小于1.0，而“撑开”手势的scale值大于1.0。ro

2018-01-16 00:00:00 271

转载 null和undefined的区别

null是一个表示"无"的对象，转为数值时为0 undefined是一个表示"无"的原始值，转为数值时为NaN 当声明的变量还未被初始化时，变量的默认值为undefined null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象 undefined表示 “缺少值”，就是此处应该有一个值，但是还没有定义。典型用法是： 1. 变量被声明了，但没有赋值时，就等于 undefined 2.

2018-01-15 00:00:00 201

转载 css选择器

CSS 选择符： 1.id选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = "external"]) 9.伪类选择器(a: hover, li:nth-child) 可继承的样式： 1.fon

2018-01-14 00:00:00 200

转载 JavaScript内存那点事

C、C++语言需要手动管理内存的分配与释放（常用方法：malloc(), calloc(), realloc()和free()等）。而JavaScript与Java、C#相似，内置了垃圾回收器，能自动管理内存的分配与释放。内存生命周期分配内存使用分配的内存(读与写操作)当应用程序不再需要时，释放掉已分配的内存虽然垃圾回收器能能自动管理内存分配、释放，但并不意味着开发者不再需要关注内存管理。因为一些

2018-01-12 00:00:00 964

转载理解Ajax

Ajax是什么1. 通过异步模式，提升了用户体验 2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 3. Ajax 在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。 Ajax的最大特点1. Ajax可以实现动态不刷新（局部刷新） 2. readyState 属性状态有5个可取值： 0 = 未初始化，1 = 启动， 2 = 发送，3 =

2018-01-10 00:00:00 207

原创如何在Javascript中创建范围

写一个范围函数，可以传入开始和结束索引，然后返回整个列表。function range(start, end) { var ans = []; for (let i = start; i end; i++) { ans.push(i); } return ans;}当传入的开始索引和结束索引相同时会返回只包含一项数组。function range(start

2018-01-09 00:00:00 239

转载前端规范

省略协议可以避免相对 URL 产生的问题，也可以减少文件的体积。使用两个空格缩进，不要使用 tab 或者混用 tab 和空格的方式作为缩进。删除多余的尾部空格，尾部空格是多余的，可能会引起代码混乱。在 HTML 中使用置顶文档编码，在 CSS 中默认就是 UTF-8 编码，不需要特别指定。根据需要，给代码做注释，在冒号后加入待办事项内容，如 TODO: action item 。 Apple

2018-01-08 00:00:00 553

原创对象的深浅拷贝

说到拷贝对象，大家可能会先想到Object.assign这个方法，但是它并不是那么完美，它只会拷贝一层对象，如果对象里面还有对象它就引用了原来的对象。具体看下面代码01一层拷贝没任何问题let obj = { aa: 11}let newObj = Object.assign({}, obj);obj.aa = 22;console.log(newObj.aa); //11console.l

2018-01-07 00:00:00 149

转载输入URL经历的过程

11. 当发送一个 URL 请求时，不管这个 URL 是 Web 页面的 URL 还是 Web 页面上每个资源的 URL，浏览器都会开启一个线程来处理这个请求，同时在远程 DNS 服务器上启动一个 DNS 查询。这能使浏览器获得请求对应的 IP 地址。 22. 浏览器与远程 Web 服务器通过 TCP 三次握手协商来建立一个 TCP/IP 连接。该握手包括一个同步报文，一个同步-应答报文和一个应答

2018-01-06 00:00:00 378

转载 JavaScript 代码片段

近期在GitHub上看到一位叫Chalarangelo的用户写了一篇30 秒就能理解的 JavaScript 代码片段，很多人都在看，下面分享一些他的JS用法。给定一个 key 和一个 set 作为参数，给定上下文时调用它们。主要用于函数组合。使用闭包以存储的参数调用存储的 key 。const call = (key, ...args) => context => context[key](..

2018-01-05 00:00:00 3014 1

转载线程和进程的区别

1. 一个程序至少有一个进程,一个进程至少有一个线程 2. 线程的划分尺度小于进程，使得多线程程序的并发性高 3. 另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率 4. 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制 5.

2018-01-03 00:00:00 234

转载 HTML语义化

什是HTML语语义化？像标题使用（ H1~H6 ）、列表使用（ li ）、强调使用（ strong em ）等等，都是语义化。根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构。优化用户体验：例如title、 alt 用于解释名词或

2018-01-02 00:00:00 113

转载 em和rem的区别

HAPPY ◆ ◆ ◆ ◆2018新年快乐HAPPY NEW YEAR◆ ◆ ◆ ◆remrem（font size of the root element）是指相对于根元素的字体大小的单位。利用rem可以实现简单的响应式布局，可以利用html元素中字体的大小与屏幕间的比值设置font-size的值，实现当屏幕分辨率变化时让元素也变化。emem（font size of the elem

2018-01-01 00:00:00 159

文摘资讯