DIY 本文基于HTML5 Video API，自定义Web视频播放器样式。 其实吧，原生的video 标签样式挺好看的，但每个人的视觉感受不一样，所以就会有需要改变原生样式的时候。 那就给它化个妆咯。淡妆，淡妆。 【code here】 {代码...} 添加playsinline属性： {代码...} 这个playsinline属性是让video内敛到浏览器webview里面，而...

之前也有用到audio，大概是生日贺卡，博客音乐，播放语音等场景。场景也比较简单，一个按钮加一点动画，再用上Audio的API，基本上就可以搞定了。哦，可能还会涉及到自动播放。【这里】

AMP已经出来很久了，最近看到官方说12月会在北京上海有路演，才想起自己好久没接触这个AMP了，之前为了试一试，把自己博客的about页面改成了AMP页面，当时还在上线前后用了google developer toos - pagespeed 测了下速，确实快了许多，个人感觉还是有速度的提升。但是不知道咋地就是还没看到市场上火起来，大概是它暂时...

在 JavaScript 中，对象，是对一些具体事物的一种抽象，所有其他对象都继承自这个对象。Object 是一个无序集合，将变量和值集合在一起，可以存放任意类型对象（JavaScript中的一切皆对象，这句话应该没有对错，无论正反两个方面，支持者都能说出他们的解释）。

一直用着JavaScript，可是有时候有的问题就是很难一时回答得上来，可能大概知道那么些思路，但是又很难回答得清楚，有时候是很需要自己去思考的。难得周末晚上清闲，回味这些看起来有点怪怪却又在发生着的问题。

JavaScript一路走来，备受争议，与其说它备受争议，不如说它不够完美。不够完美？那完美了还得了，它的强大你还没体会到吗？它是如此的灵活，当然随之而来的便是开发的代价，它不像强类型语言那样规规矩矩，今天就说说这个加法运算符。当然，这个不是之前的温故，不是我说，随意翻译，顺便分享，后附原文。

特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。 本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更新在...

之前一直在温故js系列，希望能够知新，不过最近应业务要求，在做移动WEB，需求大，任务多。所以，只有像现在闲着的时候才能继续温故js了。祖国母亲的生日，祝祖国繁荣昌盛O(∩_∩)O~ 不知道有多少程序猿宅在家里，多少程序猿堵在路上...

微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者工具 - 官方 Egret Wing 3.2.x 支持微信小程序实时预览的IDE) labrador 支持ES6/7的微信小程序组件化开发框架 Px转Rpx在线工具 XpmJS - 小程序云端增强 SDK 社区 微信小...

最近工作之余一直在温故js系列，想知新，想提升，以小技术点为节奏去回顾。今天突然想到回顾一下这个http知识，http知识有太多深层次需要学习，今天简要回顾，浅析下这个技术点。主要通过五个步骤浅析这个过程，有错误的地方，烦请斧正，互相学习。

JavaScript的原型是一个重要的知识点，很多扩展应用都是从原型出发的。要说原型，我们先简单说一下函数创建过程。上一篇文章用闭包实现类和继承中用的是原型继承，今天就讲一讲原型继承。更多继承在后面的文章中更新。

闭包(closure)是一个让人又爱又恨的something，它可以实现很多高级功能和应用，同时在理解和应用上有很多难点和需要小心注意的地方。

map对数组的每个元素调用定义的回调函数并返回包含结果的数组。["1","2","3"].map(parseInt)对于数组中每个元素调用paresInt。但是该题目不同于：

