首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
硬核前端系列
左肩有你
创建于2021-06-01
订阅专栏
一个长期更新的前端系列文章集合,其中文章皆为原创,自我感觉还算比较有深度,期待你的关注收藏。
等 30 人订阅
共20篇文章
创建于2021-06-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
基于TSDoc规范生成漂亮的开源项目文档
为开源(或私有)项目编写一个漂亮且实用的使用文档,这个要求一点都不过分吧🐶,本文将介绍一套生成项目文档的方案,生成的页面不仅很花瓶,还很能打。
一文掌握 JavaScript 与 Wasm 之间的数据通讯(使用纯 wat 本文格式)
各种编程语言支持 Wasm 时都制定了自己的通讯标准,不过它们都是基于相同的底层通讯实现的,本文正是介绍这个底层通讯实现方法,了解底层实现后自然可以轻松掌握各编程语言中 Wasm 通讯的使用。
纯前端实现 Excel在线解析和预览(兼容APP、Web、小程序)
本文实现了一个可以进行常规 Excel 文件的在线预览功能,完全不需要后端任何服务,可以为前端同学开发 Excel 编辑软件提供一种比较可靠的思路。
浅析 vite 环境变量静态替换原理
简单跟踪分析一下当前热门构建工具 vite 的环境变量替换过程和原理,掌握了构建工具的内部执行原理才能将其用的更好,所谓:磨刀不误砍柴工。
纯前端实现图片 Exif 数据编辑
本文介绍了图片的Exif数据的二进制结构,Exif数据是如何嵌入到JPEG格式的图片中的。最后还使用Vue实现了一个可以读取、编辑并保存JPEG图片Exif数据的应用,可打包为Vue组件。
详解 TS 中的类型推断与放宽
我们知道在编码时即使不标注变量类型,TypeScript 编译器也能推断出变量类型,那 TypeScript 编译器是怎么进行类型推断,在类型推断时又是如何判断兼容性的呢?此文,正好为你解开这个疑惑。
详解 TS 中的子类型兼容性
本文讲的内容是 TypeScript 类型系统的内部工作方式与原理,掌握之后可以做到“在编码时将代码在你的大脑里面运行一遍,不用依赖于编译器的类型检查” 。
详解 TS 中的交叉类型
交叉类型逻辑上与联合类型是互补的,交叉类型由一组有序的成员类型构成,交叉类型表示类型同时为多个类型,等同于运算符 &&,类似于数学运算中的乘法。交叉类型也是通过交叉类型字面量来定义的。
详解 TS 中的联合类型
联合类型由一组有序的成员类型构成,联合类型表示类型可以为若干类型之一,等同于运算符 `||`,类似于数学运算中的加法。需要注意的是联合类型是通过联合类型字面量来定义的。
详解 TS 中的泛型
泛型程序设计是一种编程风格或编程范式,它允许在程序中定义形式类型参数,然后在泛型实例化时使用实际类型参数来替换形式类型参数,这一过程有些类似于函数形参在被函数调用时传入的实参替换。
写一个 CLI 工具抓取奇舞周刊文章链接
本文实现了一个用于抓取奇舞周刊文章标题、描述及文章原始链接的 CLI 工具,该工具依托于 Node.js 运行。基本满足了快速获取奇舞周刊文章链接的需求,文章数据还能够缓存在本地,有效提升了使用体验。
组件库按需加载原理分析
这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的,此文将以 babel-plugin-import 插件为主,讲解组件库按需加载方案的实现原理。
深入理解JS原型与继承
最近在整体地复习一遍现代前端必备的核心知识点,将会整理成一个前端分析总结文章系列。这篇是其中的第三篇,主要是总结下JS中原型与继承等核心知识点。(另外,此系列文章也可以在语雀专栏——硬核前端系列查看)。 实例对象是通过 new 操作符来操作构造函数 constructor 生成…
全面分析总结JS内存模型
最近在整体复习一遍现代前端必备的核心知识点,将会整理成一个前端分析总结文章系列。这篇是其中的第二篇,主要是总结下JS底层的内存模型。(另外,此系列文章也可以在语雀专栏——硬核前端系列查看)。 主要分为两大类:基本数据类型、复杂数据类型,详细分类如下。 对于不同的数据类型有不同的…
全面分析总结BFC原理及实践
经常在面试中被问到“如何清除浮动?”、“为什么 overflow: hidden 可以清除浮动?”等等比较基础的问题。虽然这些题目案在各种写面试题的文章中都有提供答案,但这种教科书式的问答肯定不是我们的目的,与其记住答案不如彻底掌握其核心原理——块级格式化上下文(BFC)。 这…
这次一定彻底弄懂DOM事件机制
在网页端、移动端H5、小程序等各个终端环境的前端开发中随处可见事件的运用,可见事件机制的确是前端这一块的重中之重。经过我研读大量博客文章以及开源框架源码后,这次算是对DOM事件机制有了更新更全面的认识。 下文主要通过一个例子带你分析DOM事件的传递、事件处理,然后在此基础上再深…
源码级别高度定制小程序vant弹窗组件
今天这篇文章将会带着你解析这一系列疑问,以vant-weapp组件库为例,从开发标准的弹窗组件使用到高度定制复合自我审美的弹窗,再到完全研究清楚vant-weapp框架弹窗组件部分源码。 vant-weapp组件库是有赞团队开发的一款灵活简洁且美观的小程序UI组件库,此文将以这…
带你全面分析vue-router源码(万字长文)
在前一篇文章——聊一聊实现Vue路由组件缓存遇到的’坑‘中遇到的vue路由组件缓存问题已经解决并对项目进行了适当的优化改进,但是并未开探寻究vue-router的源码,这篇就继续上次的话题,深入分析vue-router源码中对导航守卫、动态参数匹配、过渡效果和异步组件等的实现。…
聊一聊实现Vue路由组件缓存遇到的’坑‘
最近在做公司后台管理系统项目时遇到一个比较怪异的bug——采用keep-alive+vue-router实现的路由缓存遇到缓存不生效的情况。 此项目是基于iview-admin@2.0进行开发的,全局状态管理采用vuex分module实现,路由采用vue-router进行路由配…
详解ES模块系统
ES模块系统带给了JavaScript官方标准化的模块系统,对于JavaScript模块系统的标准化经历了近10年的时间。但是对着Firefox 60版本的发布,所有主流浏览器已经全面支持ES模块,随后Node.js也逐步开始支持ES模块。同时,ES模块与WebAssembly…