前端技术

Chrome扩展程序是如何进行消息传递的

一个复杂的 Chrome 扩展程序通常由 `content_scripts`,`background`,`action popup`,`side panel`,`options page`,`devtools` 等部分组成,这些部分所负责的功能各不相同,所处的运行环境各不相同,所能访问的 `chro »

Chrome扩展开发系列开篇

基于 Chromium 的浏览器占了全球市场的 7 成!对于前端开发来说,Chrome 更是形影不离的饭碗级软件 ?。既然 Chrome 这么重要,那么把它研究透一定大有裨益。在我看来,Chrome 值得深入研究的地方有两块:DevTools 和 Extension。 大家好,我是 do »

推荐给前端开发的 5 款 Chrome 扩展

工欲善其事,必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中,下列几款 Chrome 扩展也许能让你的开发工作事半功倍 ? 大家好,我是 dom 哥。这是我关于 Chrome 扩展开发的系列文章,感兴趣的可以 点个小星星。 工欲善其事,必先利其器。Chrome 可 »

打造一个极度舒适的Chrome扩展项目开发环境

Chrome 扩展项目使用前端 html,css,js 基础技术开发,一大痛点就是改动代码后的扩展更新问题。仔细想想想,目前前端项目开发已经有 HMR 热重载技术,在开发 Web 页面时可以实时查看效果,极大的提升了开发体验。那么,能否把这种极致的体验带到 Chrome 扩展开发中来呢?经过多番折腾 »

Chrome扩展的核心:manifest 文件(下)

大家好,我是 dom 哥。这是我关于 Chrome 扩展开发的系列文章,本篇接着说剩下的 manifest 可选字段。 大家好,我是 dom 哥。这是我关于 Chrome 扩展开发的系列文章,感兴趣的可以 点个小星星。 在上篇和中篇中已经完成了对 manifest 文件中以下字段的解释: »

Chrome扩展开发实战:快速填充表单

填表单是打工人经常面对的场景,作为一个前端,我经常开发一些PC端的页面,它们主要由表单和表格构成,而输入框又是表单里最常见的表单项。接下来就试着做一个简单的小扩展,用于快速给表单里的输入框填充值。 大家好,我是 dom 哥。我正在写关于 Chrome 扩展开发的系列文章,感兴趣的可以 点 »

Chrome扩展的核心:manifest 文件(中)

在 Chrome 扩展开发中,manifest 文件是项目的核心,其中 "content_scripts","background","permissions" 配置项又至关重要! 大家好,我是 dom 哥。我正在写关于 Chrome 扩展开发的系列文章,感兴趣的可以 点个小星星 。 在 »

Chrome扩展的核心:manifest 文件(上)

Chrome 在全球浏览器市场份额独占 6 成,无论是对普通用户还是开发者,都是电脑里的必备利器。Chrome 无论是在性能还是 UI 交互方面都非常出色,而 Chrome 扩展则为开发者提供了接口,让开发者有能力自己编写代码使自己的 Chrome 更强大,更加定制化。 大家好,我是do »

在输入框里直接粘贴图片

有很多 Web 编辑器支持直接复制粘贴图片,记录一下这种效果是怎么实现的:只需要3步,# 拿到粘贴板上的 image file 对象,## 上传图片,### 插回输入框 有很多 Web 编辑器支持直接复制粘贴图片,记录一下这种效果是怎么实现的 拿到粘贴板上的 image file 对象 »

飞码LowCode前端技术之画布的设计

本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件,可对外提供画布能力。精准定位有两种情况,一是目标组件无子组件,而是目标组件有子组件。 无子组件:目标组件 »

jingdongkeji

前端技术探秘-Nodejs的CommonJS规范实现原理

Node.js是一个基于ChromeV8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块,提 »

Jcloud

飞码LowCode前端技术系列:如何便捷快速验证实现投产及飞码探索

本篇文章从数据中心,事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。 本篇文章从数据中心,事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。 一、数据中心,事件中心设计 飞码 »

jingdongkeji

web前端(2)—— 前端技术介绍

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

Eeyhan

初学者Web介绍一些前端开发中的基本概念用到的技术 - 王郝

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

qianduantuanzhang

Web第五讲:Web前端开发技术概述

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

fz17

Web前端技术发展简史

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

luwanlin

淘宝前端技术系列课程分享

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

jscode

个人技术总结--MUI框架的h5+前端开发

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

shijiehaiyang