前端工具以及其他一些东西

最新推荐文章于 2025-12-11 16:05:35 发布

原创最新推荐文章于 2025-12-11 16:05:35 发布 · 465 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#工具 #javascript #正则表达式 #compiler #blog #css

零散的一些个东西专栏收录该内容

6 篇文章

订阅专栏

本文汇总了一系列前端开发中常用的资源和工具，包括自动管理、打包工具Ant，CSS图片转DataURI工具CSSEmbed，文件合并工具Combiner等。此外还介绍了多种格式转换、图片优化及代码压缩工具。

星斗blog：姬光blog：水门blog:

Ant

自动管理、打包工具

CSSEmbed

将 CSS 中的图片转换成 DataURI 并重新写入到 CSS 文件中

Combiner

合并多个文件

ConvertZ

中文简繁体转换，仅适合 Windows 平台

DataURI

讲图片转换为 DataURI

Google closure compiler

Google 的 Javascript 压缩工具

PNG Optimizer

PNG 优化工具

YUI Compressor

YAHOO 的 Javascript、CSS 压缩工具

Proxomitron

一款网页过滤器，通过正则表达式过滤数据，特别是对于异步传输很方便。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

nelson

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端测试开发工具--mock 的使用

weixin_59519449的博客

03-22

3041

目录 1. 背景 2. Mock是什么 3. Mock能做什么 4. Mock实现方式 5. Mock市面上常见的解决方案 6. Python下unittest.mock使用 1. 背景在实际产品开发过程中，某个服务或前端依赖一个服务接口，该接口可能依赖多个底层服务或模块，或第三方接口，比如说服务 A 依赖服务B，服务B又依赖服务 C，如下图所示：这种依赖的问题会导致原本的需求目的是要验证服务A，但由于所依赖的服务B或者服务C不稳定或者未开发完成，导致工作无法正常开展。

generator-craft:Yeoman 生成器，用于创建 Vagrant 框，然后安装 Craft CMS 和一些前端工具

06-06

一个 Yeoman 生成器，它创建一个 Vagrant 框，然后安装 Craft CMS 和一些前端工具。先决条件 generator-craft对你的环境做了一些假设：你已经安装了 Vagrant 你有一个运行最新版本 Ubuntu 的 Vagrant 盒子（我...

参与评论您还未登录，请先登录后发表或查看评论

对前端构建工具的一些理解

热门推荐

LoveSummer

08-02

1万+

最近有幸在前端团队里面做了一次关于 webpack 的技术分享。在分享的准备过程中，为了能让大家更好的理解 webpack，特意对市面上以前和现在流行的构建工具做了一个梳理总结。在整理和分享的过程中，获益匪浅，对前端构建工具有了新的认识。在这里，将自己的一些思考总结写出来，希望也能给到对构建工具同样感兴趣的同学一点帮助。本文的目录结构如下:*构建工具的前世今生*[1]*js 模块化的发展史和构建工具的变化*[2]*结束语*[3]......

值得推荐的 5 个前端性能测试工具

nhb687096的博客

06-14

2392

可能有同学会说为什么没有 yslow，嗯，这个也是前端性能测工具，但是，你可以去搜索下，看下你现在的电脑上能非常方便的使用这个工具吗？yslow，不可否认，是一款经典的 Web 端性能测试工具，但是现在使用起来非常的不方便，所以现在你想去学习这款工具，可能事被功半，收不到预期的效果，所以，个人不推荐大家学习这款工具了。和上面的 speedcurve 相似，也是在一个网站中，输入被测试的网站 ip 地址，就可以对被测网站页面进行分析。但是，这个网站在国内，被友好的和谐了，会出现无法正常进行测试的情况。

前端构建工具vite与webpack详解

qq_34082921的博客

11-09

3438

