摘要： 系列文章 -- ES6笔记系列 虽然ES6已经发布一年多了，但在各大浏览器之中的支持度还不是很理想，在这查看 ES6新特性支持度 Chrome的最新版本浏览器大部分已经支持，在Node.js环境上支持度更好一些，可原生使用，但实际上更多的做法是用其他工具将ES6转码成支持度更好的ES5 这些工具有b 阅读全文

摘要： ES6，即ECMAScript 6.0，ES6的第一个版本是在2015年发布的，所以又称作ECMAScript 2015 如今距ES6发布已经一年多的时间，这时候才去学，作为一个JSer，羞愧羞愧，还是尽早去学习吧 主要参照阮一峰的 ES6标准入门 及其他资料，系统地学习ES6，好记星不如烂笔头，记 阅读全文

摘要： 有IOS的开关模拟，当然也有MIUI的开关模拟 看到设置选项里面的开关样式，突发奇想地来试试 最终效果如图： 实现过程 1. 选项框checkbox 模拟开关当然需要一个选项框，这里用到了复选框checkbox 2. 理解开关的过程 点击开关按钮，则开启或关闭。原生的checkbox无法做到图示的效 阅读全文

摘要： 学习CSS3动画animation得先了解一些关于变形transform、过渡transition的知识 这些新属性大多在新版浏览器得到了支持，有些需要添加浏览器前缀（-webkit-、-moz-、-ms-、-o-），本文为简化内容，直接使用了原版属性 根据不同属性的支持度，在实际使用的时候需要添加 阅读全文

摘要： 感觉移动端原生支持的 touch、tap、swipe 几个事件好像还不够用，某些时候还会用到诸如缩放、长按等其他功能。 近日学习了一个手势库 Hammer.js，它是一个轻量级的触屏设备手势库，能识别出常见的触摸、拖动、长按、缩放等行为。 依照 官方文档，开始学习吧 一、基本用法 在页面上用<scr 阅读全文

摘要： 前端的很多事件在PC端和浏览器端可公用，但有些事件却只在移动端产生，如触摸相关的事件 本文整理了移动端常见的一些事件，包括原生支持的click、touch、tap、swipe事件，也有定义型的gesture手势事件（目前只是一个概念，使用的时候需封装模拟） 使用到的是移动端的Chrome浏览器，本文 阅读全文

摘要： 一年不见，博客园都长草啦...... 前几日刚入手新手机小米5，系统真心流畅呀。为啥要买小米5呢，因为要提高生产力呀，好好玩移动前端开发呀哈哈哈 那么问题来了，要怎么调试手机上的前端页面呢？ 很久很久以前，我的做法是：在PC上用Chrome移动模拟器调试好后，基本OK，再把相关文件传到手机上，在真机 阅读全文

摘要： 总结整理时下流行的浏览器User-Agent大全 浏览器userAgent大全 各种浏览器UserAgent一览表(桌面+移动) 使用JS判断移动设备的终端类型（浏览器UserAgent） JS通过分析userAgent属性来判断浏览器的类型及版本 阅读全文

摘要： 题记 由于js不像java那样是完全面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，一般都是基于原型链的方式； 一、继承初探 大多数JavaScript的实现用 __proto__ 属性来表示一个对象的原型链。 我们可以简单的把prototype看做是一个模版，新创建的自定义对 阅读全文

摘要： 用CSS实现元素的水平居中，比较简单，可以设置text-align center，或者设置 margin-left:auto; margin-right:auto 之类的即可。主要麻烦的地方还是在垂直居中的处理上，所以接下来主要考虑垂直方向上的居中实现。水平垂直居中主要包括三类：基本文本类，图像类，... 阅读全文