前端自习课

原文主要复习了“JavaScript垃圾回收机制”，“Map/WeakMap区别”和“WeakMap 属性和方法”。这很好弥补被我忽视的知识点。 另外，我们可以通过原文，以相同方式再去学 Set/WeakSet，效果会更好，本文后面也会介绍到。 在开始介绍 WeakMap 之前…

Blob（Binary Large Object）表示二进制类型的大对象，通常是影像、声音或多媒体文件。MySql/Oracle数据库中，就有一种Blob类型，专门存放二进制数据。在 JavaScript 中 Blob 对象表示一个不可变、原始数据的类文件对象，它不一定非得是大…

在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置一个合理的 tsconfig.json 文件？本文将全面带大家一起详细了解 tsconfig…

午饭时间，暗恋已久的学妹拉着我的衣袖：“学长学长，你能不能让这些爱心变成五颜六色的吗~”。 诶呀，口水流出来了。 2.Element.animate() 方法。 1. 画个小爱心 2. 画一大堆爱心 3. 打造魔法棒 接下来我们要打造一把魔法棒，能让我们这些小爱心变成各种各样的…

对于前端同学来说，编译器可能适合神奇的魔盒🎁，表面普通，但常常给我们惊喜。 编译器，顾名思义，用来编译，编译什么呢？当然是编译代码咯🌹。 将 TypeScript 转换为 JavaScript 代码。 and so on... 使用场景非常之多，我的双手都数不过来了。😄 …

做自己的轮子，让别人用去吧。 本文灵感源自业务中的经验总结，不怕神一样的产品，只怕一根筋的开发。 在项目打包遇到问题：“当项目托管到 CDN 平台，希望实现项目中的 index.js 不被缓存”。因为我们需要修改 index.js 中的内容，不想用户被缓存。 打包时动态创建 s…

在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。 在日常开发中，我们习惯监听页面许多事件，诸如：点击事件（ click…

File 对象、FileList 对象与 FileReader 对象大家或许不太陌生，常见于文件上传下载操作处理（如处理图片上传预览，读取文件内容，监控文件上传进度等问题）。 那么本文将与大家深入介绍两者。 1. 概念介绍 File 对象提供有关文件的信息，并允许网页中的 Ja…

ArrayBuffer 对象与 Blob 对象大家或许不太陌生，常见于文件上传操作处理（如处理图片上传预览等问题）。 那么本文将与大家深入介绍两者。 ArrayBuffer 对象是 ES6 才纳入正式 ECMAScript 规范，是 JavaScript 操作二进制数据的一个接…

1. REST 概念 REST：（Representational State Transfer）即表现层状态转换，定义了资源的通用访问格式，是一种网络应用程序的设计风格和开发方式。 即服务器上获取到的东西任何资源，一条用户记录，一个用户的密码，一张图片等等都是。 即资源格式，…

CORS 和 CSRF 太容易混淆了，看完本文，你就清楚了。 1. 概念 核心知识： CORS是一个W3C标准，它允许浏览器向跨源服务器，发出XMLHttpRequest 请求，从而克服 AJAX 只能同源使用的限制。 因此，实现 CORS 通信的关键是服务器。只要服务器实现了…

严格来说，OAuth2 不是一个标准协议，而是一个安全的授权框架。其详细描述系统中不同角色，用户，服务前端应用（如 API ）以及客户端（如网站或APP）之间如何实现相互认证。 当前 OAuth 协议版本是 OAuth2.0，需要注意的是，OAuth2.0 并不向下兼容 OAu…

核心重点就是：MobX 通过响应式编程实现简单高效，可扩展的状态管理。 React 和 MobX 相辅相成，相互合作。 这里先了解下大概整理流程，接下来会结合代码，介绍每一个部分。 注意：transform-decorators-legacy 一定放在第一个。 1. 设置可观察…

另外之前也整理了 《ES6/ES7/ES8/ES9系列》，可以一起看哈。 1. 可选的 catch 绑定 在 ECMAScript2019 最新提案中，支持我们在使用 try catch 错误异常处理时，选择性的给 catch 传入参数。 即我们可以不传入 catch 参数。 …

1. 背景 最近和部门老大，一起在研究团队【EFT - 前端新手村】的建设，目的在于：帮助新人快速了解和融入公司团队，帮助零基础新人学习和入门前端开发并且达到公司业务开发水平。 2. 文章概要 我将从最基础的【项目初始化】开始介绍，到【处理 CSS / JS / 图片】，到【热…

在最近开发移动端页面，遇到这么一个情况：当页面宽度 100% 时，高度为宽度一半，并随手机宽度变化依然是一半。 于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。 这里先以高度为宽度一半为例，也可以是其他任意比例。 这个问题类似于：我们在移动端页面，上面有一张宽度 100…

在过去的几个星期里，我们在不同的团队中看到，一般来说都没有使用 Array.prototype.sort() 的习惯，并且不知道这种方法是如何工作的。今天我们将尝试简要描述它是如何工作的 .sort()，我们将揭示它的一些秘密。 1. 修改原数组 在这种情况下，我们必须记住，此…

我们大前端团队内部 📖每周一练 的知识复习计划继续加油，本篇文章是 《Hybrid APP 混合应用专题》 主题的第二期和第三期的合集。 这一期共整理了 10 个问题，和相应的参考答案，文字和图片较多，建议大家可以收藏，根据文章目录来阅读。 之前分享的每周内容，我都整理到掘金…

我们大前端团队内部 📖每周一练 的知识复习计划还在继续，本周主题是 《Hybrid APP 混合应用专题》 ，这期内容比较多，篇幅也相对较长，每个知识点内容也比较多。 之前分享的每周内容，我都整理到掘金收藏集 📔《EFT每周一练》 上啦，欢迎点赞收藏咯💕💕。 随着现在移…