仿链家地图找房的简单实现

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

【ES6系列】数值的扩展

2018-05-22
阅读 4 分钟
1.6k
1.Number.isFinite(), Number.isNaN() Number.isFinite()用来检查一个数值是否为有限的(finite),即不是Infinity。 {代码...} ※ 参数类型不是数值,一律返回false Number.isNaN()用来检查一个值是否为NaN。 {代码...} ※ 参数类型不是NaN,一律返回false※ NaN === NaN // false 2.Number.parseInt(), Number.parseFloat...

【ES6系列】字符串扩展

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

【ES6系列】变量的解构赋值

2018-05-11
阅读 4 分钟
2.8k
解构赋值(destructuring assignment)语法是一个Javascript表达式,这种语法能够更方便的提取出 Object 或者 Array 中的数据。这种语法可以在接受提取的数据的地方使用,比如一个表达式的左边。有明确的语法模式来告诉我们如何使用这种语法提取需要的数据值。

【ES6系列】函数部分

2018-04-12
阅读 4 分钟
1.4k
其中()中代表的是参数部门,{}中是函数体部分。如果箭头函数不需要参数或者需要多个参数时,需要使用一个()来包裹,当只有一个参数时,可以省略()。

前端资料分享

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

【ES6系列】变量与块级作用域

2018-04-10
阅读 3 分钟
1.2k
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

【微信小程序】初识小程序

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

【便捷插件】地域选择插件Region

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

【JavaScript设计模式】单例模式

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

2018年系列之设计模式汇总贴

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

【工作技巧篇】移动端顶部搜索功能实现

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

【React系列】如何构建React应用程序

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

【React系列】受控组件(Controlled Components)和不受控组件

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

【React系列】列表(Lists)和键(Keys)

2017-08-31
阅读 4 分钟
2.3k
我们知道,在JavaScript中map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。如:

【React系列】Props 验证

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

【React系列】状态(State)和生命周期

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

【React系列】元素、组件与属性

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

投屏类H5应用开发分析

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

input[file]标签的accept=”image/*”属性响应很慢的解决办法

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

js控制全屏显示/退出全屏的方法

2017-04-14
阅读 1 分钟
4.4k
退出全屏 {代码...} 全屏显示 {代码...} PS:大家可以微信添加订阅号“冷星学前端”,同步更新文章内容

工作手记之ios safari禁止音频自动播放的解决方法

2016-12-20
阅读 1 分钟
9.5k
制作一个H5,需要微信打开后背景音乐或者其他音频文件进行播放,但是经常出现的结果是,安卓基本没有问题,但是苹果手机确不行,总是不进行播放,这是为什么呢?

工作手记之移动端中文输入法触发oninput事件的解决方法

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

工作手记之html2canvas使用概述

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

个人学习之使用Hexo & Github,搭建属于自己的博客

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

工作手记之工作点滴积累之Javascript方法篇

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