摘要：
视频是很好的向用户输出内容的方式之一，最近有一个web播放m3u8的视频需求，记录一下做的过程和踩到的坑。 1.m3u8 m3u8准确来说是一种索引文件，使用m3u8文件实际上是通过它来解析对应的放在服务器上的视频网络地址，从而实现在线播放。使用m3u8格式文件主要因为可以实现多码率视频的适配，视频 阅读全文
摘要：
大多数网页的内容一屏都无法完全显示，所以我们需要滚动条来支持我们的网页，就有了这篇博客 1.了解滚动条的不同表现 在不同的系统中 在windows上，滚动条的样式是上下箭头+中间部分，如果一屏显示不全内容，滚动体默认会存在 在mac上，滚动条默认是隐藏的，只有在用户触发滚动的时候才会出现滚动条 在不 阅读全文
摘要：
接触到了新的vue项目，使用vue+ts+vue-property-decotator来进行项目的简化，一时间语法没有看懂，所以花时间学习这个装饰器的包。 1.装饰器 @Component(options:Component = {}) 默认接受一个对象作为参数，在这个对象中声明components 阅读全文
摘要：
（一面） 1.介绍自己 2.css权值和css如何生效 3.css选择器、伪类、伪元素有哪些？如何理解伪类和伪元素 4. 构造函数，new 操作过程(手撕) 5. js继承 手撕 6. this指向问题，箭头函数 7. Event loop 8. 跨域，josnp cros domain postMessage,重点说了jsonp和cros，又让说了简单请求 9. 防抖节流（手撕、场景） 10.... 阅读全文
摘要：
浏览器中有一个performance的性能监控，平时我也没有用到，接手了一个大数据的项目，发现页面打开的比较慢，使用浏览器的performance分析可以看到各个步骤花费的时间。 关于项目的性能分析如下图 上图反应这个页面从开始reload到完全打开的数据，可以看到几个指标 蓝色(Loading)： 阅读全文
摘要：
表单的一些问题 1. 浏览器记住帐号(验证码)密码 2.浏览器表单回填 在浏览器里有一个前端的爬虫，可以抓取到我们的inut type=password，我们成功的提交表单，浏览器会在右上角弹框，询问是否记住密码，但是我们发现有时候记住的不是我们的帐号，比如: 提示我们记住的是验证码，但是产品说这个 阅读全文
摘要：
做一个轮播图，给img赋值src 发现全部都加载失败了，原因是webpack把图片作为模块处理，下面是解决方法 对于轮播图，也可以作为背景图去做 阅读全文
摘要：
上传文件是每个前端开发者都会遇到的问题，在之前实习期做了一个上传文件的功能，当时没有彻底搞明白问题所在，现在重新复盘下。 1.使用formData来上传文件，没有使用axios上传文件，之前在学校有做过。生成一个formData对象 通过dom操作获得input中file[0],然后append给f 阅读全文
摘要：
一开始写样式的时候喜欢全部元素都来个class，后面发现这样一个页面下来很多个class，起名字起到发慌，然后老师说该多用 逻辑关系来写样式，就是这种第几个孩子啊这种，不知道你们有没有这种烦恼，要用的时候觉得哇，type和child这两个傻傻难分。。。 好了，入正题，其实可以从表面窥视到这两人的”内 阅读全文
摘要：
前言： fetch是用来取代传统的XMLHttpRequest的。 它的优点很多，包括链式调用的语法、返回promise等。 什么是fetch? fetch api是基于promise的设计，它是为了取代传统xhr的不合理的写法而生的。 WHY fetch？ xhr请求写起来非常的混乱，如下所示： 阅读全文