09 2016 档案
摘要：开发中会经常涉及到文件上传的需求，根据业务不同的需求，有不同的文件上传情况。 有简单的单文件上传，有多文件上传，因浏览器原生的文件上传样式及功能的支持度不算太高，很多时候我们会对样式进行美化，对功能进行完善。 本文根据一个例子，对多文件的上传样式做了一些简单的美化（其实也没怎么美化。。），同时支持选
阅读全文
摘要：直入正题.. 刚刚想写篇总结，照常登上博客园添加新随笔，写了百来字发现有什么不对劲 编辑器去哪儿了。。。 心想重新登录应该就OK了吧，点击退出然后重新登录 按钮一直显示加载中。。。简直就没法登录嘛。。。 只好通过开发者工具查看错误，一看就是JQ库没加载出来报错了 真是奇怪了，我其他网站访问还算正常，
阅读全文
摘要：系列文章 -- ES6笔记系列 很久很久以前，在做Node.js聊天室，使用MongoDB数据服务的时候就遇到了多重回调嵌套导致代码混乱的问题。 JS异步编程有利有弊，Promise的出现，改善了这一格局，让异步编程表现出类似“同步式代码”的形式，更好地体现了它的价值。 一、基本概念 1. Prom
阅读全文
摘要：系列文章 -- ES6笔记系列 搞ES6的人也是够无聊，把JS弄得越来越像Java、C++，连Iterator迭代器、Set集合、Map结构都出来了，不知道说什么好... 一、简单使用 1. iterator 学过C++的人应该知道这是个迭代器对象，拥有一个指针，指向数据结构中的某个成员 JS中的i
阅读全文
摘要：系列文章 -- ES6笔记系列 接触过Ajax请求的会遇到过异步调用的问题，为了保证调用顺序的正确性，一般我们会在回调函数中调用，也有用到一些新的解决方案如Promise相关的技术。 在异步编程中，还有一种常用的解决方案，它就是Generator生成器函数。顾名思义，它是一个生成器，它也是一个状态机
阅读全文
摘要：系列文章 -- ES6笔记系列 Symbol是什么？中文意思是标志、记号，顾名思义，它可以用了做记号。 是的，它是一种标记的方法，被ES6引入作为一种新的数据类型，表示独一无二的值。 由此，JS的数据类型多了一位成员： Number、String、Boolean、undefined、Object、S
阅读全文
摘要：系列文章 -- ES6笔记系列 解构赋值，即对某种结构进行解析，然后将解析出来的值赋值给相关的变量，常见的有数组、对象、字符串的解构赋值等 一、数组的解构赋值 如上，解析返回的数组，取出值并赋给相应的变量，这就是解构赋值 1. 还可以嵌套多层，只要相应的模式匹配了就能解析出来 2. 如若模式不匹配则
阅读全文
摘要：系列文章 -- ES6笔记系列 一、函数级作用域 我们都知道，在ES6以前，JS只有函数级作用域，没有块级作用域这个概念 没有块级作用域，有利有弊，利于方便自由，弊于作用域内的变量容易被共享，例如这个例子 循环中变量i是处于全局作用域下的，其实这里是个闭包，函数内部的i与函数外的i形成了引用的关系，
阅读全文
摘要：系列文章 -- 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，再把相关文件传到手机上，在真机
阅读全文
