前端性能优化webp网站优化第2页

开源GIS与Vue结合

桃子味的白开水·2024-09-09 04:31

Webpack | vite | Rollup | Gulp | Grunt 比较

Webpackwebpack可以说是当前最流行的模块化管理工具和打包工具。其通过loader的转换，可以将任何形式的资源视作模块。它还可以将各个模块通过

前端阿彬·2024-09-09 03:41

Vue3+vite打包配置及部分打包优化~

这里介绍的是vite项目的打包配置，若想了解webpack打包配置可看我的其他博客。（下面来介绍下vite打包配置的步骤）1、步骤一：配置base。(为什么需要配置base？

炒毛豆·2024-09-09 02:39

Vue UI框架 ElementUi的使用以及webpack.config.js配置

1.对于elementUI的简单说明基于Vue的UI框架=>饿了么公司基于vue开的的vue的Ui组件库=>ElementUi基于vuepc端的UI框架官网=>http://element.eleme.io/2.elementUI的使用（1）找官网http://element.eleme.io/#/zh-CN/component/quickstart（2）安装cnpmielement-ui-S-S

七三里·2024-09-08 10:46

基于 React & TypeScript & Webpack 的微前端应用模板

m-fe/react-ts-webpack在Web开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。

weixin_33806300·2024-09-08 02:48

【微前端】ReactJS实现微前端的代码架构

【微前端】ReactJS实现微前端的代码架构目录【微前端】ReactJS实现微前端的代码架构通用步骤基于微前端的应用典型树结构：示例代码Webpack设置：Babel设置：配置Webpack别名：依赖管理

小涵·2024-09-08 01:43

Vue + ElementUI 实现全国各个省份相对应城市的联动选择_vue+elementui 省市区联动

+bs插件开发生产环境下如歌部署Node.js开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】网易内部VUE自定义插件库NPM集成谁说前端不用懂安全，XSS跨站脚本的危害webpack

2401_84617681·2024-09-07 22:52

前端框架有哪些？

PHP程序员可选的框架包括CakePHP、CodeIgniter、Zend等，Python程序员喜欢使用Django和webpy，Ruby程序员常用RoR。

赎罪゛·2024-09-07 20:10

解决使用脚手架构建项目缺失node_modules文件夹文件问题

vue项目的时候发现我自己之前能正常构建vue项目的现在却不行了，排查之下发现通过脚手架构建项目的时候项目缺失了node_modules文件夹，在我排除了node环境、和配置的环境变量、vue-cli和webpack

weixin_30414635·2024-09-07 20:38

浅谈PostCSS

sass是很常用的css预处理器语言，在webpack中要使用它，需要安装sass-loader，而sass-loader又依赖于node-sass。

三翼鸟数字化技术团队·2024-09-07 18:56

ELK架构

用户也可以直观的通过配置KibanaWebPortal方便的对日志进行查询，并根据数据生成报表。优点：搭建简单，易于上手。

小楚同学呀~·2024-09-07 14:57

webpack打包后输入url第一个访问到的是什么

当你使用Webpack打包后，访问生成的URL时，浏览器首先会请求打包输出的HTML文件。

m0_73882020·2024-09-07 11:06

class 7: vue.js 3 前端工程化

因此，我们需要使用webpack或者Vite构建一个支持SFC开发的Vue.js3环境目录前端发展史webpackVueCLI脚手架前端发展史Web早期：也就是互联网发展早期，前端开发人员只负责写静态页面

Clarence Liu·2024-09-07 07:39

CSS Vue3深度选择器

style标签中需要改变vant组件的样式时，需要使用到深度选择器背景：scope样式私有化，避免样式冲突原理：在css中使用过选择器的选择过元素(组件下)元素生成添加一个属性=>data-v-hash值webpack

不叫虎子·2024-09-06 22:42

最经典的Java类打包成JAR文件

文件使用的工具及环境：MyEclipse7.5JavaEnterprise、JDK1.6.0打包JAR文件：首先，创建一个Java的项目，点击菜单栏File-->New-->JavaProject-->WebProjectDetails

双月友·2024-09-06 17:40

【cocos creator】platform平台对应代码 2.x / 3.x

falselanguage:zhbrowserType:chromebrowserVersion:92.0.4515.159capabilities:{"canvas":true,"opengl":true,"webp

老豆8·2024-09-06 07:57

【前端Vue】06 - VueCLI 脚手架

VueCLI是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。2.使用VueCLI需要做的准备2.1安装NodeJS下载地址。

itlu·2024-09-06 06:50

备战2024数学建模国赛（模型十九）：排队论优秀案例（一）火车票购票网站优化

专栏内容(赛前预售价99，比赛期间299):2024数学建模国赛期间会发布思路、代码和优秀论文。（本专栏达不到国一的水平，适用于有一点点基础冲击省奖的同学，近两年有二十几个国二，但是达不到国一，普遍获得省奖，请勿盲目订阅）python全套教程（一百篇博客）：从新手到掌握使用python，可以对数学建模问题进行建模分析。35套模型算法（优秀论文示例）：马尔科夫模型、遗传算法、逻辑回归、逐步回归、蚁群

2024年数学建模国赛·2024-09-05 17:28

(一)搭建环境利用babel转换为es5的方法

所以我们要把这种语法转化成ECMA5.0的语法，要是使用webpack的话，他有自动编译的功能。除了Webpack，我们还可以使用Babel来完成。

我拥抱着我的未来·2024-09-05 16:28

lottie-web动画库实战详解

安装npminstalllottie-webpnpminstalllottie-webyarnaddlottie-webimportlottiefrom"lottie-web";importloginJsonfrom

Abao·2024-09-05 09:06

其他面试题

这是h5端性能优化面试题一、加载优化1.http请求能不能减少（能不能合并）2.图片的雪碧图3.script标签位置4.link标签（css引入）二、图片优化1.图片懒加载2.响应式图片3.webp

奈何我是个菜鸡·2024-09-05 01:43

webpack loader

Webpack的loader是按照相反的顺序执行的。具体来说，Webpack会从配置中use数组的最后一个loader开始，依次向前执行。

_Rookie._·2024-09-04 21:19

webpack plugin

Webpack的插件（plugin）和loader的执行顺序有所不同。插件的执行顺序是按照它们在配置中的声明顺序执行的，而不是倒序执行。

_Rookie._·2024-09-04 21:16

vue脚手架的创建

一、安装node环境切换阿里云镜像npmconfigsetregistryhttps://registry.npm.taobao.org2、全局安装vue-cli和webpack已经安装过node.js

熟悉的新风景·2024-09-03 19:00

vue 高德地图api爬坑之路（一）初始化

集成：public/index.html添加vue.config.js添加高德地图配置configureWebpack:{externals:{'AMap':'AMap'//高德地图配置}},vue代码

小C_cao·2024-09-03 08:53

网站优化

网站优化是指在了解搜索引擎自然排名机制的基础之上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中关键词的自然排名，获得更多的展现量，吸引更多目标客户点击访问网站，网站优化包括整站优化站内优化、站外优化

b10cb7b31b6c·2024-09-03 03:10

vue-cli webpack 打包报错：Unexpected token: punc (()

本来项目完美打包，后来我增加了一个插件vue-ionicons，打包build就是报错：ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken:punc(()[./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2

曹天骄·2024-09-02 01:13

UglifyJs Unexpected token: punc (,)

vue打包报错：查到几种可能原因，一一排除@click调用方法传参多了个逗号仔细检查了，确认没有写多逗号uglifyjs-webpack-plugin代替webpack.optimize.UglifyJsPluginyarnuglifyjs-webpack-plugin

触不到的颜色是否叫彩虹·2024-09-02 01:42

webpack打包报错UglifyJs Unexpected token: punc (,)

项目当dev命令运行时能正常运行，打包后却报错UglifyJsUnexpectedtoken:punc(,)，>yarnbuildCreatinganoptimizedproductionbuild...Failedtocompile.Failedtominifythebundle.Error:static/js/main.jsfromUglifyJsUnexpectedtoken:punc(,)

enjoy嚣士·2024-09-02 01:09

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

文章目录前言什么是Vue.js为什么是Vue.jsVue.js安装打包Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript

秋说·2024-09-01 22:52

以下是几种常见的方式，包括在 Webpack 和 Vite 中的具体实现。

其中一个常见的优化是在生产环境中移除console.log日志，从而减少不必要的日志输出，提高应用性能webpack生产环境优化1.环境判断首先，我们需要判断当前环境是否为生产环境。

云只上·2024-09-01 12:50

TypeScript+Vue

Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目（啥是@vue/cli）具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义

神小夜·2024-09-01 10:07

深入理解webpack自动刷新浏览器

文章目录1.自动刷新浏览器1.1监听文件变化1.1.1方式1.1.2原理1.2自动刷新浏览器1.2.1原理2.模块热更新2.1两种方式2.1.1webpack-dev-server2.1.2webpack-hot-middleware

前端子金·2024-09-01 07:18

90、使用webpack打包的项目优化方案

一、根据可视化工具查看项目打包webpack-bundle-analyzer可视化工具Webpack进行打包，到底打了多少包，每个包有多大？

world_7735·2024-09-01 03:43

vue项目打包压缩静态资源—使用compression-webpack-plugin

vue项目打包压缩静态资源—使用compression-webpack-plugin场景：vue项目打包上线后，资源加载缓慢，用户体验感差。

牛小妞~牛·2024-09-01 02:51

前端性能优化-CSS性能优化

文章目录一、内联首屏关键CSS二、异步加载CSS异步加载的几种方式1.js动态创建样式表link元素，并插入到DOM中。2.设置media属性3.设置rel属性4.rel="preload"三、文件压缩四、去除无用CSS五、有选择地使用选择器六、减少使用昂贵的属性七、优化重排与重绘1.减少重排2.避免不必要的重绘八、让元素及其内容尽可能独立于文档树的其余部分九、避免使用@import十、开启GPU

LYFlied·2024-08-31 16:46

SSM框架整合

步骤1：创建项目新建一个WebProject，创建基本包结构并导入相关依赖maven依赖org.springframeworkspring-core5.2.2.RELEASEorg.springframeworkspring-aop5.2.2

秋意钟·2024-08-31 15:10

Phantomjs生成PDF遇到的问题

特别是分页问题，感觉资料很少，除了在StackOverflow上看到些许资料外，中文社区基本看不到，附上修改后的rasterize.js来做讲解：varpage=require('webpage').create

芭拉拉小魔仙·2024-08-31 14:29

是什么让尤大选择放弃Webpack？面向未来的前端构建工具 Vite

写在开头前两天在知乎看到过一篇文章，大致意思是讲：字节跳动已经开始“弃用Webpack”，尝试在自研构建工具中使用类似Vite的ESmodule构建方式。

码民的飘柔·2024-08-30 12:42

关于 Vue/React 的 cli 中运用 webpack 打包的原理简单解析

webpack、webpack-cli的打包关于webpack对前端工程中进行资源文件进行打包处理的过程中，运用到的核心插件主要是webpack和webpack-cli，在react和vue对于打包各自工程中的

F-125·2024-08-30 12:41

npm install webpack --save-dev为什么出错

下载webpack时候出错是什么原因错误是这样的错误的原因是这样的错误是这样的PSF:\web-lcm\webpack>npminstallwebpack--save--devnpmWARNinstallUsageofthe

阳光下的女汉子·2024-08-30 12:41

面试题——为什么vite打包速度比webpack快

vite采用了不同的开发模式,相较于webpack的先打包再启动服务器,vite则是直接启动,在请求模块时再进行实时编译,在大型项目中,这种按需动态编译的模式极大地缩短了时间vite充分利用了现代浏览器对

想看看风景·2024-08-30 12:10

【前端面试题】前端工程化、Webpack、Vite、Git项目管理相关问题

目录关于前端工程化关于Webpack关于Vite关于Git项目管理综合性问题关于前端工程化1.前端工程化的定义和好处问题：什么是前端工程化？它的主要好处是什么？

快乐点吧·2024-08-30 12:39

webpack4手动搭建Vue项目

小满视频很多解释使用通义灵码搜的,通义灵码的搜索结果也是有错误的全程使用pnpm包管理工具，和npm的用法基本一样学习总结1.多看看webpack官网2.webpack的作用：配置一堆东西，达到运行程序的目的

YUELEI118·2024-08-30 12:37

【面试题】2024前端面试真题_中国电信前端面试(1)

react.meno第二个参数是什么pureComponent手写代码实现一个有状态的倒计时浏览器强缓存，cacle-control有哪些字段浏览器缓存原理微信原生小程序性能指标有没有看过qiankun的底层原理webpack5

2401_84437604·2024-08-30 12:05

前端面试题-Vite的打包速度为什么比Webpack快?

今天继续为大家分享一道面试题大家都知道,Vite和Webpack是前端开发中用来构建项目的两个框架,Webpack是针对Vue2的,而Vite则是为vue3量身定制的,他们有哪些区别呢?

爱学英语的程序媛·2024-08-30 12:04

关于vue2运行时filemanager-webpack-plugin报错isFile is undefind

当我们在运行时报此错误时，在vue.config.js里找一下filemanager-webpack-plugin的配置路径。

又写了一天BUG·2024-08-30 12:34

electron 中 webPreferences 作用

webPreferences是BrowserWindow构造函数中的一个选项对象，用于配置网页的相关偏好设置。

yqcoder·2024-08-30 00:20

安卓开发中的Glide库的使用

WebP:支持加载Google的WebP格式图片，包括无损和有损压缩的变体。Bitmap:可以直接加载Androi

我要最优解·2024-08-29 20:22

【Node.js 常用命令（第五篇）】揭秘Node.js：掌握这些常用命令，让你在开发路上风生水起！

目录前言30条常用的Node.js的命令（第1~120条在上一篇）121.gulp-流式自动化构建系统122.grunt-经典的任务运行器123.webpack-merge-合并Webpack配置124

雷神 Leo·2024-08-28 21:15

推荐频道

前端性能优化webp网站优化