02 2019 档案
摘要：问题背景：有时候一些列表会有一些跳转的需求，比如跳到详情页、或者是其他相关的页面（比如跳到用户列表去查看用户的相关信息）等，此时再返回列表页，列表页会刷新重置。目前需求就是需要改成如下情况： 问题1、列表 - 详情页，返回，不刷新重置； 问题2、再点其他菜单，再返回，需要刷新重置。 解决思路： 解决
阅读全文
摘要：一、需求场景 Blob 的一个常用应用场景，就是获取剪切板上的数据来进行粘贴的操作。例如通过QQ截图后，需要在网页上进行粘贴操作。粘贴图片我们需要解决下面几个问题： 1、监听用户的粘贴操作 首先我们可以通过paste事件来监听用户的粘贴操作: document.addEventListener('p
阅读全文
摘要：首先说分片上传，我们在进行文件上传的时候，因为服务器的限制，会限制每一次上传到服务器的文件大小不会很大，这个时候我们就需要把一个需要上传的文件进行切割，然后分别进行上传到服务器。 假如需要做到这一步，我们需要解决两个问题： 怎么切割? 怎么得知当前传输的进度? 首先解决怎么切割的问题。因为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 容器，它的所有子元素自动成为容
阅读全文
