前端性能优化webp网站优化

npm install(报错)

legacy-peer-depsWARNERESOLVEoverridingpeerdependencynpmWARNWhileresolving:@intervolga/[email protected]:webpack
My&Liu·2024-01-24 06:14

javascript事件

从小程序到各种混合开发的解决方案，从vue，react到angular，从canvas到three.js甚至webgl，从cmd到nodejs，从gulp到webpack，各种技术让人眼花缭乱，感觉学不过来了有没有
特例独爬的蜗牛·2024-01-24 05:37

Vue前端环境搭建以及项目搭建

配置新的镜像源npmconfigsetregistryhttps://registry.npmmirror.com安装webpackwebpack是前端项目打包工具。
四矢·2024-01-24 05:18

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（十）

又是认真学习的一天。1.Git初识2.掌握Git仓库3.Git的三个区域gitls-files查看当前暂存区有哪些文件4.Git文件状态5.Git暂存区使用使用gitrestore命令恢复修改过的index.css使用gitrm--catched命令从暂存区移除index.css文件再用gitadd.放回9（皮一下）6.练习-登录页面查看提交历史gitlog--oneline7.Git回退版本关于
卡皮巴拉·2024-01-24 04:15

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（八）

16.什么是webpack?
卡皮巴拉·2024-01-24 04:45

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（九）

26.搭建开发环境开发环境|webpack中文文档(docschina.org)之前运行时出现的警告和mode配置有关目标11：配置开发服务器环境webpack-dev-server11.1下载webpack-dev-server
卡皮巴拉·2024-01-24 04:42

盘点好用内容合规监测工具

网页敏感内容监测WebPurify由WebPurify提供，这是一个专门从事内容审核和过滤服务的公司。
kkong1317·2024-01-24 04:30

关于vue 动态引入（异步加载import和require）组件的方法和坑（按需懒加载组件，动态生成路由）babel-plugin-dynamic-import-node 优化编译速度

前言：最近在改造vue-cli2.x+webpack2.x的项目时，由于之前路由是静态的，没有根据菜单权限动态生成前端路由。所以想对此进行改造，然后碰到了一些问题和坑，现在总结一下，避免以后继续踩坑。
YorcentLuo·2024-01-24 02:45

webpack打包bundle文件解析