浏览器它只认识html，css，js构建工具能够帮你把tsc，react-compiler，less，babel，uglifyjs全部集成到一起，我们只需要关心我们写的代码就好了。我们写的代码只要变化 —>构建工具帮我们自动去tsc，react-compiler，less，babel，uglifyjs全部挨个走一遍 —>js文件。

一篇总览前端和后端工具对应关系

Bruce小鬼

12-28

3453

一篇总览前端和后端工具对应关系 2.概述有时候过一段时间不接触前端开发，就会忘记一些东西。在学习时候没有一个全局总览的概念，只能每块知识点全部复习一遍才能在大脑形成全局概念，就像是盲人摸象。如果在开始复习时有了这个全局总览，复习起来就会有方向，效率也会提升，为此写下这篇文章。 3.前后端开发工具对应关系介绍 3.1.后端开发三件法宝后端开发项目我们离不开JDK、maven、SpringBoot，那么前端开发项目和后端开发项目思想是一样的，它也有与之对应的工具。 1.JDK对应前端工具NodeJs 后端开

前端build工具介绍

不忘初心，方得始终

01-12

3885

即使对于一些经验丰富的开发者来说，诸多的前端工具还是会让他们感到头痛。解决这个问题的最好办法，就是在概念上理解他们的工作方式，已经他们之间相互配合的方式。不要被各种专业名词唬住 Node, NPM, Grunt, Gulp, Bower, Webpack, Browserify, Yeoman, Brunch……诸多的名词让你一时间感到手足无措，好像根本学不完。其实关键就是，不要被它

前端开发框架、工具汇总清单

朽木·露琪亚

04-28

1983

前端进阶需要学的东西

叮当的猫猫的博客

12-14

2848

学习的几个阶段一、网页制作基础教程之网页的基本结构二、弄清楚浏览器是怎么展现网页的，了解网页的生命周期三、熟练使用客户端调试工具四、积累服务器端语言开发经验，能够解决浏览器兼容性问题下面是阿里的的几个阶段首先就是HTML/CSS3 以及工具部分： vscode开发工具使用、markdown文档工具使用、浏览器平台环境、标签基础、DTD与META语义化、选择器、权重与优先级、匹配规则、浮动与清除、BFC、类名组合规则、SEO前端技巧、定位、叠加技巧、伪类、伪元素、盒子模型、代码规范、性能优化、渲

前端开发常用哪些工具软件？

jinmu520的博客

01-27

3279

来，这一篇妥妥的干货，大家自行保存好哈，别到时候找不到了！前几天有个小伙伴问我：前端开发用什么软件编辑好啊？我当时给她推荐的Visual Studio Code，因为我比较习惯于用这个，但是每个人习惯都不同，我特意总结了几个比较好用的开发工具，列出优缺点，大家自己选择吧。一.Dreamweaver 优点：它能够借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站；访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准；使用视觉辅助功能减少错误并提高网站开发速度。缺点：运用比较复杂；也比

微前端实战：打造高效、灵活的前端应用架构

程序边界

12-03

6511

微前端（Micro Frontends）是一种将大型单页应用拆分为多个独立的小型应用的技术方案。每个小型应用都可以独立开发、部署和运行，它们之间通过共享公共资源（如样式、组件等）来实现数据和状态的同步。微前端的核心思想是将前端应用分解为一组可独立维护、独立部署的子应用，从而提高开发效率、降低维护成本，同时保证系统的灵活性和可扩展性。将多个独立的应用程序组合成一个统一的前端应用程序将基于不同框架的代码组合在一起浏览器端组合、服务端组合以及路由高效的开发团队实践和项目工作流。

Visual Studio 2010 前端开发工具/扩展/插件推荐

01-21

不要希望VS默认安装这些东西，我们有很多VS的扩展可是使用。这里列出的大多数扩展都可以使用Extension Manager (Tools > Extension Manager)来安装，你可以通过Visual Studio Gallery网站下载这些扩展。 Web ...

精选资源

VC仿SQLServer企业管理器的SQL前端工具

03-15

