我就读于北京理工大学软件工程专业，是一名大四学生，现已入职字节跳动。从大一开始投入以前端为主的全栈开发，独立开发过多个中型和小型项目，是 佬铁|宿舍市集 小程序的社区创始人及独立项目负责人。 在学校里读书的时候，我就是一个闲不住的人。最近因为一个偶然的契机，接触到了校招季，最后…

做视频编辑器的时候，需要从服务端获取一个模板包文件，然后解压这个文件，然后把文件里面的内容显示出来。 首先，每一种文件，其实都有一套自己的「结构规则」， 比如 psd 就是直接根据 psd 文件规范，把数据直接存成二进制文件， office2007+ 的就是根据 ECMA376…

一共84集，从5月4日开始录制，到9月18日完成，5个月时间。如果是一个专业讲师，这进度你会说太慢了，但我的视频都是下班后录制的。今天是个不错的日子，也是我的生日（84年9月18日），标志着我正式进入35岁。在这个特殊的日子里，我献给大家我这将近半年的努力成果，希望更多的小伙伴…

前端开发中总免不了关于文件的上传、下载需求。下面来总结一下常用的方法，欢迎讨论和吐槽。 最传统的文件上传方法是使用form表单上传文件的，只需要把enctype设置为 multipart/form-data。这种方式上传文件不需要 js ，而且没有兼容问题，所有浏览器都支持，就…

1. Observer API Observer是浏览器自带的观察者,它主要提供了Intersection, Mutation, Resize, Performance这四类观察者, 这里笔者重点介绍Intersection Observer. 说简单点就是该api可以异步监听…

在实际开发过程中经常会碰到用户要下载或者导出一个文件的需求。传统的做法是在后端存储或者即时生成一个文件来提供下载功能，这样的优势是可以做权限控制、方便数据二次处理，但缺点是需要额外发起请求、增大服务端压力、下载速度慢。但随着HTML5的标准发布，我大前端已经完全可以独立实现文件…

在编程时，用一个你喜欢的字体可以大大提高效率，越看越舒服。这篇文章就推荐 5 个在 GitHub 上优秀的字体供大家选择吧！ 1. Iosevka Iosevka 是一款由 be5invis 大佬开发的开源字体。它支持了 15 种不同的样式（可前往 GitHub 仓库中预览），…

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经…

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第三篇。 本次分享的主…