灵活可扩展,2023年值得尝试的13款富文本编辑器

2023-04-19
阅读 7 分钟
5.6k
作为前端开发人员,我们经常需要为网站和应用程序添加文本内容。与传统的文本编辑器不同,富文本编辑器可让您轻松创建各种类型的文本内容,包括加粗字体、斜体字、框架、列表、图片和视频等。
封面图

掌握TypeScript:10个最佳实践提高代码质量

2023-04-04
阅读 3 分钟
5.2k
TypeScript 是一种强类型的 JavaScript 超集,提供了很多优秀的工具和语言特性,可以帮助开发者提高代码质量和开发效率。在本文中,我们将介绍 10 个 TypeScript 最佳实践,帮助初级和中级的 Web 前端开发工程师更好地使用 TypeScript 开发高质量的代码。
封面图

分享 6 个 Vue3 开发必备的 VSCode 插件

2022-08-09
阅读 3 分钟
5.1k
相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生,作为 Vue2 配套的 VSCode 插件,它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。
封面图

6 个你必须明白 Vue3 的 ref 和 reactive 问题(入门篇)

2022-08-03
阅读 5 分钟
12.2k
Vue3 为开发者提供 ref和 reactive两个 API 来实现响应式数据,这也是我们使用 Vue3 开发项目中经常用到的两个 API。
封面图

6 个意想不到的 JavaScript 问题

2022-08-02
阅读 3 分钟
6.4k
作为前端开发工程师,JavaScript 是我们的主要开发语言,它本身语法比较简单,并且生态系统也非常完善,在社区的影响力越来越大。在我们使用过程中,经常会遇到各种奇怪的问题,让我们经常摸不着头脑。本文灵感来自 wtfjs,整理了 6 个比较常见并且很有意思的问题。1. 奇怪的 try..catch❓问题下面代码执行后将返回什么?...
封面图

3 分钟掌握 Node.js 版本的区别

2022-07-30
阅读 2 分钟
3.3k
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。在我们日常开发中,Node.js 使用场景越来越多,大到服务端项目,小到开发工具脚本,所以掌握 Node.js 一些基础知识是非常有必要的。今天主要聊一下 Node.js 中 LTS 和 Current 的区别和如何选择合适的版本。
封面图

试着换个角度理解低代码平台设计的本质

2022-07-20
阅读 7 分钟
8.2k
本文会主要分享自己对低代码平台的理解,从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计,包括控件模型、组件模型、画布模型等等。希望看完本文,你能知道:
封面图

搞懂 TypeScript 中的映射类型(Mapped Types)

2022-04-17
阅读 5 分钟
7.1k
本文会和大家详细介绍 TypeScript 中的映射类型(Mapped Type),看完本文你将学到以下知识点:数学中的映射和 TS 中的映射类型的关系;TS 中映射类型的应用;TS 中映射类型修饰符的应用;接下来会先从「数学中的映射」开始介绍。本文使用到的 TypeScript 版本为 v4.6.2。如果你对 TypeScript 还不熟悉,可以看下面几篇...
封面图

分享 15 个 Vue3 全家桶开发的避坑经验

2022-04-09
阅读 12 分钟
9.9k
最近入门 Vue3 并完成 3 个项目,遇到问题蛮多的,今天就花点时间整理一下,和大家分享 15 个比较常见的问题,基本都贴出对应文档地址,还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)全家桶开发,因此主要分几个方面总结:
封面图

Vue3 如何实现全局异常处理?

2022-03-06
阅读 9 分钟
10.5k
在开发组件库或者插件,经常会需要进行全局异常处理,从而实现:全局统一处理异常;为开发者提示错误信息;方案降级处理等等。那么如何实现上面功能呢?本文先简单实现一个异常处理方法,然后结合 Vue3 源码中的实现详细介绍,最后总结实现异常处理的几个核心。本文 Vue3 版本为 3.0.11一、前端常见异常对于前端来说,常...
封面图

高效实现框架和 JS 库瘦身

2022-02-27
阅读 5 分钟
2.6k
在开发组件库或者插件,经常会需要区分多种环境构建,从而实现:提供各种体积版本:全量版、精简版、基础版等;提供各种环境版本:web 版、nodejs 版等等;提供各种规范版本:esm 规范版本、cjs 规范版本、UMD 规范版本等等。那么如何能够方便实现上面功能呢?这种场景就适合使用 Feature Flags,在构建过程中,通过开关...
封面图

1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发

2021-12-23
阅读 17 分钟
11.2k
组件化是前端发展的一个重要方向,它一方面提高开发效率,另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称,允许我们创建可重用的自定义组件,并在我们 Web 应用中像使用原生 HTML 标签一样使用。目前已经很多前端框架/库...
封面图

如何优雅的在微信小程序使用 SVG 字体图标

2021-07-28
阅读 8 分钟
9.6k
本文思路来自实际项目的重构总结,欢迎纠正和交流。如果对你有帮助,还请点赞👍收藏支持一下啦。最近在重构一个项目,主要是做 H5 端和小程序端,这次打算开始多做总结啦,之前已经总结一篇《如何优雅的管理 HTTP 请求和响应拦截器?》 。如果大家还有其他方案,欢迎一起探讨哈~ 喜欢本文的朋友给个赞👍鼓励一下哈~一、需...
封面图

如何优雅的管理 HTTP 请求和响应拦截器?

2021-07-19
阅读 6 分钟
14.3k
本文会和大家分享我的重构思路和后续优化的思考,为方便与大家分享,我用 Vue3 实现一个简单 demo,思路是一致的,有兴趣的朋友可以在我 Github 查看,本文会以这个 Vue 实现的 demo 为例介绍。
封面图

一步一步实现 Vue 3 Reactivity

2021-06-25
阅读 13 分钟
5.4k
Vue 3 中的响应式原理可谓是非常之重要,通过学习 Vue3 的响应式原理,不仅能让我们学习到 Vue.js 的一些设计模式和思想,还能帮助我们提高项目开发效率和代码调试能力。
封面图

探索 Snabbdom 模块系统原理

2021-03-18
阅读 17 分钟
4.7k
近几年随着 React、Vue 等前端框架不断兴起,Virtual DOM 概念也越来越火,被用到越来越多的框架、库中。Virtual DOM 是基于真实 DOM 的一层抽象,用简单的 JS 对象描述真实 DOM。本文要介绍的 Snabbdom 就是 Virtual DOM 的一种简单实现,并且 Vue 的 Virtual DOM 也参考了 Snabbdom 实现方式。

探索 Vue.js 响应式原理

2021-01-11
阅读 12 分钟
10.1k
从字面意思可以看出,具有“响应式”特征的事物会根据条件变化,使得目标自动作出对应变化。比如在“响应式布局”中,页面根据不同设备尺寸自动显示不同样式。
封面图