内容索引:VC/C++源码,数据库应用,企业管理器　VC仿SQLServer企业管理器的SQL前端工具，可以执行SQL语句，进行数据导入导出等，比较简单点的，学习数据库编程很不错的东西，因为你不懂SQL语句的话，你肯定写不出这个...

精选资源

前端东西NBA

02-11

javascript 性能优化实战：异步和延迟加载

小伙伴们全都Lucky！

12-11

554

本文探讨JavaScript性能优化中的异步加载与延迟加载技术。异步加载通过async/defer属性或动态创建script元素避免阻塞渲染；延迟加载则利用IntersectionObserver API按需加载非关键资源。二者结合可显著提升性能：异步加载核心脚本确保交互流畅，延迟加载减少初始请求量。实践表明，该方案能降低DOMContentLoaded时间30%以上，减少初始加载量90%，但需注意async脚本的执行顺序问题和延迟加载的回退处理。文中提供了完整的代码实现示例。

第十篇：Day28-30 工程化优化与部署——从“能跑”到“好用”（对标职场“项目上线”需求）

最新发布

2402_87628679的博客

12-11

399

gzip on;性能优化：掌握Vite的资源压缩、Tree Shaking、代码分割配置，能实现路由/组件懒加载、虚拟滚动等渲染优化，理解gzip/br压缩的原理和后端配置；兼容性处理：能通过`@vitejs/plugin-legacy`和autoprefixer适配低版本浏览器，理解`browserslist`的作用，知道Vue 3的兼容性限制；多环境配置：能创建多环境变量文件，在项目中使用`import.meta.env`访问环境变量，区分开发/测试/生产环境的配置；项目部署。

基于Java旅游信息推荐系统(源码+数据库+文档)

JIngJaneIL的博客

12-08

1109

本文介绍了基于SpringBoot+Vue的旅游信息推荐系统和学生成绩管理系统开发项目。系统采用前后端分离架构，后端使用SpringBoot框架简化企业级开发，前端采用Vue.js实现响应式界面，数据库选用MySQL。文章详细说明了系统设计原则、技术选型理由，并提供了代码示例和测试案例。项目包含完整功能演示视频，所有源码经过验证可正常运行。同时提供最新计算机毕业设计选题参考，文末附有源码获取方式。系统适用于大学生项目实战开发，具有模块化设计、安全性强等特点。

华为云 DevUI初体验：如何快速入门项目搭建

康宝的博客

12-10

366

本文详细介绍了基于Angular 18和华为云DevUI的企业级Web应用开发环境搭建流程。主要内容包括：Node.js 20+环境准备、Angular CLI 18安装、项目初始化配置（选择SCSS样式）、DevUI组件库及图标库的安装。文章重点说明了如何在项目中正确配置DevUI样式和模块，并演示了基础组件的使用。通过这套技术方案，开发者可以快速构建具备丰富UI组件支持的企业级应用，提高开发效率。

React18+快速入门 - 1.响应式机制之 useState 和 useReducer

weixin_63443072的博客

12-09

448

本文详细介绍了React中两个核心状态管理Hook：useState和useReducer。首先讲解了useState的基础用法，包括三种初始化方式（直接值、函数初始化、对象状态）和四种更新状态的方法（直接设置新值、函数更新、部分更新对象、重置状态），并通过TodoList示例展示复杂状态管理。然后介绍了useReducer的基本概念，适合处理复杂状态逻辑，演示了reducer函数的三种写法（switch语句最常用），通过计数器示例说明如何使用dispatch派发不同action来更新状态。全文通过丰富代码

idea工具打开前端后端项目一直下载东西如何关闭

09-19

我们正在解决IntelliJ IDEA打开前后端项目时持续下载东西的问题。用户提到项目打开后持续下载，这通常与IDE的自动更新或依赖管理行为相关。结合引用内容，我们重点考虑版本控制、依赖管理和IDE设置等方面。可能...