2017年12月_gtLBTNq9mr3

原创拷贝数组

拷贝数组就是把原来数组的每一项保存在一个新数组中，这样在操作数组的同时，另一个数组就不会受影响，因为数组是引用类型的值，所以在拷贝数组的同时并不能直接复制变量值，我们有一下几种方法可以使用。循环1var ary1 = [1,2,3];for (var i = 0, ary2 = Array(ary1.length); i slice2var ary1 = [1,2,3];var ary2 = ar

2017-12-29 00:00:00 314

原创左右两栏布局

在网页中我们常常看见有左右两栏布局，左边宽度固定，右边宽度自适应的，比如下面这样那么怎样实现这样的布局呢？我们可能会想到浮动，flex，grid布局等等。新建一个HTML页面，结构如下列表1 列表2 列表3 列表4 内容内容使用浮动

2017-12-28 00:00:00 429

转载 css单位介绍

在CSS中刻度是用于设置元素尺寸的单位。 01单位写法特殊值0可以省略单位。例如：margin:0px可以写成margin:0 一些属性可能允许有负长度值，或者有一定的范围限制。如果不支持负长度值，那应该变换到能够被支持的最近的一个长度值。 02单位分类长度单位包括：相对单位和绝对单位。相对长度单位有： em, ex, ch, rem, vw, vh, vmax, vmin 绝对长度单位有： c

2017-12-27 00:00:00 358

转载圣诞好礼之Grid视频

今天是圣诞节，祝大家圣诞节快乐！今天分享一门Grid视频课程，这门课程是免费的，但是你必须通过电子邮件或GitHub认证。课程内容：1、CSS网格基础2、练习使用网格布局3、响应式的网格布局4、结合网页使用网格布局课程地址：https://scrimba.com/g/gR8PTE

2017-12-25 00:00:00 162

转载 jQuery的getter和setter

jQuery对象上最简单、最常见的操作是获取（get）或设置（set）HTML属性、CSS样式、元素内容和位置高宽的值。该节讲述这些方法。首先，让我们对jQuery中的getter和setter方法有个概要理解：jQuery使用同一个方法既当getter用又做setter用，而不是定义一对方法。如果传入一个新值给该方法，则它设置此值；如果没指定值，则它返回当前值。用做setter时，这些方法会给j

2017-12-24 00:00:00 252

转载谈谈盒子模型？

什么是盒子模型？a、CSS盒子模式都具备：内容(content)、填充(padding)、边框(border)、边界(margin)b、标准的盒模型：width = 内容宽度c、IE的盒模型：width = 内容的宽度 + 加上内边距的宽度 + 边框的宽度如何设置盒子模型的模式？a、box-sizing:content-box： padding和border不被包含在定义的width和heigh

2017-12-21 00:00:00 317

转载 match和exec的对比

：点上面关注免费学习前端知识！RegExp对象定义了两个用于执行模式匹配操作的方法。它们的行为和String方法很类似。RegExp最主要的执行模式匹配的方法是exec()，它与String中match()方法相似，只是RegExp方法的参数是一个字符串，而String方法的参数是一个RegExp对象。exec()方法对一个指定的字符串执行一个正则表达式，简言之，就是在一个字符串中执行匹配检索。

2017-12-20 00:00:00 422

转载页面布局（2）

(1)、流式布局固定布局和流式布局在网页设计中最常用的两种布局方式。固定布局能呈现网页的原始设计效果，流式布局则不受窗口宽度影响，流式布局使用百分比宽度来限定布局元素，这样可以根据客户端分辨率的大小来进行合理的显示。 (2)、响应式布局响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这个概念是为解

2017-12-19 00:00:00 237

转载什么是WebGL？

：点上面关注免费学习前端知识！WebGL（全写 Web Graphics Library ）是一种 3D 绘图标准，这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定， WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏

2017-12-17 00:00:00 4881

转载 ES6的资料放送

ES6 Overview in 350 Bullet Pointshttps://ponyfoo.com/articles/es6Exploring ES6http://exploringjs.com/es6/index.htmlECMAScript 6 — New Featureshttp://es6-features.org/#ConstantsES2015+ cheatsheethttps:

2017-12-16 00:00:00 195

转载基本数据类型和引用数据类型的区别

ECMAScript变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象。在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。常用的5种基本数据类型：Undefined、Null、Boolean、Number 和 String。这5种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。引用类

2017-12-15 00:00:00 698

转载页面布局那些事

方式：双飞翼、多栏、弹性、流式、瀑布流、响应式布局（1）、双飞翼布局经典三列布局，也叫做圣杯布局【Holy Grail of Layouts】是Kevin Cornell在2006年提出的一个布局模型概念，在国内最早是由淘宝UED的工程师传播开来，在中国也有叫法是双飞翼布局，它的布局要求有几点：a、三列布局，中间宽度自适应，两边定宽； b、中间栏要在浏览器中优先展示渲染； c、允许任意列的高度

2017-12-14 00:00:00 266

转载 HTTP请求中的请求字段

用于HTTP请求中的常用请求头字段Accept：用于高速服务器，客户机支持的数据类型Accept-Charset：用于告诉服务器，客户机采用的编码格式Accept-Encoding：用于告诉服务器，客户机支持的数据压缩格式Accept-Language：客户机的语言环境Host：客户机通过这个头高速服务器，想访问的主机名If-Modified-Since：客户机通过这个头告诉服务器，资源的缓存时间

2017-12-13 00:00:00 2440

转载性能优化的方法

方法一：（1）、减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存，图片服务器。（2）、前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数（3）、用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能。（4）、

2017-12-12 00:00:00 335

转载 display属性大全

2017-12-10 00:00:00 659

转载清除浮动的方法

(1)、父级div定义 height 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单、代码少、容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题建议：不推荐使用，只建议高度固定的布局时使用 (2)、结尾处加空div标签 clear:both

2017-12-08 00:00:00 110

原创函数提升面试题

Question 1JSvar a = 1;function b() { a = 10; return; function a() {}}b();console.log(a);Question 2JSfunction foo(){ function bar() { ret

2017-12-07 00:00:00 183

转载运算符的副作用

：点上面关注免费学习前端知识！计算一个简单的表达式（比如2*3）不会对程序的运行状态造成任何影响，程序后续执行的计算也不会受到该计算的影响。而有一些表达式则具有很多副作用，前后的表达式运算会相互影响。赋值运算符是最明显的一个例子：如果给一个变量或属性赋值，那么那些使用这个变量或属性的表达式的值都会发生改变。“++”和“--”递增和递减运算符与此类似，因为它们包含隐式的赋值。de

2017-12-06 00:00:00 1640

转载理解var声明

：点上面关注免费学习前端知识！var和function都是声明语句，它们声明或定义变量或函数。这些语句定义标识符（变量名和函数名）并给其赋值，这些标识符可以在程序中任意地方使用。声明语句本身什么也不做，但它有一个重要的意义，通过创建变量和函数，可以更好地组织代码的语义。var语句用来声明一个或者多个变量，它的语法如下：var name_1[=value_

2017-12-05 00:00:00 818

转载 JS箭头函数的优势在哪里

本文我们介绍箭头(arrow)函数的优点。更简洁的语法我们先来按常规语法定义函数：function funcName(params) { return params + 2;}funcName(2);// 4该函数使用箭头函数可以使用仅仅一行代码搞定！var funcName = (params) => params + 2;fun

2017-12-04 00:00:00 6240 1

转载 HTML5有哪些新特性

HTML5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？HTML5 是定义 HTML 标准的最新的版本。该术语表示两个不同的概念：它是一个新版本的HTML语言，具有新的元素，属性和行为它有更大的技术集，允许更多样化和强大的网站和应用程序HTML5新特性：HTML5 现在已经不是 SGML 的子集，主

2017-12-03 00:00:00 1446 1

转载 indexOf与includes的区别

：点上面关注免费学习前端知识！自从ES6部署includes方法，好像indexOf就失去了它的用武之地了，到底indexOf有什么不足，这篇文章就要来介绍这两个方法之间的区别。看一个函数，先看他们的返回值，一个是返回数值型的，一个是返回布尔型的，所以在if条件判断的时候includes要简单得多，而indexOf 需要多写一个条件进行判断。var ar

2017-12-02 00:00:00 6348

转载为什么设置行高文字就能居中

：点上面关注免费学习前端知识！在设置CSS样式的时候，我们常常设置行高为元素的高度，这样一来，文字就可以在这个元素里面垂直居中了，那这是为什么呢？今天就来分析原理。首先，一行文字有顶线、中线、基线、底线、行高。当你设置行高的时候，由于文字的上部分行距和下部分行距是相等的，文字就正好在中间，这时文字就对齐了。好了，今天的文章

2017-12-01 00:00:00 1109

文摘资讯