前端学习：教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总 欢迎提issues斧正：30题_题目 JavaScript-有意思的30题_题目 之前在学习时把问题和答案分开了，这儿也分开吧。这样在看得时候无意识的会多思考一下。茶余饭后，来杯咖啡 1.以下表达式的运行结果是： {代...

动画可以给网站的用户体验加分，让网页更加活泼。不过，什么东西都需要适量，简易快捷的动画会给网站加分不少。比如购物网站的个人中心按钮hover效果啊，各种hover产生的动画等。不过，现在CSS3的新特性可以模拟很多动画，可以多用CSS3去实现一些动画效果了。比如box-shadow，text-shaow，animation，transform等。jquer...

此方法对前端页面容错非常有效，因为一个元素里的内容太多，就会导致显示不完，省略号让用户体验更好。如果元素宽高没限制，内容太多会导致文本溢出，严重影响用户体验。

2005年Jesse James Garrett 发表了一篇文章，标题为：“Ajax：A new Approach to Web Applications”。他在这篇文章里介绍了一种技术叫：Ajax，即Asynchronous JavaScript And XML。这种技术能够向服务器请求数据而不须刷新整个页面，会带来更好的用户体验。

BOM是browser object model的缩写，简称浏览器对象模型。它本身是没有标准的或者还没有哪个组织去标准它，所以，BOM缺乏标准。它提供了很多对象，并且每个对象都提供了很多方法与属性，用于访问浏览器的功能。

JavaScript中，事件一般是指浏览器和用户操作进行交互。我们可以通过侦听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。

前端学习：教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总 欢迎提issues斧正：========== JavaScript-判断 代码中，多多少少会有判断语句。业务越复杂，逻辑就越复杂，判断就越多 比较判断 比较判断是比较两个值，返回一个布尔值，表示是否满足比较条件。JavaScri...

JavaScript是单线程的，一个语句一个语句的执行。语句是执行过程中的流程、限定与约定，形式上可以是单行语句，或者由一对大括号"{}"括起来的复合语句，复合语句整体可以作为一个单行语句处理。那么，代码中，流程控制就显得格外重要了。JavaScript也规定了一些语句和一些关键字用于流程控制。

jQuery 最核心的组成部分就是：选择器引擎，选择器引擎Sizzle占了jQuery很大一部分。它继承了CSS 的语法，可以对DOM 元素的标签名、属性名、状态等进行快速准确的选择，并且不必担心浏览器的兼容性。jQuery选择器实现了CSS1~CSS3 的大部分规则之外，还实现了一些自定义的选择器，用于各种特殊状态的选择。

indexOf的思想就是遍历一个数组的字符，判断这个字符在另一个数组存不存在，不存在就把这个字符也弄一个到结果数组里去。在 IE6-8 下，数组的 indexOf 方法还不存在（虽然这已经算有点古老的话题了O(∩_∩)O~），但是，程序员就要写一个indexOf方法：

SublimeText快捷键大全 选择类 Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。（非常好用，当你要改多出同样的代码时） Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。（快速选中并更改所有相同的变量名、函数名等） Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shif...

DOM（Document Object Model）即文档对象模型，针对HTML 和XML 文档的API（应用程序接口）。DOM 描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。document对象是文...

正则表达式(regular expression)描述了一种字符串匹配模式，可以用来检查一个字符串是否含有某类字符串、将匹配的字符串做替换或者从某个字符串中取出符合某个条件的字符串等。ECMAScript的RegExp对象表示正则表达式，而String 和RegExp 都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。

Git 是一个很强大的分布式版本控制系统。它不但适用于管理大型开源软件的源代码，管理私人的文档和源代码也有很多优势。在团队合作时作用不言而喻，更是为了解决团队合作代码冲突而生。

前端学习：教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总 欢迎提issues斧正：运算符 JavaScript-运算符 JavaScript 有一系列操作数据值的运算符，运算符按照特定运算规则对操作数进行运算，将简单的表达式组合成复杂的表达式。 一元运算符 一元运算符只能操作一...

优点：1.只在cookie中存放不敏感数据，即使被盗也不会有重大损失。2.控制cookie的生命期，使之不会永远有效。就算被盗了偷盗者很可能拿到的是一个过期的cookie。3.cookie帮助服务端承担了很大的压力，可以利用cookie在和客户端做很多判断而不应经过服务端。4.极高的扩展性和可用性，使用简单，操作方法方便缺点：1.cooki...

原理：在待排序序列中选一个分割元素，将待排序序列分隔成独立的子序列，子序列1里的元素比分割元素元素都小（大），子序列2反之，递归进行此操作，以达到子序列都有序。最后将子序列用concat方法连接起来即是排序好的序列。