了不起的 Webpack 构建流程学习指南
2020-06-22
阅读 9 分钟
7.9k最近原创文章回顾： 《了不起的 tsconfig.json 指南》 《了不起的 Webpack HMR 学习指南（含源码分析）》 《《你不知道的 Blob》番外篇》 《《你不知道的 WeakMap》番外篇》 Webpack 是前端很火的打包工具，它本质上是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 Webpack 处理应用程序时，它会递...
了不起的 Webpack HMR 学习指南（含源码分析）
2020-06-16
阅读 17 分钟
3.7kHot Module Replacement（以下简称：HMR 模块热替换）是 Webpack 提供的一个非常有用的功能，它允许在 JavaScript 运行时更新各种模块，而无需完全刷新。
《你不知道的 WeakMap》番外篇
2020-06-15
阅读 7 分钟
3.9k原文主要复习了“JavaScript垃圾回收机制”，“Map/WeakMap区别”和“WeakMap 属性和方法”。这很好弥补被我忽视的知识点。另外，我们可以通过原文，以相同方式再去学 Set/WeakSet，效果会更好，本文后面也会介绍到。总结开始，先看原文大纲：
《你不知道的 Blob》番外篇
2020-06-08
阅读 14 分钟
4.3k学习时间：2020.06.06学习章节：《你不知道的 Blob》原文对 Blob 的知识点介绍得非常完整清晰，本文通过四个问题来总结本文核心知识： Blob 是什么？ Blob 怎么用？ Blob 有哪些使用场景？ Blob 与 ArrayBuffer 有何区别？ 一、Blob 是什么？ Blob（Binary Large Object）表示二进制类型的大对象，通常是影像、声音或多...
了不起的 tsconfig.json 指南
2020-06-02
阅读 11 分钟
29.1k在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置一个合理的 tsconfig.json 文件？本文将全面带大家一起详细了解 tsconfig.json 的各项配置。本文将从以下几个方面全面介绍 tsconfig.json 文件：水平有...
读《你不知道的 WeakMap》总结
2020-05-27
阅读 6 分钟
2.1k原文主要复习了“JavaScript垃圾回收机制”，“Map/WeakMap区别”和“WeakMap 属性和方法”。这很好弥补被我忽视的知识点。另外，我们可以通过原文，以相同方式再去学 Set/WeakSet，效果会更好，本文后面也会介绍到。总结开始，先看原文大纲：在开始介绍 WeakMap 之前，先复习一遍 JavaScript 中垃圾回收机制，这跟后面的 Weak...
?CSS + JS 送学妹满屏幕小爱心
2020-04-27
阅读 8 分钟
3.3k故事开始 午饭时间，暗恋已久的学妹拉着我的衣袖：“学长学长，你能不能让这些爱心变成五颜六色的吗~”。我在旁边笑开了花~~~ 诶呀，口水流出来了。我想最终效果是这样的（猜猜多少个爱心）： 然后开始动手吧~ 学啥本领 本文将带大家学习两个好东西：1.生成随机色的方法；2.Element.animate() 方法。当然，还有撩妹技巧了~...
【图文详解】200行JS代码，带你实现代码编译器（人人都能学会）
2020-03-29
阅读 15 分钟
4.6k对于前端同学来说，编译器可能适合神奇的魔盒🎁，表面普通，但常常给我们惊喜。编译器，顾名思义，用来编译，编译什么呢？当然是编译代码咯🌹。其实我们也经常接触到编译器的使用场景：
🔥Webpack 插件开发如此简单！
2020-02-24
阅读 8 分钟
10.5k本文将带你一起开发你的第一个 Webpack 插件，从 Webpack 配置工程师，迈向 Webpack 开发工程师！做自己的轮子，让别人用去吧。
?JavaScript 自定义事件如此简单！
2020-02-22
阅读 6 分钟
4.9k在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。
【前端知乎系列】File FileList 和 FileReader 对象详解
2019-12-18
阅读 5 分钟
3.6k本文首发在我的【个人博客】 更多丰富的前端学习资料，可以查看我的 Github: 《Leo-JavaScript》，内容涵盖数据结构与算法、HTTP、Hybrid、面试题、React、Angular、TypeScript和Webpack等等。点个 Star 不迷路~
【前端知乎系列】ArrayBuffer 和 Blob 对象
2019-12-16
阅读 6 分钟
4k本文首发在我的【个人博客】更多丰富的前端学习资料，可以查看我的 Github: 《Leo-JavaScript》，内容涵盖数据结构与算法、HTTP、Hybrid、面试题、React、Angular、TypeScript和Webpack等等。点个 Star 不迷路~
【全栈修炼】RESTful架构及实践 修炼宝典
2019-11-25
阅读 5 分钟
4.3kREST：（Representational State Transfer）即表现层状态转换，定义了资源的通用访问格式，是一种网络应用程序的设计风格和开发方式。
【全栈修炼】CORS和CSRF修炼宝典
2019-11-17
阅读 8 分钟
3.2k《全栈修炼》系列 《【全栈修炼】OAuth2修炼宝典》 CORS 和 CSRF 太容易混淆了，看完本文，你就清楚了。 一、CORS 和 CSRF 区别 先看下图： 两者概念完全不同，另外常常我们也会看到 XSS ，这里一起介绍： CORS ： Cross Origin Resourse-Sharing 跨站资源共享 CSRF ： Cross-Site Request Forgery 跨站请求伪造 XSS ： ...
【全栈修炼】OAuth2 修炼宝典
2019-10-30
阅读 5 分钟
2.3k开放授权（OAuth）是一个开放标准，允许用户让第三方应用访问该用户在某一网站上存储的私密的资源（如照片，视频，联系人列表），而无需将用户名和密码提供给第三方应用。 —— 维基百科
【MobX】MobX 简单入门教程
2019-10-24
阅读 13 分钟
5.5kMobX 是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。MobX背后的哲学很简单:任何源自应用状态的东西都应该自动地获得。其中包括UI、数据序列化、服务器通讯，等等。
【CuteJavaScript】ES2019 新特性汇总
2019-09-02
阅读 4 分钟
3.4k最近 ECMAScript2019，最新提案完成：tc39 Finished Proposals，我这里也是按照官方介绍的顺序进行整理，如有疑问，可以查看官方介绍啦~ 另外之前也整理了 《ES6/ES7/ES8/ES9系列》，可以一起看哈。 1. 可选的 catch 绑定 1.1 介绍 在 ECMAScript2019 最新提案中，支持我们在使用 try catch 错误异常处理时，选择性的给 ...
【Cute-Webpack】Webpack4 入门手册（共 18 章）
2019-08-14
阅读 23 分钟
3.6k最近和部门老大，一起在研究团队【EFT - 前端新手村】的建设，目的在于：帮助新人快速了解和融入公司团队，帮助零基础新人学习和入门前端开发并且达到公司业务开发水平。
【复习】CSS实现宽高等比自适应容器
2019-08-07
阅读 2 分钟
4.9k在最近开发移动端页面，遇到这么一个情况：当页面宽度 100% 时，高度为宽度一半，并随手机宽度变化依然是一半。 于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。 这里先以高度为宽度一半为例，也可以是其他任意比例。 一、思考如何实现 这个问题类似于：我们在移动端页面，上面有一张宽度 100% 的图片，如果...
[译]正确使用 sort() 方法
2019-07-23
阅读 3 分钟
1.9k在过去的几个星期里，我们在不同的团队中看到，一般来说都没有使用 Array.prototype.sort() 的习惯，并且不知道这种方法是如何工作的。今天我们将尝试简要描述它是如何工作的 .sort()，揭示它的一些秘密。
Hybrid App 应用 开发中 9 个必备知识点复习(WebView / 调试 等)
2019-07-13
阅读 13 分钟
5.5k前言 我们大前端团队内部 📖每周一练 的知识复习计划继续加油，本篇文章是 《Hybrid APP 混合应用专题》 主题的第二期和第三期的合集。 这一期共整理了 10 个问题，和相应的参考答案，文字和图片较多，建议大家可以收藏，根据文章目录来阅读。 之前分享的每周内容，我都整理到掘金收藏集 📔《EFT每周一练》 上啦，欢迎点赞...
Hybrid App 应用开发中5个必备知识点复习
2019-06-26
阅读 14 分钟
3.9k我们大前端团队内部 ?每周一练 的知识复习计划还在继续，本周主题是 《Hybrid APP 混合应用专题》 ，这期内容比较多，篇幅也相对较长，每个知识点内容也比较多。
【HTTP】HTTP 的15个常见知识点复习
2019-06-22
阅读 14 分钟
5k最近三周，主要复习 网络基础 相关的知识，今天我把这三周复习的知识和参考答案，整理成本文，欢迎各位朋友互相学习和指点，觉得本文不错，也欢迎点赞哈??。
每周一练 之 数据结构与算法（Tree）
2019-05-20
阅读 7 分钟
1.4k这是第六周的练习题，最近加班比较多，上周主要完成一篇 GraphQL入门教程 ，有兴趣的小伙伴可以看下哈。 下面是之前分享的链接： 1.每周一练 之 数据结构与算法（Stack） 2.每周一练 之 数据结构与算法（LinkedList） 3.每周一练 之 数据结构与算法（Queue） 4.每周一练 之 数据结构与算法（Set） 5.每周一练 之 数据结...
每周一练 之 数据结构与算法（Dictionary 和 HashTable）
2019-05-20
阅读 9 分钟
1.5k这是第五周的练习题，上周忘记发啦，这周是复习 Dictionary 和 HashTable。 下面是之前分享的链接： 1.每周一练 之 数据结构与算法（Stack） 2.每周一练 之 数据结构与算法（LinkedList） 3.每周一练 之 数据结构与算法（Queue） 4.每周一练 之 数据结构与算法（Set） 欢迎关注我的 个人主页 && 个人博客 &&...
【CuteJavaScript】GraphQL真香入门教程
2019-05-10
阅读 16 分钟
2.2k看完复联四，我整理了这份 GraphQL 入门教程，哈哈真香。。。 欢迎关注我的 个人主页 && 个人博客 && 个人知识库 && 微信公众号“前端自习课” 首先有请阿爸镇贴！哈哈哈，需要高清原图的小伙伴可以 点我下载 阿爸无敌 。 下面开始本文内容： 一、GraphQL介绍 GraphQL 是 Facebook 开发的一种 API...
每周一练 之 数据结构与算法（Set）
2019-05-05
阅读 4 分钟
1.3k这是第四周的练习题，五一放假结束，该收拾好状态啦。 下面是之前分享的链接： 1.每周一练 之 数据结构与算法（Stack） 2.每周一练 之 数据结构与算法（LinkedList） 3.每周一练 之 数据结构与算法（Queue） 欢迎关注我的 个人主页 && 个人博客 && 个人知识库 && 微信公众号“前端自习课” 本周练...
每周一练 之 数据结构与算法（Queue）
2019-04-27
阅读 6 分钟
1.4k这是第二周的练习题，这里补充下咯，五一节马上就要到了，自己的计划先安排上了，开发一个有趣的玩意儿。 下面是之前分享的链接： 1.每周一练 之 数据结构与算法（Stack） 2.每周一练 之 数据结构与算法（LinkedList） 欢迎关注我的 个人主页 && 个人博客 && 个人知识库 && 微信公众号“前端自习...
每周一练 之 数据结构与算法（LinkedList）
2019-04-22
阅读 9 分钟
1.2k这是第三周的练习题，原本应该先发第二周的，因为周末的时候，我的母亲大人来看望她的宝贝儿子，哈哈，我得带她看看厦门这座美丽的城市呀。 这两天我抓紧整理下第二周的题目和答案，下面我把之前的也列出来： 1.每周一练 之 数据结构与算法（Stack） 欢迎关注我的 个人主页 && 个人博客 && 个人知识库 &...
每周一练 之 数据结构与算法（Stack）
2019-04-14
阅读 6 分钟
1.5k最近公司内部在开始做前端技术的技术分享，每周一个主题的 每周一练，以基础知识为主，感觉挺棒的，跟着团队的大佬们学习和复习一些知识，新人也可以多学习一些知识，也把团队内部学习氛围营造起来。