yushare

2017-08-07

节流(throttle)和去抖(debounce)

记得之前有一个需求，就是用户在输入框中输入关键字，然后根据关键字去拉取后台模糊搜索的数据。如果通过监听用户输入 oninput 发送请求的话，触发频率就太高了…于是上网搜了一下，最后是使用 debounce 解决了问题。本文主要是总结一下函数节流 throttle 和函数去抖 debounce。 1、throttle和debounce是什么？某些场景下，比如响应鼠标移动或者窗口大小调整... 阅读全文…

2017-07-19

实用编码小技巧总结

HTML 给 select 加一个 placeholder CSS chrome 表单自动填充样式修改 JavaScript 获取JSON的key 获取文件扩展名 1、HTML 给 select 加一个 placeholder123456<select name="select" id="select"> <... 阅读全文…

2017-07-14

代码托管与常用的 git 命令

github是一个基于git的代码托管平台，付费用户可以建私人仓库，我们一般的免费用户只能使用公共仓库，也就是代码要公开。 github由Chris Wanstrath, PJ Hyett 与Tom Preston-Werner三位开发者在2008年4月创办。迄今拥有59名全职员工，主要提供基于git的版本托管服务。 1、注册账号和创建仓库要想使用github第一步当然是注册git... 阅读全文…

2017-06-20

常用正则表达式总结

常用的输入验证模式表达式 1. 非负整数 /^\d+$/ 2. 正整数 /^[0-9][1-9][0-9]$/ 3. 非正整数 /^((-\d+)|(0+))$/ 4. 负整数 /^-[0-9][1-9][0-9]$/ 5. 整数 /^-?\d+$/ 6. 非负浮点数 /^\d+(.\d+)?$/ 7. 正浮点数 /^(([0-9]+.... 阅读全文…

2017-06-09

ES6 Promise

Promise是抽象异步处理对象以及对其进行各种操作的组件。通俗点讲，Promise能解决由于回调嵌套带来的流程控制与可读性问题。原生API函数的 Promise 化 Promise.all 解决并行任务 Promise.then 的链式调用中断或取消 Promise 链使用基于 Promise 的 async/await 小结 1. 原生API函数的 Promise 化大... 阅读全文…

2017-05-04

HTML5 代码规范

1、使用正确的文档类型文档类型声明位于HTML文档的第一行：1234<!DOCTYPE html><!doctype html> 2、使用小写标签名 HTML5 标签名可以使用大写和小写字母，推荐使用小写字母：混合了大小写的风格是非常糟糕的。开发人员通常使用小写 (类似 XHTML)。小写风格看起来更加清爽。... 阅读全文…

2017-03-26

JavaScript 面向对象

1. 原始方式：对象字面量方式12345var Hero = { name: 'MasterYi', skill: 'AlphaStrike', todo: function () { alert(this.name); }}; Object构造函数方式12345678910var Hero... 阅读全文…

2017-02-12

HTML5 存储 webStorage

客户端存储数据的两个对象为： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session(会话) 的数据存储在使用 web 存储前，应检查浏览器是否支持 localStorage 和sessionStorage :1234567if( typeof(Storage) !== "undefined" ){ ... 阅读全文…

2016-12-19

认识 JavaScript 严格模式

1. 关于严格模式2. 为什么使用严格模式3. 严格模式的限制4. 保留关键字5. 严格模式下的规则 1、关于严格模式 JavaScript 严格模式（strict mode）即在严格的条件下运行。严格模式通过在脚本或函数的头部添加 use strict; 表达式来声明。 use strict 指令不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。 ... 阅读全文…

2016-12-05

CSS3 多媒体查询

1. CSS2 多媒体类型2. CSS3 多媒体查询3. 浏览器支持4. 语法介绍5. 多媒体类型 media type6. 多媒体功能 media feature7. 多媒体查询实例 1、CSS2 多媒体类型 @media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。但是... 阅读全文…