前端性能优化webp网站优化

LiveQing 播放器的使用

1:安装：安装npminstall@liveqing/liveplayer安装npminstallcopy-webp[email protected]:在build文件的webpack.dev.conf.js
js代码人·2024-02-13 23:59

eutils - 项目介绍

css工具；当我们新建一个前端项目时，只需要引入这个npm包，就可以省去很多写工具的重复工作；源码地址APIversioncollection项目规范函数使用小驼峰方式命名对象使用大驼峰方式命名项目使用webpack
hellolong·2024-02-13 19:42

vue3-应用规模化-工具链

VueCLIVueCLI是官方提供的基于Webpack的Vue
王大可996·2024-02-13 16:45

webpack常用配置及基本概念

1.基本概念:配置方式:如果没有创建webpack.config.js或指定mode(production/development)会直接打包压缩生产模式。
再来一瓶路易十三·2024-02-13 13:16

npm命令报错

codeELIFECYCLEwebpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js`‘webpack-dev-server
断点_842b·2024-02-13 06:13

webpack4环境搭建-初始化项目

1、创建一个目录然后进入，初始化package.jsoncnpminit-y//-y的意思是yes的意思，在init的时候省去了敲回车的步骤，生成的默认的package.json2、安装webpack4
_littleTank_·2024-02-13 05:50

Webpack4 性能优化实践

为什么需要性能优化在使用Webpack时，如果不注意性能优化，可能会产生性能问题，会导致在开发体验上不是非常丝滑，性能问题主要是编译速度慢，打包体积过大，因此性能优化也主要从这些方面来分析。
野生程序猿江辰·2024-02-13 05:55

Vue项目Webpack优化实践，构建效率提高50%

Vue项目Webpack优化实践，构建效率提高50%vue.jswebpack发布于2018-12-24公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大
badboy__biubiubiu·2024-02-13 05:54

webpack面试解析

参考：上一篇webpack相关的系列：webpack深入学习，搭建和优化react项目爪哇教育@字节面试官解析webpack-路白1、Webpack中的module是什么？
sasaraku.·2024-02-13 05:53

结合Next项目实际认识webpack.splitChunks

本文的目的在于简单的介绍webpack的优化功能配置：splitChunks。
sasaraku.·2024-02-13 05:23

什么是vite，如何使用

深入理解Vite核心原理面向未来的前端构建工具-vite聊一聊Vite的预构建和二次预构建聊一聊ViteVite原理Vite基于浏览器原生ESM规范的支持，采取了与Webpack完全不同的unbundle
sasaraku.·2024-02-13 05:23

webpack实际实践优化项目

参考：如何通过性能优化，将包的体积压缩了62.7%雅虎35条20210526-webpack深入学习，搭建和优化react项目本文只专注于性能优化的这个部分。
sasaraku.·2024-02-13 05:52

electron-vue使用elementui，有数据但table表格显示空白

在.electron-vue目录下找到webpack.renderer.config.js文件，修改：letwhiteListedModules=['vue']-->letwhiteListedModules
Hi小胡·2024-02-13 05:00

Vue绑定Property Class style

一创建测试项目vueinitwebpack-simplevuedemostyle二进入demo目录cdvuedemostyle三安装依赖cnpminstall四修改代码App.vue{{msg}}1v-bindtobindPropertyv-bind
剑有偏锋·2024-02-13 01:59

webpack开发- webpack 插件(Flag贴)

感觉光讲webpack插件开发，也聊不了几句，给自己玩点有难度的，之后由浅入深带源码阅读的那种简单而敷衍的后续更新
Ricoywang·2024-02-13 01:22

vue系列教程-13vuecli初体验

什么是脚手架其实就是一个配置好了的使用webpack完成打包构建的初始化工程，和我们前面讲的webpack打包没啥区别，只是更为全面，在实际开发中也是常用的工具当前最新版本为vue-cli4但是和cli3
lookroot·2024-02-13 00:57

Vue填坑之路

Cannotreadproperty'minify'ofundefined1.参考文章https://github.com/vuejs/vue-cli/issues/34072.上面文章说是个bug，3.package-lock.json下terser与terser-webpack-plugin
近旁世界·2024-02-12 22:06

Vue JS 安装。根据其他大神 ，自己总结自学

npminstall-gcnpm-regestry=https://registry.npm.taobao.org3：安装脚手架vue-cli:cnpminstall-gvue-cli;4：创建项目：vueinitwebpackmy_vue_test
liuxus·2024-02-12 20:35

(十九) watch的正确使用方法和备注

本节知识点watch(一)概述在项目的初期我们可以用webpack-dev-server来充当服务器。但是随着项目的一步步深入。这个效果就太低了。我们每次都需要保存后手动打包。实在效率低下。
我拥抱着我的未来·2024-02-12 14:35

殊途同命：一对双生姐妹花——读张爱玲的《半生缘》

马路.webp.jpg曼桢道：“我也觉得我和姐姐不像。不过有时候自己看着并不像，外人倒一看见就知道是一家人。”
晓寒嫣语·2024-02-12 12:47

假期day7

设计qq界面代码ui->lab1->setPixmap(QPixmap(":/pictrue/denglu.webp"));ui->lab1->setScaledContents(true);ui->lab2
小新026·2024-02-12 12:37

webpack，异步加载，代码分割，require.ensure

webpack异步加载的原理webpackensure相信大家都听过。有人称它为异步加载，也有人说做代码切割，那这个家伙到底是用来干嘛的？
wdapp·2024-02-12 10:56

webpack 配置文件、配置项、插件

1.webpack配置文件webpack.config.js配置项entry入口文件,告诉webpack打包从哪个文件开始,可以有一个或多个入口文件.output出口文件,也就是打包生成的文件存放位置,
Pumpkincc·2024-02-12 10:53

关于前端vue的一些记录

环境准备：node.js、npm、webpack、vue-cli、VsCode（WebStorm）1.去node中文官网下载自己所符合的安装包安装2.安装npm(cnpm)npminstall-gcnpm
主角_32a4·2024-02-12 10:54

前端性能优化 - Gzip压缩

什么是Gzip压缩？gzip是GNUzip的缩写，是一种文件的压缩格式（也可以说是若干种文件压缩程序），类似的压缩格式还有compress，deflate等。web上使用gzip编码格式传输有几个要点：浏览器和服务器都需要支持gzip编码采用LZ77算法与Huffman编码来压缩文件，是一种无损压缩算法压缩比率在3-10倍左右（纯文本），可以大大节省服务器的网络带宽是否前端所有资源都需要Gzip压
·2024-02-12 10:36

webpack5 常用插件使用

webpack5常用插件使用1.CleanWebpackPlugin2.HtmlWebpackPlugin3.DefinePlugin4.CopyWebpackPlugin1.CleanWebpackPlugin
前端小咸鱼一条·2024-02-12 09:00

vue学习的第一天小结

npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2.npminstall-g@vue/cli-init#`vueinit`的运行效果将会跟`[email protected]`相同vueinitwebpackmy-project3
微文殇却卟丢气质·2024-02-12 08:49

webpack

webpack演进image.pngimage.pngimage.pngimage.pngimage.pngimage.png为什么前端需要构建？
入秋未凉的海·2024-02-12 06:04

Webpack使用vue的配置过程及部分功能介绍

以下所有配置必须有nodejs环境支持，最新版本的nodejs默认安装npm包管理器DownloadNodeJS:https://nodejs.org/zh-cn/1.WebpackInstall全局安装
LemonCoder·2024-02-12 00:14

webpack：proxy中cookie无法保存的解决办法

这几天做个小项目遇到了跨域问题，于是就用了webpack的proxy解决，用的挺爽的，但是做到登录之后，因为服务端使用cookie和sessionid做登录状态保存的，结果就悲催了，我发现它没有将cookie
weixin_43160044·2024-02-11 20:41

2021-10-04 前端性能优化方法

文章目录前言1、GZIP1.1、使用步骤2、CDN2.1、使用步骤3、缓存3.1、使用步骤4.组件4.1、注意事项5.其它5.1、减少HTTP请求5.2、懒加载总结前言随着代码数量越来越多，如何加快项目浏览器中的运行速度，减少用户的等待时间便成为了很重要的一个方面，以下是我经过实践后的几个方法1、GZIPGZIP可以对文件进行压缩，压缩比例到3到10左右，是很实用的压缩方法1.1、使用步骤因为我们
weixin_43160044·2024-02-11 20:40

webpack热替换失效问题

（一）使用webpack-dev-serverwebpack-dev-server为我们提供了一个简单的web服务器，并且能够实时重新加载(livereloading)。
耳东很懒·2024-02-11 19:17

vue-cli

1.3一个运行时依赖(@vue/cli-service)，该依赖：1.3.1可升级；1.3.2基于webpack构建，并带有合理的默
·2024-02-11 18:20

webpack5

1.webpackwebpack是一个前端构建工具，就是把开发环境的代码转化成运行环境代码，将JS、CSS代码混淆压缩，让代码体积更小，加载更快。
·2024-02-11 18:49

SpringBoot项目创建与单元测试

HelloWorld可以在SpringInitializr上面添加，也可以手动在pom.xml中添加如下代码∶org.springframework.bootSpring-boot-starter-webpom.xml
·2024-02-11 18:44

webpack

webpack1.什么是webpackWebpack是一个现代JavaScript应用程序的静态模块打包工具，当Webpack处理应用程序时，它会递归地构建一个依赖关系图（dependencygraph
·2024-02-11 18:18

基于taro搭建小程序多项目框架

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

Vue-自动化部署Webpack打包后的文件到腾讯COS

前言最近发现前端框架页面加载非常的慢，为了解决这个问题，项目组决定将webpacke打包后的文件部署到腾讯COS上面，这样可以提高加载速度。
·2024-02-11 17:38

基于 Webpack 插件体系的 Mock 服务

背景在软件研发流程中，对于前后端分离的架构体系而言，为了能够更快速、高效的实现功能的开发，研发团队通常来说会在产品原型阶段对前后端联调的数据接口进行结构设计及约定，进而可以分别同步进行对应功能的实现，提升研发速率。除了常见的研发流程提效之外，对于一些特殊的无法满足前后端联调场景下，也可在条件不允许的情况下进行Mock处理，等待条件满足后再进行真实的接口联调，如：网络不通、多地协同等。本文从前端研发
·2024-02-11 17:24

基于 Webpack5 Module Federation 的业务解耦实践

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：贝儿前言本文中会提到很多目前数栈中使用的特定名词，统一做下解释描述dt-common：每个子产品都会引入的公共包(类似NPM包)AppMenus：在子产品中快速进入到其他子产品的导航栏，统一维护在dt-common中，子产品从dt-common中引入Portal：
·2024-02-11 17:16

webpack中watch的配置以及打包文件添加注释

watch的使用可以减少我们每次保存后手动打包的繁琐情况，当代码发生变化，只要保存，webpack将自动为我们进行打包watch的配置watch可以直接使用，只要在打包命令后面跟--watch就可以了，
饥人谷_米弥轮·2024-02-11 16:21

html2canvas截图

{useCORS:true,logging:false}).then(canvas=>{constimageUrl=canvas.toDataURL('image/jpeg',1)this.closeWebPage
倒霉娃不要倒霉·2024-02-11 15:04

vue-cli搭建项目

1..全局安装vue-clinpmivue-cli-g2.初始化项目(vueinit):模板名称vue-cli官方为我们提供了5种模板，webpack-一个全面的webpack+vue-loader的模板
saintkl·2024-02-11 13:09

Webpack(十二)：tree shaking打包性能优化

在webpack中，tree-shaking的作用是可以剔除js中用不上的代码，但是它依赖的是静态的ES6的模块语法。
CodeMT·2024-02-11 13:29

2019-06-03webpack使用url-loader处理文件、图片

但是我在实际开发过程中碰到了字体文件提示需要file-loader，所以为了避免出问题，这里也下载一下file-loadernpminstallurl-loaderfile-loader--save1配置webpack.config.js
菩灵·2024-02-11 10:25

【01】webpack4.0教程_基础_1

学习webpack4.0的笔记，循序渐进，后续会再做系统总结[toc]webpack安装总结安装本地的webpackwebpackwebpack-cli-D加一个-D表示开发依赖上线的时候不需要这两个包流程
Peter_Tingle·2024-02-11 09:00

webpack之常见性能优化

webpack之常见性能优化构建性能减少模块解析优化loader性能限制loader的应用缓存loader的结果多线程打包开启热替换常见loader和plugin传输性能分包手动分包自动分包模块体积优化代码压缩
Mr_RedStar·2024-02-11 06:39

SEO有什么用？

1.在网站优化过程中，通过SEO来提高网站的自然排名，从而提高网站的流量。网站的流量情况可以通过站长工具或者爱站网进查询。
云凭风·2024-02-11 06:34

webpack 「有/没有 配置文件webpack.config.js」的问题

一、项目介绍项目目录builds//打包文件存放文件夹src//项目组件文件夹componentapp.jsmain.jsindex.htmlpackage.json//配置文件webpack.config.js
秉持本心·2024-02-11 05:52

Vue 性能优化

回答此问题应从三个方面着手1）Vue代码层面的优化；2）webpack配置层面的优化；3）基础的Web技术层面的优化一：代码层面的优化1.1、v-if与v-show区分使用场景1.1.1手段：v-if是通过控制
moveOn_3e90·2024-02-11 04:12
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他