随笔分类 -  Javascript

1 2 3 4 5 ··· 11 下一页
摘要:最近自己开发了一个图片编辑器,把源码也放在了GitHub上,顺便也总结下使用fabric.js开发一个编辑器需要用到哪些知识点。 预览地址:nihaojob.github.io/vue-fabric-… GitHub地址:github.com/nihaojob/vu… 架构设计 选型: fabric 阅读全文
posted @ 2022-12-26 09:42 苍青浪 阅读(648) 评论(0) 推荐(0) 编辑
摘要:今天来分享几个前端文件处理相关的实用工具库! 1. PDF (1)PDF.js PDF.js是使用 HTML5 构建的可移植文档格式 (PDF) 查看器。它由社区驱动并受 Mozilla 支持,目标是创建一个通用的、基于 Web 标准的平台来解析和呈现 PDF。 Github(⭐️ 39.2k):h 阅读全文
posted @ 2022-09-19 10:02 苍青浪 阅读(613) 评论(1) 推荐(1) 编辑
摘要:前言 Markdown 是一种轻量的标记语言,我们只需要写 md 格式文件,不必考虑文档的排版,被广泛用于博客写作,技术文档编写等,程序员们都热爱,但我们工作中除了写文档,有时候还需要汇报工作,技术分享等,需要用到 PPT,但设计 PPT 可能不是每个程序员所喜欢的,所以我们可以使用一个非常好用的工 阅读全文
posted @ 2022-08-18 18:40 苍青浪 阅读(355) 评论(0) 推荐(0) 编辑
摘要:近期我们开源了用于开发低代码工具的框架 Sunmao(榫卯)。在 Sunmao 中,我们为了提升多个场景下的开发、使用体验,设计了一套贯穿 TS(Typescript)、JSON schema 和 JS(Javascript)运行时的类型系统。 为什么 Sunmao 需要类型系统 首先要介绍一下 S 阅读全文
posted @ 2022-08-16 09:43 苍青浪 阅读(578) 评论(0) 推荐(0) 编辑
摘要:在日常生活中我们会经常接触到各种各样的文档格式和形式,其中富文本在文档格式中扮演了重要角色。对于前端而言,富文本产品也层出不穷,其应用也越来越广。 这篇文章将会为大家介绍前端富文本的一些基础知识以及简单的实现思路。 什么是富文本 纯文本就是用纯文字编辑器编写,输入什么就是什么的文档,只包含字符。 富 阅读全文
posted @ 2022-07-28 09:39 苍青浪 阅读(8888) 评论(0) 推荐(0) 编辑
摘要:前言 对于现在的前端工程,一个标准完整的项目,通常情况单元测试是非常必要的。但很多时候我们只是完成了项目而忽略了项目测试。我认为其中一个很大的原因是很多人对单元测试认知不够,因此我写了这边文章,一方面期望通过这篇文章让你对单元测试有一个初步认识。另一个方面希望通过代码示例,让你掌握写单元测试实践能力 阅读全文
posted @ 2022-04-03 17:05 苍青浪 阅读(276) 评论(0) 推荐(0) 编辑
摘要:前言 对前端来说开发一个在线文档需要啥技术呢?想一下,开发一个在线文档我们可能要解决的问题: 最基础的文本编辑功能(哦?好像textarea就可以完成,那如果是富文本呢?)我们需要一个文档模型来描述文档; 富文本编辑器,提供富文本的编辑和渲染能力; 协同功能,不同的用户对同一份文档的编辑需要保持大家 阅读全文
posted @ 2022-03-17 10:17 苍青浪 阅读(1115) 评论(0) 推荐(1) 编辑
摘要:什么是事件循环 在了解事件循环前,需要一些有关 JS 特性的前置知识。 JS 引擎是单线程的,直白来说就是一个时间点下 JS 引擎只能去做一件事情,而 Java 这种多线程语言,可以同时做几件事情。 JS 做的任务分为同步和异步两种,所谓 "异步",简单说就是一个任务不是连续完成的,先执行第一段,等 阅读全文
posted @ 2022-03-17 09:49 苍青浪 阅读(421) 评论(0) 推荐(0) 编辑
摘要:我们知道,在写爬虫的过程中,如果总是使用同一个 IP,很容易就会被网站识别并封禁,所以需要使用代理 IP 并经常更换。 但如果你在网上搜索 Puppeteer 如何更换代理 IP,你会发现,网上的解决方案一般是这样写的: const puppeteer = require('puppeteer'); 阅读全文
posted @ 2022-02-25 13:52 苍青浪 阅读(495) 评论(0) 推荐(0) 编辑
摘要:网页开发中我们经常要处理用户交互,我们会用 addEventListener 添加事件监听器来监听各种用户操作,比如 click、mousedown、mousemove、input 等,这些都是由用户直接触发的事件。 那么对于一些不是由用户直接触发的事件呢?比如元素从不可见到可见、元素大小的改变、元 阅读全文
posted @ 2022-02-21 11:03 苍青浪 阅读(523) 评论(0) 推荐(0) 编辑
摘要:前言 最近优化了几个新人写出的动态表格文件下载接口的性能瓶颈,感觉非常有必要总结一篇文章作为文档来抛砖引玉,以促进大家学习一起写出更专业的代码。 HTTP 文件下载 讲具体问题之前需要先了解一些 HTTP 基础,下面简单介绍一下用 Node.js&Koa 怎么实现文件下载。 参考: rfc2616 阅读全文
posted @ 2022-01-12 10:38 苍青浪 阅读(443) 评论(0) 推荐(0) 编辑
摘要:导语 如果你的工具型面对的对象有很丰富的场景需求,或者不想再为频繁的增减需求而频繁迭代,是时候考虑为你的系统设计一款插件系统。 插件机制 插件机制: Core-Plugin 架构的组成 Core:基础功能,提供插件运行的环境,管理插件的注册与卸载(可拔插)以及运行,也即管理插件的生命周期。 Plug 阅读全文
posted @ 2022-01-12 10:29 苍青浪 阅读(571) 评论(0) 推荐(0) 编辑
摘要:前言 JavaScript 属于单线程语言,所有任务都跑在主线程上,若主线程阻塞,后续任务将无法执行。既然是单线程,那为何我们在使用过程中主观感知却是“多线程”? 事件循环 主要由于 JavaScript 提供了 事件循环 机制,我们在发起异步请求或定时等操作后,处理完地回调会放入任务队列,在执行栈 阅读全文
posted @ 2022-01-12 10:16 苍青浪 阅读(915) 评论(0) 推荐(0) 编辑
摘要:postcss 是 css 的 transpiler(转换编译器,简称转译器),它对于 css 就像 babel 对于 js 一样,能够做 css 代码的分析和转换。同时,它也提供了插件机制来做自定义的转换。 这一节,我们通过一个 px 自动转 rem 的功能来入门一下 postcss 的插件。 p 阅读全文
posted @ 2022-01-04 17:46 苍青浪 阅读(969) 评论(0) 推荐(0) 编辑
摘要:Wasm 在开始之前,我们还是先来回顾下 Wasm: WebAssembly 是一种二进制指令格式,简称为 Wasm,它可以运行在适用于堆栈的虚拟机上。 WebAssembly 存在的意义就是成为编程语言的可移植编译目标,让在 Web 上部署客户端和服务端应用成为可能。 Wasm 具有紧凑的二进制格 阅读全文
posted @ 2021-12-28 09:42 苍青浪 阅读(1228) 评论(1) 推荐(1) 编辑
摘要:前言 随着互联网技术飞速发展,网页录屏技术已趋于成熟。例如可将录屏技术运用到在线考试中,实现远程监考、屏幕共享以及录屏等;而在我们开发人员研发过程中,对于部分偶发事件,异常监控系统仅仅只能告知程序出错,而不能清晰的告知错误的复现路径,而录屏技术或许能帮我们定位并复现问题。那么本文将从有感录屏和无感录 阅读全文
posted @ 2021-11-15 10:44 苍青浪 阅读(835) 评论(0) 推荐(0) 编辑
摘要:ORM(Object relational mappers) 的含义是,将数据模型与 Object 建立强力的映射关系,这样我们对数据的增删改查可以转换为操作 Object(对象)。 Prisma 是一个现代 Nodejs ORM 库,根据 Prisma 官方文档 可以了解这个库是如何设计与使用的。 阅读全文
posted @ 2021-10-18 10:21 苍青浪 阅读(3986) 评论(0) 推荐(0) 编辑
摘要:最近,阿宝哥在梳理 CLI(Command Line Interface)的相关内容,就对优秀的 Lerna 产生了兴趣,于是开始 “啃” 起了它的源码。在阅读开源项目时,阿宝哥习惯先阅读项目的 「README.md」 文档和 「package.json」 文件,而在 「package.json」  阅读全文
posted @ 2021-09-03 10:42 苍青浪 阅读(282) 评论(0) 推荐(0) 编辑
摘要:Web Audio提供了一个强大的音频处理系统,在我们现有的业务场景中,很少有使用到Web Audio,很多时候用到也仅限于播放一段音频。 除此之外,还能实现丰富的功能,比如:可视化、音色合成器、动态混音、声音特效、3D空间音频、均衡器、环境混响等,可以应用在音乐播放器、电子音乐软件、游戏音效、音乐 阅读全文
posted @ 2021-08-20 09:10 苍青浪 阅读(885) 评论(0) 推荐(0) 编辑
摘要:前言 前端开发肯定离不开判断一个元素是否能被用户看见,然后再基于此进行一些交互。 过去,要检测一个元素是否可见或者两个元素是否相交并不容易,很多解决办法不可靠或性能很差。然而,随着互联网的发展,这种需求却与日俱增,比如,下面这些情况都需要用到相交检测: 图片懒加载——当图片滚动到可见时才进行加载 内 阅读全文
posted @ 2021-08-19 09:54 苍青浪 阅读(1408) 评论(0) 推荐(0) 编辑

1 2 3 4 5 ··· 11 下一页
点击右上角即可分享
微信分享提示
哥伦布
03:14发布
哥伦布
03:14发布
7°
多云
西南风
3级
空气质量
相对湿度
64%
今天
多云
-1°/10°
周三
小雨
2°/12°
周四
中雨
2°/14°