古兰精

摘要： 一、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 阅读全文

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

摘要： 问题描述： 当使用新窗口弹出页面时，浏览器有时会默认拦截弹出，并不友好。 比如使用第三方支付宝api做支付的时候如果浏览器拦截支付弹窗，可能会导致用户不去付款。 解决方案： 方案一：浏览器拦截的机制就是认为是非用户触发的，所以会去拦截，那么我们的思路就是让他变成用户触发的，去避免浏览器进行拦截。 1 阅读全文