2017年10月_gtLBTNq9mr3

转载用CSS定位元素

：点上面关注免费学习前端知识！CSS的position属性指定了应用到元素上的定位类型，如下是4个可能出现的属性值：static默认属性。指定元素按照常规的文档内容流（对多数西方语言而言就是从左往右、从上到下）进行定位。静态定位的元素不能使用top、left和类似其他属性定位。欲对文档元素使用CSS定位技术，必先将其position属性设置为除此之外的其

2017-10-30 00:00:00 308

转载前端基础常见问题

1. prototype和__proto__的关系是什么2. meta viewport原理3. 域名收敛是什么4. float和display：inline-block；的区别5. 前端优化策略列举6. 首屏、白屏时间如何计算7. 闭包8. 作用域链9. ajax如何实现、readyState五中状态的含义

2017-10-29 00:00:00 313

转载教你用canvas绘制矩形

：点上面关注免费学习前端知识！矩形是唯一一种可以直接在2D上下文中绘制的形状。与矩形有关的方法包括fillRect() 、 strokeRect() 和 clearRect() 。这三个方法都能接收 4 个参数：矩形的 x 坐标、矩形的 y 坐标、矩形宽度和矩形高度。这些参数的单位都是像素。首先， fillRect() 方法在画布上绘制的矩形会填充指定的颜色。填充的

2017-10-27 00:00:00 1156

转载浏览器的渲染机制

：点上面关注免费学习前端知识！1. CSS和JS在网页中的放置顺序是怎样的？CSS一般放在HTML的头部，也就是head标签里面，这样做的好处是避免因为CSS未加载而造成的白屏效果，HTML中，代码是从上到下依次解析的，如果CSS放在后面，那么加载完HTML的时候CSS还没有加载，HTML无法被渲染，网页出现白屏效果，当CSS加载完之后，HTML才会变成加载完样式之

2017-10-26 00:00:00 257

转载说说从URL输入到页面展现的过程

：点上面关注免费学习前端知识！前言登录网站，是我们每个人每天都会做的事。从打开浏览器，在地址输入框输入URL，按下enter键回车，网站页面就展示在我们面前。而这背后发生了什么，让这个页面得以展现在我们面前，是今天这篇文章想要说明的。一、URL是什么 URL（Uniform Resource Locato

2017-10-25 00:00:00 939

转载 canvas填充和描边介绍

：点上面关注免费学习前端知识！2D上下文的两种基本绘图操作是填充和描边。填充，就是用指定的样式（颜色、渐变或图像）填充图形；描边，就是只在图形的边缘画线。大多数2D上下文操作都会细分为填充和描边两个操作，而操作的结果取决于两个属性： fillStyle 和strokeStyle 。这两个属性的值可以是字符串、渐变对象或模式对象，而且它们的默认值都是 “#0000

2017-10-23 00:00:00 522

转载 Canvas绘图基本用法

：点上面关注免费学习前端知识！要使用元素，必须先设置其 width 和 height 属性，指定可以绘图的区域大小。出现在开始和结束标签中的内容是后备信息，如果浏览器不支持元素，就会显示这些信息。下面就是元素的例子。A drawing of something.与其他元素一样，元素对应的DOM元素对象也有 width 和 height 属

2017-10-22 00:00:00 263

转载执行环境及作用域分析

：点上面关注免费学习前端知识！执行环境（execution context，为简单起见，有时也称为“环境”）是JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象，但解析

2017-10-20 00:00:00 169

转载深入理解基本包装类型

：点上面关注免费学习前端知识！为了便于操作基本类型值，ECMAScript还提供了3个特殊的引用类型： Boolean 、 Number 和 String 。这些类型与本章介绍的其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。来看下面的例子。

2017-10-19 00:00:00 278

转载手写一个JSONP

：点上面关注免费学习前端知识！JSONP是JSON with padding（填充式JSON或参数式JSON）的简写，是应用JSON的一种新方法，在后来的Web服务中非常流行。JSONP看起来与JSON差不多，只不过是被包含在函数调用中的JSON，就像下面这样。callback({ “name”: “Nicholas” });JSONP由两部分组成：回调

2017-10-17 00:00:00 467

转载 cookie怎样存储数据？

：点上面关注免费学习前端知识！HTTP Cookie，通常直接叫做cookie，最初是在客户端用于存储会话信息的。该标准要求服务器对任意HTTP请求发送Set-Cookie HTTP头作为响应的一部分，其中包含会话信息。例如，这种服务器响应的头可能如下：HTTP/1.1 200 OKContent-type: text/htmlSet-Cookie: nam

2017-10-16 00:00:00 8595

转载理解表单字段

：点上面关注免费学习前端知识！可以像访问页面中的其他元素一样，使用原生DOM方法访问表单元素。此外，每个表单都有 elements 属性，该属性是表单中所有元素的集合。这个 elements 集合是一个有序列表，其中包含着表单中的所有字段，例如、、和。每个表单字段在 elements 集合中的顺序，与它们出现在标记中的顺序相同，可以按照位置和 name 特性来

2017-10-14 00:00:00 1758

转载 15个常用的javaScript正则表达式

：点上面关注免费学习前端知识！收集整理了15个常用的javaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IPv4地址、十六进制颜色、日期、 QQ号码、微信号、车牌号、中文正则。表单验证处理必备，赶紧收藏吧！1 用户名正则//用户名正则，4到16位（字母，数字，下划线，减

2017-10-13 00:00:00 197

转载提交表单的技巧

：点上面关注免费学习前端知识！用户单击提交按钮或图像按钮时，就会提交表单。使用或都可以定义提交按钮，只要将其 type 特性的值设置为 “submit” 即可，而图像按钮则是通过将的 type 特性值设置为 “image” 来定义的。因此，只要我们单击以下代码生成的按钮，就可以提交表单。Submit Form只要表单中存在

2017-10-12 00:00:00 204

原创 ES6之"let"能替代"var"吗?

：点上面关注免费学习前端知识！我已经使用ES2015(ES6)的语法编写JavaScript程序很久了，并且喜欢上它提供的新特性带来的优雅和简洁。我最习惯的就是不再使用 var ,而是 let/const。我想当然的以为 let 仅仅是 var 的替代者，而事实上 let 还为我们提供了更加精细的作用域。我大多数时候使用的变量都是用 const 来声明，因为如果尝试

2017-10-10 00:00:00 1146

原创新增了归并数组的方法！

：点上面关注免费学习前端知识！ECMAScript 5还新增了两个缩小数组的方法： reduce() 和 reduceRight() 。这两个方法都会迭代数组的所有项，然后构建一个最终返回的值。其中， reduce() 方法从数组的第一项开始，逐个遍历到最后。而 reduceRight() 则从数组的最后一项开始，向前遍历到第一项。这两个方法都接收两个参数：一个

2017-10-09 00:00:00 314

原创数值转换

微信号：css-js 欢迎观临Web前端精髓～有3个函数可以把非数值转换为数值： Number() 、 parseInt() 和 parseFloat() 。第一个函数，即转型函数 Number() 可以用于任何数据类型，而另两个函数则专门用于把字符串转换成数值。这3个函数对于同样的输入会有返回不同的结果。Number() 函数的转换规则如下

2017-10-08 00:00:00 507

文摘资讯