webp

Vue项目实战

Ant-Design小程序：vant移动端web：vant门户网站：局部引入UI库海外：MaterialUI规范react\mui，vue\vuetify二、项目实战1.创建项目方式一：VueCLI基于webpack
DustinWangq·2025-04-27 07:39

【高频考点精讲】前端构建工具对比：Webpack、Vite、Rollup和Parcel

前端构建工具大乱斗：Webpack、Vite、Rollup和Parcel谁是你的菜？
全栈老李技术面试·2025-04-26 14:19

webpack构建流程、基础配置、打包性能优化、热更新、和Vite区别

文章目录一、webpack构建流程四个阶段：1.配置文件解析：2.入口处理：3.模块加载与转换：4.插件执行：5.打包优化：6.生成输出文件：二、webpack基础配置1.`entry`2.
loey_ln·2025-04-26 14:19

webpack配置

webpack根据开发和生成环境一般可以将配置文件拆分，拆分dev和prod两种环境|-package.json|-/build|-webpack.base.js|-webpack.dev.js|-webpack.prod.js
十一猫咪爱养鱼·2025-04-26 08:46

vue.config.js基本配置

constpath=require('path')constwebpack=require('webpack')constcreateThemeColorReplacerPlugin=require('
紫微前端·2025-04-26 02:03

webstorm 不识别Vue旧项目的路径别名 @

其实webstorm是支持这个功能的，但是需要webpack.config.js位置在项目根目录下。
红发-SHANKS·2025-04-25 17:29

第二步 Vue2 vue.config.js 基础配置，路径别名alias

在这个文件中，你可以修改webpack相关的选项，以满足你的项目需求。
-Bell-·2025-04-25 17:26

【初级】前端开发工程师面试100题（二）

本题库共计包含100题，考察html，css，js，以及react，vue，webpack等基础知识掌握情况。TypeScript篇TypeScript和JavaScript有什么区别？
全栈老李技术面试·2025-04-24 23:58

搭建一个简单的Spring MVC框架

新建一个JavaWeb项目1.打开Eclipse，在ProjectExplorer选项卡下面点击右键，选择Web-DynamicWebProdect（这一步应该都知道阿！！！）。2.点击Next。
教授V5·2025-04-24 20:05

论文速览 | CVPR 2022 | Autofocus for Event Cameras | 首个事件相机自动对焦算法：让事件相机在黑暗中也能清晰成像

论文速览|CVPR2022|AutofocusforEventCameras|首个事件相机自动对焦算法：让事件相机在黑暗中也能清晰成像项目主页:https://eleboss.github.io/eaf_webpage
不再更新，请勿购买！！·2025-04-24 12:36

Vite 与 Webpack 的区别

在前端开发中，构建工具是不可或缺的，Webpack和Vite是当前最流行的选择之一。尽管它们的目标相似，但在实现方式和开发体验上却有显著差异。
自信的飞·2025-04-24 10:25

图像压缩工具 Caesium Image Compressor v2.7.1 中文版

图像压缩工具CaesiumImageCompressorv2.7.1中文版CaesiumImageCompressor是一款帮助您存储、发送和分享数码图片的图像压缩软件，支持JPG、PNG和WebP格式
·2025-04-23 21:22

图像压缩工具 Caesium Image Compressor v2.7.1 中文版

图像压缩工具CaesiumImageCompressorv2.7.1中文版CaesiumImageCompressor是一款帮助您存储、发送和分享数码图片的图像压缩软件，支持JPG、PNG和WebP格式
·2025-04-23 21:22

【Webpack】样式处理 - 样式预处理

样式预处理是在开发中会使用一些样式预编译语言，如scss,less等，在项目打包过程中再将这些语言转换为css，借助这些语言强大和便捷的特性，可以降低项目的开发和维护成本。下面是目前最主流的两种预编译语言是如何配置的sass和scsssass本身是对css的语法增强，现在使用更多的是scss在安装和配置都是sass-loader，而实际的文件后缀是.scsssass-loader就是将scss语法
loyd3·2025-04-22 15:17

React 打包时如何关闭源代码混淆

打包源代码需要安装一下两个依赖包cracoCreateReactAppConfigurationOverride），修改Webpack配
hawk2014bj·2025-04-22 02:33

webpack的基本使用

文章目录前话安装入口(entry).gitignoresrc\title.jssrc\index.jswebpack.config.jspackage.json输出(output)多入口打包entry和
PeaceCode·2025-04-22 01:25

webpack之Tree Shaking详解

TreeShaking能够在模块的层面上做到打包后的代码只包含被引用并被执行的模块，而不被引用或不被执行的模块被删除掉，以起到减包的效果。比如math.jsexportconstadd=(a,b)=>{console.log(a+b)}exportconstminus=(a,b)=>{console.log(a-b)}index.jsimport{add}from'./math'add(1,6);
wflynn·2025-04-22 01:55

webpack的理解和总结

1.什么是webpack？它的主要功能是什么？webpack是一个前端模块打包工具。他可以将多个模块按照依赖关系进行静态分析，并生成一个或多个打包后的文件。
写代码的拉克丝·2025-04-22 01:55

webpack-loaders使用理解

webpack-loaders使用理解loaderswebpack可以使用loader来预处理文件。这允许你打包除JavaScript之外的任何静态资源。
Exclison·2025-04-22 01:55

webpack 中 chunks详解

webpack中chunks详解在Webpack项目中，webpack.config.js是核心配置文件，而非webpack.json。
二川bro·2025-04-22 01:25

深入理解 Webpack Loader 与 Plugin：区别解析、编写思路与项目优化实战

Webpack中的Loader和Plugin的区别在Webpack中，Loader和Plugin都是实现定制化构建过程的工具，但它们的功能和使用场景有所不同。
疯狂的沙粒·2025-04-22 01:54

【webpack】快速笔记12 -- Tree Shaking 概念详解

慢慢剥开TreeShakingindex.js:我们将React相关代码注释掉或者删除，只引入一个@babel/polyfill的包import"@babel/polyfill";//importReact,{Component}from'react'//importReactDomfrom'react-dom'//classAppextendsComponent{//render(){//ret
@Umbrella·2025-04-22 01:53

webpack系统学习（三）Tree Shaking 概念详解

当项目达到一定体积的时候，将代码分成模块可以更加易于我们的管理，但是，当这样做时，我们可能引入了并不需要的代码，而TreeShaking就是一种通过消除文件中纹使用的代码来优化体积。注意：TreeShaking只支持对静态引入的模块进行体积优化。一般观察下面的代码：//math.jsexportconstadd=(a,b)=>{console.log(a+b)}exportconstminus=(
慌张的唐同学·2025-04-22 01:52

Tree Shaking（摇树优化）详解

TreeShaking（摇树优化）详解TreeShaking是现代JavaScript打包工具（如Webpack、Rollup、Vite等）中的一项重要优化技术，它的名字形象地比喻为"摇动一棵树，让没用的叶子掉下来
web网页精选·2025-04-22 01:52

Vue打包为相对路径

GitHubPages部署示例五：静态文件托管服务实际开发中的使用技巧技巧一：使用环境变量技巧二：避免硬编码路径技巧三：使用动态路径解决常见问题问题一：资源加载失败问题二：跨域问题问题三：部署后样式失效扩展内容使用Webpack
DTcode7·2025-04-21 20:28

Burp Suite Professional 2025.4 for Windows x64 - 领先的 Web 渗透测试软件

作者主页：sysin.orgBurpSuiteProfessionalTheworld’s#1webpenetration
·2025-04-21 13:14

TypeScript React 开发框架选择：Vite 或 Webpack 指南

TypeScriptReact开发框架选择：Vite或Webpack指南ts-react-vite_or_webpackastarter-templatewithtypescript,react,mobxandvite
沈瑗研·2025-04-21 06:36

前端与Java后端交互出现跨域问题的14种解决方案

跨域问题是前端与后端分离开发中的常见挑战，以下是14种完整的解决方案：1前端解决方案(开发环境代理)1.1Webpack开发服务器代理//vue.config.js或webpack.config.jsmodule.exports
黑码小帅·2025-04-21 03:49

【CodePen完全指南：从零开始玩转在线代码沙盒】

1.传统开发的痛点环境配置复杂：新手常卡在安装Node.js/配置Webpack即时反馈缺失：改个颜色就要手动刷新浏览器作品分享困难：压缩打包发zip包？太不优雅！
Gazer_S·2025-04-21 01:11

JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目

本文来自小迪安全本文是为了解决：1、如何从表现中的JS提取价值信息2、如何从地址中FUZZ提取未知的JS文件3、如何从JS开放框架WebPack进行测试0、什么是JS渗透测试？
我最厉害。，。·2025-04-20 21:12

Vue 应用从 Vite 迁移到 Webpack

Vue应用从Vite迁移到Webpack主要涉及以下几个步骤：安装Webpack和相关依赖：首先，你需要安装Webpack和VueLoader。
玛蹄柯拿·2025-04-20 15:06

Pulsar Management Vue2+Webpack4改造成Vue3+Vite

PulsarManagementVue2+Webpack4改造成Vue3+Vite背景问题点初步改造--仍旧使用webpack4（未解决--已放弃）1.package.json文件改造2.webpack.config
qq_39760573·2025-04-20 15:35

现代前端构建工具对比：Vue CLI、Webpack 和 Vite

VueCLI、Webpack和Vite是目前最流行的三个构建工具，它们各自具有独特的优势和适用场景。本文将深入探讨这些工具的特点，帮助开发者根据自己的项目需求做出明智的选择。
AmHardy·2025-04-20 14:31

webpack配置缓存

webpack持久化缓存实践前言最近在看webpack如何做持久化缓存的内容，发现其中还是有一些坑点的，正好有时间就将它们整理总结一下，读完本文你大致能够明白：什么是持久化缓存，为什么做持久化缓存?
爱分享的程序员·2025-04-20 10:03

Webpack中的文件指纹：给资源戴上个“名牌”

你是否想过，当你修改代码后，浏览器为什么仍然拿着旧版资源不放？秘密就在于——文件指纹！简单来说，文件指纹就像给每个构建出来的文件贴上独一无二的“姓名牌”，告诉浏览器：“嘿，我更新啦，换下旧货吧！”文件指纹到底是什么？文件指纹（FileFingerprinting）其实就是在文件名中附加一段由文件内容生成的哈希值。举个例子：旧版：app.js新版：app.3b8a1f2e.js哈希值（如3b8a1f
魔云连洲·2025-04-20 04:19

告别 Webpack 困惑：一文读懂配置、Loaders 与高效开发流程

实战干货：编程严选网0前言Webpack是一个强大的JavaScript模块打包工具，广泛用于前端开发。它可以将多个JavaScript文件、CSS
·2025-04-18 22:09

vue2和vue3项目打包添加时间戳

./",configureWebpack:config=>{config.output.filename=`js/[name].${Timestamp}
曾不错吖·2025-04-18 15:20

WordPress 太慢了有什么办法解决？Websoft9 有高招

以下从运维工程师视角，揭示导致网站变慢的关键维护节点及对应解决方案：一、资源管理维护（直接影响加载速度）媒体文件管理•维护要点：每月检查未压缩图片（使用Imagify扫描），保持WebP格式覆盖率>85%
·2025-04-17 16:56

webpack 合并压缩_webpack4.0各个击破（4）—— Javascript & splitChunk

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。
weixin_39600837·2025-04-16 12:13

工程化开发：Vue cli 脚手架 介绍&安装

优点：开箱即用，零配置内置babel等工具标准化该脚手架集成了webpack配置安装步骤：全局安装Vuecli#npm安装npmi@vue/cli-g#yarn安装yarnglobaladd@vue/cli
zneVue·2025-04-16 12:13

Workshop on the Internet of Agents(IoA)

FirstInternationalWorkshopontheInternetofAgents(IoA),Omaha,NebraskaUnitedStates,October132016.Co-locatedwithWI-16WorkshopWebpage
sckangz·2025-04-15 22:41

node.js判断在线图片链接是否是webp，并将其转格式后上传

1、通过设置请求头里的Range参数，只请求指定的字节数，然后判断对应图片格式的字节constaxios=require('axios');functioncheckWebPFormat(url){returnnewPromise
不怕麻烦的鹿丸·2025-04-15 19:53

vite和它衍生出来的一些问题

在配置和前端工程化实现的过程就会更知悉一些，但一开始接触前端框架的时候，让我疑惑的不仅是包管理工具，还有vite，我的老师不会详细解释vite，只教我用vite创建项目，等我学的时间久一点之后，我会经常听到前辈们提到webpack
广东鱼老大·2025-04-15 18:43

细讲前端工程化

前端工程化主要包括以下几个方面：1.项目构建工具使用自动化构建工具（如Webpack,Vite,Parcel等）来处理和打包前端资源（JavaScript,CSS,图片等），
夕阳_醉了·2025-04-14 22:37

前端工程化开发

前段时间对于前端工程化的理解尚停留在用gulp或者webpack自动构建的层次，但其实包括自己在做项目的过程中早就在践行「工程化」开发，以下结合一些博客以及自己的理解详述前端工程化开发的含义。
LynnWonderLu·2025-04-14 18:37

零基础入门npm：从安装到实战，一篇熟悉Node.js包管理

无论是React、Vue这样的前端框架，还是Webpack、Babel这样的构建工具，都依赖npm进行依赖管理。据统计，截至2023年，npm仓库已托管超过200万个包，日均下载量超10亿次！
风铃儿~·2025-04-14 05:43

探索版本管理新境界：git-revision-webpack-plugin 快速指南

探索版本管理新境界：git-revision-webpack-plugin快速指南git-revision-webpack-pluginWebpackpluginthatgeneratesVERSIONandCOMMITHASHfilesduringbuild
怀灏其Prudent·2025-04-14 03:58

前端从全链路角度分析性能

以下是结构化回答框架，结合业界实践和最新优化策略：一、网络传输优化1.CDN与协议升级◦使用CDN缩短资源物理距离，结合HTTP/2/3的多路复用和头部压缩特性，提升资源加载效率（如WebP/AVIF格式图片通过
GISer_Jinger·2025-04-13 15:13

react/vue中前端多图片展示页面优化图片加载速度的五种方案

需求背景在多项目中例如官网项目中会出现很多大图片显示的情况这个时候就会出现图片过大公司带宽不够之类导致页面加载速度过慢及页面出现后图片仍然占位但并未加载出来或者因为网络问题导致图片区域黑块等等场景这个时候我们就要对图片和当前场景进行优化方案定义图片更换为avif或者webp
旭久·2025-04-12 16:18

Applitool 安装

selenium-python.html#install-the-sdk2.setupthechromedriverandchromebinaryinPATH3.runpythontest.py4.viewthewebpagebyclicking
lihui是猪·2025-04-12 08:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他