摘要：
首先说分片上传，我们在进行文件上传的时候，因为服务器的限制，会限制每一次上传到服务器的文件大小不会很大，这个时候我们就需要把一个需要上传的文件进行切割，然后分别进行上传到服务器。 假如需要做到这一步，我们需要解决两个问题： 怎么切割? 怎么得知当前传输的进度? 首先解决怎么切割的问题。因为File文 阅读全文
摘要：
在 HTML5 File API 出现之前，前端对于文件的操作是非常有局限性的，大多需要配合后端实现。出于安全角度考虑，从本地上传文件时，代码不可能获取文件在用户本地的地址，所以纯前端不可能完成一些类似图片预览的功能。但是 File API 的出现，让这一切变成了可能。 1、FileList 对象 阅读全文
摘要：
一、需求背景 有时候需要在前端侧对于动态生成的内容进行下载，比如页面上某一段文本信息，再比如对页面进行分享的时候，希望分享图片是页面内容的实时截图，此时，这个图片就是动态的，纯HTML显然是无法满足我们的需求的，借助JS和其它一些HTML5特性，例如，将页面元素转换到canvas上，然后再转成图片进 阅读全文
摘要：
一、BFC 知识 1、BFC 是什么？ BFC 全称：Block Formatting Context， 名为 "块级格式化上下文"。 W3C官方解释为：BFC 它决定了元素如何对其内容进行定位，以及与其它元素的关系和相互作用。当涉及到可视化布局时，Block Formatting Context 阅读全文
摘要：
任何一个容器都可以指定为 Flex 布局。行内元素也可以使用flex布局（display:inline-flex;）。 注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 采用 Flex 布局的元素，称为 Flex 容器，它的所有子元素自动成为容 阅读全文
摘要：
一、问题背景 1、我们经常说的强缓存和协商缓存，那么想一想在项目上，什么文件用强缓存？什么文件用协商缓存呢？那么我这里就来说一说。 就拿前端SPA部署来说，打包过后的文件为 index.html、css、js、img 文件等， （1）index.html 应该不缓存，或者是设置 no-cache 的 阅读全文
摘要：
我们常见的 z-index 看上去其实很简单，根据 z-index 的高低决定层叠的优先级，实则深入进去，会发现内有乾坤。 一、层叠顺序 问题背景：拥有共同父容器的两个 DIV 重叠在一起，是 display:inline-block 叠在上面，还是float:left 叠在上面？ 有人可能会说，D 阅读全文
摘要：
之前对网页做用户转化率调查这块，找到了谷歌GA事件，现在有时间对使用方法和遇到问题做个简单记录。官方文档其实也介绍的比较清楚，可以查看官方文档。 首先，在官网申请UA-id，然后在主页加入如下代码： <script async src="https://www.googletagmanager.co 阅读全文
摘要：
一、scrollIntoView简单使用 scrollIntoView方法滚动当前元素，进入浏览器的可见区域 el.scrollIntoView(); // 等同于el.scrollIntoView(true) el.scrollIntoView(false); 该方法可以接受一个布尔值作为参数。 阅读全文
摘要：
在IOS5以上版本（不包含IOS5）中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象，但是在IOS5版本里面的Safari解释new Date('2013-10-21') 就不正确，在IOS5的Safari中返回的永远是"Inval 阅读全文