一、一个入口，一个文件webpack.config.jsmodule.exports={entry:'.
wdapp·2024-01-24 01:18

webpack核心，什么是Loader?

timg.jpg写在前面前面两篇文章，我们介绍了webpack一些概念和简单的配置，对webpack有了一个初步的了解。今天的文章，我们将进入webpack的核心内容。
喜剧之王爱创作·2024-01-24 00:22

前端Vue开发规范

review，另外可以提高项目的可维护性4.规范是实现自动化的基础5.规范是一个团队知识沉淀的直接输出项目结构node_modules//存放项目所有的依赖public//存放静态资源，项目打包的时候webpack
朝阳若蓝·2024-01-23 22:05

【webpack】2. loader---动态加载css样式,文件，数据

webpack学习【webpack】1.快速入门【webpack】2.webpack核心–loader【webpack】3.将入口html也打包【webpack】4.webpack-dev-server
qq_33712668·2024-01-23 21:57

网站优化人员谈对网站优化的感想！

首先我说一下我是如何对接手的网站进行优化的：做这个行业的同伙都知道网站制作报价，一样平常中小企业不会考虑到整站优化，而是针对他们的展品做固定词的排名，碰到如许的客户就好办了!首先我们先了解一下关键词的热度，继而对关键词进行分布，不言而论对如许的客户提拔固定词的排名，这些词放的位置，我就不必多说了，一定是网站首页title的位置，比如宿州信息网。由于这个位置是最紧张的。我们要考虑的是只要把客户指定的
拒绝辣椒的吃草人·2024-01-23 20:49

Vue-Cli项目如何查看依赖调用关系？

一、探索经过一番寻找，我发现了stats-webpack-plugin这个插件。链接中有这个插件在webpack中的使用方法。我下面的教程基本是参考了官方指引。二、安装和使用首先安装stats-
九里·2024-01-23 19:23

vue3项目运行慢 npm run serve 卡在40%不动弹

解决办法安装speed-measure-webpack-plugin查看编译过程中哪些地方消耗时间久，线程多。
青乌·2024-01-23 19:55

【Webpack】关于loader、plugin和代码分离的那些事儿

1.loader1.1css-loader&style-loader{test:/\.css$/i,use:['style-loader','css-loader'],}css-loader从css文件中提取css字符串，遇到css中的url图片地址，会将图片处理并添加到output指定目录，并将最终url引用地址替换原来url引用地址。style-loader转换成JS执行脚本：创建标签，将提取
古狼_guwolf·2024-01-23 15:30

如何让项目支持Typescript

d.ts文件编辑器语法检查和提示（vscode默认支持TypeScript语法，会根据tsconfig.json检查类型，并给出提示）eslint（tslint已经不再推荐）支持JSX使用react实现以webpack
刷题刷到手抽筋·2024-01-23 15:49

将vue安装在devDependencies能不能行？

看到一个别人的vue项目，将vue放在了package.json的devDependencies中，我这就郁闷了，通过webpack打包，用的好好的。不是devDependencies用于开发环境吗。
strexGM·2024-01-23 15:10

自己构建webpack+vue3+ts

先看看我的目录结构（我全局使用TS）：一、安装配置webpack打包安装esnonpminstallesnoesno是基于esbuild的TS/ESNextnode运行时,有了它，就可以直接通过esno
strexGM·2024-01-23 15:07

tomcat配置文件路径linux,Tomcat配置虚拟目录（目录+文件）

为空代表网站根目录docBase：可以设置绝对路径，也可设置相对路径，相对路径是相对appBase属性所设的目录而言的2.访问配置路径中的文件设置完1，启动web项目，通过http://localhost:端口/myWebPath
六号轨迹·2024-01-23 11:36

vue开发笔记

环境的确认node--versionnpm--version全局安装vue-cli安装命令：npminstall--globalvue-cli基于webpack模版的新项目创建一个基于webpack模版的新项目
jshan·2024-01-23 11:27

Vue - webpack npm run build 报错

最近在学习Vue-webpack的视频教程https://www.imooc.com/video/164022-1vue-loader+webpack项目配置这篇课程真的很坑人，跟着做一毛一样结果不断的报错
我常常问自己我是谁·2024-01-23 09:06

webpack对项目优化

方案：webpack配置文件配置limit，将图片转换成base64流的形式存储
天蒙蒙亮·2024-01-23 09:15

history路由解决刷新出现404的问题

具体流程（哈希模式）：1.前端项目写完之后，把src件夹打包(利用webpack、babel把项目里面的jsx/vue、scss
天蒙蒙亮·2024-01-23 09:15

idea编译打包前端vue项目

idea前端项目打包一般是依赖org.codehaus.mojoexec-maven-plugin3.0.0这个maven插件里面可以定义要执行的打包步骤比如我的工程里面就有如下三个过程：saturn-webprepare-packageexecshnpm-config.shexec-npm-installprep
Charlie_Peng·2024-01-23 09:12

css单位 % em rem vw vh vmin vmax pt ch ex

px像素(计算机屏幕上的一个点)，项目开发中特别是移动端开发我经常会使用webpack将px转化为rem来适应屏幕宽度%百分比，理解为和父元素字符的相对大小，但是有几个注意点：1.对于普通元素，相对于父元素大小
BenjaminShih·2024-01-23 08:36

关于 Angular 跨域请求携带 Cookie 的问题

使用框架及Webpack进行开发时，也可以通过插件实现反向代理。比如使用Angular的时候可以通过proxy.config.json进行跨域设置。
weixin_34167043·2024-01-23 08:31

vue-baidu-map在ie下不显示的问题

已经安装babel-polyfill，使用vue-baidu-map在IE下还是空白，地图不出现，主要是因为babel默认不会编译node_modules中的东西的，ie不识别，需要手动添加一下，才会编译在webpack.base.conf.js
凤凰挽歌_·2024-01-23 08:42

今日前端十个知识点——CSS篇（一）

设备宽度；initial-scale初始缩放比例；minimum-scale允许用户最小缩放比例;maximum-scale允许用户最大缩放比例；user-scaleable是否允许手动缩放2、图片格式webp
前端fighter·2024-01-23 07:02

基于taro搭建小程序多项目框架，记重点了！！！

灵感来自最近webpack的多项目打包构建起步首先你得先安装好taro脚手架，然后基于该脚手架生成一个taro项目初始化taro项目taroinitminiApp这是我选
QD_ANJING·2024-01-23 07:57

JavaScript中的数据缓存与内存泄露：解密前端性能优化与代码健康

个人主页：前端青山系列专栏：JavaScript篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来JavaScript篇专栏内容:JavaScript-数据缓存与内存泄露目录说说你对事件循环的理解一、是什么二、宏任务与微任务微任务宏任务三、async与awaitasyncawait四、流程分析说说JavaScript中内存泄漏的几种情况？一、是什么二、垃圾回收机制标记清除引用计数小结三、常见
前端青山·2024-01-23 05:12

umi2.x(webpack4.x)打包优化

优化缘由项目越来越大,依赖越来越多,打包后的js越来越大其中最大的js文件通过nginxgzip压缩后还有4MB,影响客户体验.查看文件打包分析cross-envANALYZE=1umibuild优化方法删除代码中冗余的,没有用到的第三方依赖将用得很少的依赖从node_modules中直接复制粘贴到本地项目代码中(实现按需加载),并npmuninstall此依赖使用umi-plugin-react
zhongshizhi91·2024-01-23 04:36

图片格式介绍

BMP、JPEG、GIF、PSD、PNG、TIFF、TGA、EPS、SVG、webP、CDR、PCX、EXIF、FPX、PCD、DXF、UFO、AI、HDRI、RAW、WMF、FLIC、EMF、ICO二
jad_design·2024-01-23 02:14

iOS Error installing libwebp 解决办法

pod的时候可能会遇到libwebpv0.6.0超时问题，直接进入到/Users/(你本地的名字)/.cocoapods/repos/master/Specs/1/9/2/libwebp，选择0.6.0
大鹏你我他·2024-01-23 02:01

盘点好用内容合规监测工具

网页敏感内容监测WebPurify由WebPurify提供，这是一个专门从事内容审核和过滤服务的公司。
Trc0g·2024-01-23 00:34

使用Element-Plus 加载style

vue-chrome-extension简介chrome扩展开发插件基于vue3、ts、ElementPlus、Webpack5、axios、less开发支持content快速调用chrome对象及axios
wyg_031113·2024-01-22 23:03

常见技术问题及答案（一）

calc(100%-200px);height:300px;background:blue;}.right{width:200px;height:300px;background:red;}二、介绍一下webpack
Z_the·2024-01-22 20:44

盘点好用内容合规监测工具

网页敏感内容监测WebPurify由WebPurify提供，这是一个专门从事内容审核和过滤服务的公司。
小名空鵼·2024-01-22 20:02

VUE项目build后自动生成zip压缩包

webpage项目使用方式安装filemanager-webpack-plugin插件npminstallfilemanager-webpack-plugin-D#oryarnaddfilemanager-webpack-plugin-D
xxley·2024-01-22 18:48

vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementatio

升级webpack3->4导致的报错ModuleError(from.
厘子 车·2024-01-22 16:35

node.js的学习之路 2018-03-27

之前对于node的使用都是基于一些webpack前端工具和一些脚手架这样的，但是最近由于项目需要，可能要用到node做了中间层所以今天就对于node进入深入学习，记录下学习的过程和在学习过程中遇到的坑，
张益达_pearl·2024-01-22 15:08

VUE项目打包配置 vue.config.js 文件

constwebpack=require("webpack");constVersion=newDate().getTime();module.exports={/*部署生产环境和开发环境下的URL：可对当前环境进行区分
半夏ing·2024-01-22 14:34

vue项目vue.config.js文件打包 配置、优化配置

constTimestamp=newDate().getTime()//压缩插件constCompressionWebpackPlugin=require('compression-webpack-plugin
正在起飞得菜鸟·2024-01-22 14:04

vue.config.js中打包相关配置

1.原始篇letpath=require('path');constwebpack=require('webpack');constThemeColorReplacer=require('webpack-theme-color-replacer
尔嵘·2024-01-22 14:02

你的不幸，皆是自己“选择”的

你的不幸，皆是自己“选择”的图片:https://images-cdn.shimo.im/J1FSBYgpjj4KjFwb/mmexport1556755394049.webp我有个朋友，是个“多愁善感的老实人
夜雨生情·2024-01-22 14:50

如何创建vite项目!

是一种新型前端构建工具，能够显著提升前端开发体验网络：vite是一个静态服务器，也可以说是一个开发的构建工具它的目标就是提供快速的开发体验和性能优化vite优点与缺点Vite优点Vite缺点开发服务器比Webpack
小舟423·2024-01-22 13:36

云计算笔记1概述

image.png技术角度看，无论是公有云或是私有云，其核心实质是完全相同的：首先将硬件上分散的、孤立的多个设备资源，在逻辑上整合构建为一个大规模的统一资源池，然后在基于此资源池，以WebPortal或者
gg大宇·2024-01-22 10:09

Web前端性能优化-综合篇

减少http请求压缩：把html、css、js的空格注释去掉，减少请求大小图片优化减少请求大小、数量，优化加载速度jpg：压缩率高，大部分不需要透明图片的场景png：支持透明，大部分需要透明图片的场景webp
visitor009·2024-01-22 09:38

高频面试题，webpack 中hash、chunkhash、contenthash有什么区别

在Webpack中，hash、chunkhash和contenthash都是用于生成文件名哈希的选项，它们有以下区别：hash:适用范围：适用于所有文件，包括入口文件、依赖的模块文件等。
我有一棵树·2024-01-22 06:01

webpack 中的loader 和plugin的区别

Loader:作用：Loader用于在模块加载时对文件进行转换。它是一个转换器，将文件从一种形式转换为另一种形式，例如，将ES6语法的JavaScript文件转换为能够在浏览器中运行的普通JavaScript。使用场景：Loader通常被配置在module.rules中，指定了哪些文件应该被哪些Loader处理。每个Loader执行一个特定的转换操作，它们串联在一起形成一个转换管道。Plugin:
我有一棵树·2024-01-22 06:01
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他