古兰精

摘要： 一、需求背景 有时候需要在前端侧对于动态生成的内容进行下载，比如页面上某一段文本信息，再比如对页面进行分享的时候，希望分享图片是页面内容的实时截图，此时，这个图片就是动态的，纯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 阅读全文

摘要： 一、字体兼容写法 font-family的调用方法： font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHe 阅读全文

摘要： 公共组件： 调用 注意下面这个二进制文件接收和上传的问题 阅读全文