本篇目录： 使用入门 简单使用流程 链家地图找房效果 区域点位气泡 数据结构 实现 addOverlay方法 区域边界 获取区域点位经纬度 获取区域边界 小结 最近由于项目需要，开始调研如何使用百度地图实现类似于链家的地图找房的功能，从而开始学习百度地图相关内容。后续会根据一些使用到的知识点进行整理记录，以备不时之需...

1.Number.isFinite(), Number.isNaN() Number.isFinite()用来检查一个数值是否为有限的（finite），即不是Infinity。 {代码...} ※ 参数类型不是数值，一律返回false Number.isNaN()用来检查一个值是否为NaN。 {代码...} ※ 参数类型不是NaN，一律返回false※ NaN === NaN // false 2.Number.parseInt(), Number.parseFloat...

1.字符串的遍历器 ES6为字符串添加了遍历器接口，使得字符串可以被for...of循环遍历 {代码...} 2.includes(), startsWith(), endsWith() 传统JS中字符串中只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6中提供了三种新方法： includes(): 返回布尔值，表示是否找到了参数字符串 startsWith()：...

解构赋值（destructuring assignment）语法是一个Javascript表达式，这种语法能够更方便的提取出 Object 或者 Array 中的数据。这种语法可以在接受提取的数据的地方使用，比如一个表达式的左边。有明确的语法模式来告诉我们如何使用这种语法提取需要的数据值。

其中()中代表的是参数部门，{}中是函数体部分。如果箭头函数不需要参数或者需要多个参数时，需要使用一个()来包裹，当只有一个参数时，可以省略()。

由来： 整理、记录整理日常收集的前端资料 方便大家有效查阅自己需要的东西 具体可参考 >Javascript部分 ①相关书籍 JavaScript 标准参考教程 ②博文精贴 深入理解JavaScript系列 备用地址 深入理解javascript原型和闭包系列 深入浅出React React-Native学习指南整理 underscore-1.8.3.js 源码解读 AngularJS 学习 ③框...

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

按照微信之父张小龙的定义，小程序是一种不需要下载安装即可使用的应用。小程序实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。同时，体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无须安装卸载。

但是由于ESUI内容包含广泛，而且内部依赖非常之多（应该这套内容是百度前端“生态”中的一部分，但是维护来看截止13年就不在更新了）所以在ESUI的基础上面，将地域选择的功能进行了摘取。从而，有了此独立功能插件。

传统的面向对象语言中单例模式的实现，均是单例对象从“类”中创建而来，在以类为中心的语言中，这是很常见的做法。如果需要某个对象，就必须先定义一个类，对象总是从类中创建而来。但是在JavaScript中却是并不需要这样做。

转眼间已经进入了2018年，回顾过去的一年，才发现自己并没有达到预期的目标。虽然有所提高，但是和自己的预期相差甚远。希望能够借着这个系列的开始，给自己的2018年开个好头。

最近公司产品需要在微信内部做一个minisite，其中有一个列表页需要有顶部的搜索功能，类似京东那种，有搜索框和筛选条件。产品需要的一个操作是，当用户下滑列表时，需要顶部的搜索只保留条件筛选，搜索框等需要隐藏；当往上滑动或者滑动到列表底部（无新数据加载）时，需要将顶部的搜索功能再显示完全。 上面是现实背景...

前面几篇内容简单整理了一些React的基础知识点，以方便大家能够简单的了解React的一些相关概念。在本节中，我们来试着以一个简单的例子来分析，如何构建一个React应用程序，该如何去思考。

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。当用户提交表单时浏览器会打开一个新页面，如果你希望 React 中保持这个行为，也可以工作。但是多数情况下，用一个处理表单提交并访问用户输入到表单中的数据的 JavaScript 函数也很方便。实现这一点的标准方法是使用一种称为“受控组件(controlle...

我们知道，在JavaScript中map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。如：

Props 验证使用 propTypes，它可以保证我们的应用组件被正确使用，React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props 传入无效数据时，JavaScript 控制台会抛出警告。

在上一篇中写过，组件可以分为函数式组件和类组件，并且更新组件的方法也给出了通过传入ReactDOM.render()方法进行更新。但是这种方式并不能很好地进行封装成独立功能的组件，一些操作会由外部进行控制。而我们理想中的组件应该是一个功能独立的个体，只是不同场合不同的数据才会出现不同。而这就就关联到了我们这次的主...

React元素是不可突变（immutable）的。一旦创建了一个元素，就不能更改其子元素或者属性。只能创建一个新的元素，通过传入ReactDOM.render()方法进行更新。 另外，React DOM在更新的时候，会将元素及其子元素与之前版本逐一逐级对比，只更新对应有变化的，并不会整体进行刷新。

最近公司设计了一款基于自己产品的投屏类H5应用，能够使得用户通过我们的产品平台来设计启用用于投屏功能的H5页面，实现留言互动等功能。整体的实现和用户体验都是基于前端实现来完成的，特此再次整理一下自己的设计实现思路以供大家分享。

input[file]标签的accept属性可用于指定上传文件的 MIME类型 。 例如，想要实现默认上传图片文件的代码，代码可如下： {代码...} 效果就是会默认过滤掉所有非图片文件。 但是！ 这段代码在Chrome和Safari等Webkit浏览器下却出现了响应滞慢的问题，可能要等 6~10s 才能弹出文件选择对话框。简直不能忍呀。 在IE和Firefox...

退出全屏 {代码...} 全屏显示 {代码...} PS:大家可以微信添加订阅号“冷星学前端”，同步更新文章内容

制作一个H5，需要微信打开后背景音乐或者其他音频文件进行播放，但是经常出现的结果是，安卓基本没有问题，但是苹果手机确不行，总是不进行播放，这是为什么呢？

工作过程中涉及到了移动端输入内容长度的限定，这就要求需要对输入过程中内容的变化进行监控和判定，以决定是否可以继续输入，所以就想着是否可以在相关输入处监听oninput事件？但是在手机端，中文输入过程中，默认输入框里面会显示相关的英文字母，这个时候会触发oninput事件，但是这个时候输入并没有结束，所以导致判...

以前我们只能通过其他的截图工具来截取图像。现代浏览器的功能已经越来越强，随着H5的逐渐普及，浏览器本身就可以截图啦。html2canvas就是这样一款前端插件,它的原理是将Dom节点在Canvas里边画出来。虽然很方便，但有以下限制：

经过在网上各种找资料，踩过各种坑，终于搭建好了hexo，直接与gitbub一起使用，搭建起自己的免费的博客。 关于Hexo Hexo是一款基于Node.js的静态博客框架。 Hexo特性 风一般的速度 Hexo基于Node.js，支持多进程，几百篇文章也可以秒生成。 流畅的撰写 支持GitHub Flavored Markdown和所有Octopress的插件。 扩展性 Hexo...

组织机构代码是每一个机关、社会团体、企事业单位在全国范围内唯一的、始终不变的法定代码标识。最新使用的组织机构代码在1997年颁布实施，由8位数字（或大写拉丁字母）本体代码和1位数字（或大写拉丁字母）校验码组成。本体代码采用系列（即分区段）顺序编码方法。校验码按下列公式计算：8 C9 = 11 - MOD(∑Ci * Wi，11)...