
【介绍】本篇将持续记录ES6(包含ES6及以上)的一些易忽略的知识点或使用技巧。

【介绍】近期Chrome正式宣布将在117版本起废弃浏览器unload事件,以此文记录unload事件相关信息、被废弃原因(桌面端和移动端表现不一致、可能影响页面性能、不符合用户的实际浏览方式)、替代方法(visibilitychange和pagehide等)、检测方案以及其他处理。

using关键字是 tc39 提案提出的,用于为各种资源(内存、I/O 等)提供统一的生命周期管理(何时分配、何时释放等),目前处在Stage 3状态,本文根据目前文档信息整理此关键字的使用和相关介绍。

ES7引入的 async-await 语法后,我们可以更方便得组织异步代码。在使用过程中通常会需要对异步执行的异常进行兜底处理,常用的就是 try-catch,那么除了大量用 try-catch 包裹外是否存在别的处理方法,使代码结构看起来更为“优雅”,本文将从几类异常场景的对应处理及 await-to-js 封装模块来介绍。(本文较为简单,可放心食用)

【介绍】伴随 ChatGPT 等各 GPT/LLM 的爆发式发展,未来职业所需的技能需求正在发生巨大变化,以至于 Prompt Engineering 和 Prompt Engineer 热度空前高涨。本文结合近期笔者学习的Prompt Engineering 各项教程及文档,汇总了一些通用的提示概念、方法论及技巧。

【介绍】阿里 ChatUI的接入使用经验整理。ChatUI是一个适用于 React 项目的聊天机器人前端解决方案,包含丰富的对话组件,支持 PC/移动端样式响应式。使用简单,体积不算重,兼容性良好。不过文档及社区维护这块有提升的空间。

【介绍】本文将介绍如何在日常前端开发中应用ChatGPT,这是一个基于AI的大型语言模型,能够帮助前端开发人员提高工作效率,减少工作量。我们将会探讨ChatGPT在设计、开发、测试、部署等各个环节中的应用,并提供一些实用的案例。

【介绍】以此文整理一些2022年各厂分享的一些跨端相关公众号文章及书籍并简单记录评价。个人感觉2022年跨端的一大趋势就是渲染模式自渲染化、另外容器能力得到一定释放及平台商业化。

【介绍】2022年的state of js前几天已经更新了,本文来记录下报告中提到的一些ES语言新特性情况(Proxies、Promise.allSettled、Dynamic Import、Private Fields、Nullish Coalescing、Numeric Separators、String.prototype.replaceAll...)

【介绍】《演进式架构》第6~8章个人学习笔记。概括:稳定性是持续交付和演进式架构的共同基础,我们可以通过识别受演进影响的架构维度、为每个维度定义适应度函数、使用部署流水线自动化适应度函数来构建演进式架构。在构建时我们可以快速试错和验证,并需要考虑版本、依赖、框架库、定制成本等因素,消除协调/沟通摩擦,优化团队人力资源/沟通管理。

【介绍】《演进式架构》第4、5章个人学习笔记。概括:**架构模式**对于成功演进至关重要,我们需要结合架构模式固有的特征和系统定义的附加特征定义演进性的各个维度。第四章着重从“增量变更”、“通过适应度函数引导变更”、“适当的耦合”角度对“大泥团”架构、单体架构、事件驱动架构、服务导向架构、无服务架构进行演进能力考量。

【介绍】《演进式架构》第1~3章个人学习笔记(第四章比较重要,单独记录)。概括:软件是易变的,架构师需要理解业务需求,明确特征和因素,通过演进式架构适应快速变化的需求,以适应度函数对架构进行经常评估。

【介绍】任何可计算过程都可以用图灵机来模拟,具有图灵完备性的计算机语言,就被称为图灵完备语言。那么 TypeScript 是一门图灵完备语言吗?

【介绍】“架构的美在于不朽”。架构第一原则:架构面向问题,但满足需求;架构第二原则:架构基于概念抽象,而非想象;架构第三原则:架构=范围+联接件。

【介绍】架构有两个效果方面的考量,即它对时间需求与空间需求的响应与收益。架构其一般过程是什么?其可能的演化方向是什么?

【介绍】架构是一个过程,“着眼于**高远**”,便是架构师的基本修养,而几乎所有的架构思维,都从这修养中来。本书感觉还是挺有深度的,因此分为三篇记录笔记。

【介绍】以此文整理记录 browserslist 的相关信息和配置使用说明。不恰当的 browserslist 配置和使用轻则导致代码冗余,严重可能会影响 autoprefixer 或 babel 代码的线上兼容, browserslist 的配置还是需要引起重视。

【介绍】身处js第三时代的我们正在经历一些变化,Bun便是近期爆火的一个较新js runtime,号称性能碾压 Nodejs 和 Deno。由于目前Bun还处于起步阶段,本文仅记录基本使用和个人的选型评估,建议关注Bun的后续发展。

【介绍】整理了编码中命名规范的一些常用指导方针、建议、问题、英文词性相关建议,不限于前端。

【介绍】此书以C语言为例,着重强调了编码的规范推荐。作者着重强调了可读性、可拓展性的规范,部分理念可以参考,不能直接套用。
Author
My name is Micheal Wayne and this is my blog.
I am a front-end software engineer.
Contact: michealwayne@163.com