精华内容
下载资源
问答
  • 项目优化
    千次阅读
    2019-10-23 19:50:02

    项目优化方案

    项目的优化有很多种,有前端页面的优化,有后端代码及数据库的优化,还有更深一层系统的优化。
    首先我们先想一想,为什么要优化?我认为啊,无非是一个,用户体验差;而差呢,可能是因为页面渲染慢,用户请求处理速度慢。而针对这些问题,我们也想过很多种方案。

    前端的优化

    1. 使用前后端分离开发,静态文件就是静态文件,不要涉及到后台的操作。如今有很多框架都实现mvc的架构,这也有他的优势,开发和管理都相对较快,但你想想,每次显示个静态页面都需要请求后台,那会不会加重服务器压力?
    2. 使用图片懒加载的方式,懒加载能加快你的图层渲染,特别是电商系统,如果你不用懒加载,你想一下子加载那么多图片,会是什么样的结果,如果网络差点,我都想关掉了。
    3. 生成缓存页面,等到点了就再请求。

    后端优化

    1. 代码规范,这个词我想大家都很熟悉,有些代码上面冗余,还有语法上面的错误,可能会导致走多一步的情况。例如:for($i = 0; i < = c o u n t ( i <= count( i<=count(count); $i++){}
    2. 数据库方面,在数据库的建表的时候,我们应该想如何使用最小的内存存储我们最有用的信息。例如性别的时候你就应该使用tinyint类型
    3. 合理应用索引,当你使用联合索引要遵循从左原则。索引还要考虑数据库的引擎,InnoDB的B树索引,因为B树的结构,可能会导致出查询时因为操作不当而没有使用到索引;MyISAM引擎时使用哈希存储索引的,所以数据少的时候,查询速度很快,但数据多你就需要想想其他办法了。
    4. 数据库分表操作。
    5. 使用缓存数据库,分担数据库压力。例如:Redis,MongoDB
    6. 更新框架,使用常驻内存框架。

    系统优化

    1. 增加服务器的配置。这个不用说都知道(前提是能负担得起)
    2. 实现负载均衡,可以使用多个服务器来分担用户的请求操作。(三种方案)
    3. 反向代理,缓解服务器压力。

    这几个优化方案只是个人见解(不喜勿喷),如果有更多的优化方案可以一起讨论,发表你的个人意见。

    更多相关内容
  • vue项目优化

    千次阅读 2021-09-12 10:51:06
    vue项目优化分为三部分: Vue 代码层面的优化 webpack 配置层面的优化 Web 技术层面的优化 一、代码层面的优化 1 v-for 遍历为 item 添加 key 在列表数据进行遍历渲染时,需要为每一项 item 设置唯一 key 值,...


    vue项目的优化分为三部分:

    • Vue 代码层面的优化
    • webpack 配置层面的优化
    • Web 技术层面的优化

    一、代码层面的优化

    1 v-for 遍历为 item 添加 key
    在列表数据进行遍历渲染时,需要为每一项 item 设置唯一 key 值,方便 Vue.js 内部机制精准找到该条列表数据。

    2 v-for 遍历避免同时使用 v-if
    v-for 比 v-if 优先级高,这意味着 v-if 将分别重复运行于每个 v-for 循环中,将会影响速度。建议替换成 computed 属性。

    3 v-if 和 v-show 区分使用场景
    v-if 是真正的条件渲染,也是惰性的:如果在初始渲染时条件为假,则什么也不做,直到条件第一次变为真时,才会开始渲染条件块。
    v-show 就简单得多,不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 的 display 属性进行样式切换。
    v-if 适用于很少改变条件,不需要频繁切换的场景;v-show 则适用于需要非常频繁切换的场景。

    4 computed 和 watch 区分使用场景
    computed 计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值;
    watch 更多的是观察的作用,每当监听的数据变化时都会执行相关回调。

    当需要进行数值计算,并且依赖于其它数据时,应该使用 computed,因为可以利用 computed 的缓存特性,避免每次获取值时,都要重新计算;
    当需要在数据变化时执行异步或开销较大的操作时,应该使用 watch,watch 允许我们执行异步操作。

    5 keep-alive
    利用keep-alive包裹,将不活动的组件缓存起来。
    在组件切换过程中将状态保留在内存中,防止重复渲染dom,减少加载时间及性能消耗,提高用户体验。

    6 图片资源懒加载(使用插件)
    对于图片过多的页面,为了加快页面加载速度,可以将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载。这样对于页面加载性能上会有很大的提升,也提高了用户体验。我们在项目中使用 Vue 的 vue-lazyload 插件。

    7 路由懒加载
    路由过多,加载的资源过多,页面会出现白屏的情况,不利于用户体验。所以我们把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件:

    在 vue-router 配置路由的时候,采用动态加载路由的形式:

    routes:[ 
        path: 'Blogs',
        name: 'ShowBlogs',
        component: () => import('./components/ShowBlogs.vue')
    ]
    

    以这种函数的形式加载路由,这样就可以把各自的路由文件分别打包,只有在解析给定的路由时,才会加载路由组件。

    8 第三方库按需引入
    在日常使用UI框架,例如element-UI、iView,我们经常性直接引用整个UI库。但实际上我用到的组件只有按钮,分页,表格等很少一部分,所以我们要按需引用:

    import { Button, Input, Pagination } from 'element-ui';
    Vue.use(Button)
    Vue.use(Input)
    Vue.use(Pagination)
    

    二、Webpack 层面的优化

    1 Webpack 对图片进行压缩
    对有些较大的图片资源,在请求资源的时候,加载会很慢,我们可以用 image-webpack-loader 来压缩图片

    2 模板预编译
    打包时,直接把组件中的模板转换为render函数,这叫做模板预编译。这样一来,运行时就不再需要编译模板了,提高了运行效率。

    三、基础的 Web 技术优化

    1 浏览器缓存
    为了提高用户加载页面的速度,对静态资源进行缓存是非常必要的。

    展开全文
  • Vue Vue常用的几种项目优化方法

    千次阅读 2021-07-16 19:15:27
    Vue项目优化 文章目录Vue项目优化1 代码层面的优化1 长列表性能优化2 事件的销毁3 图片懒加载4 路由懒加载5 按需加载插件2 Webpack层面的优化2.1 压缩图片2.2 提取公共代码2.3 模板预编译2.4 提取组件的 CSS2.5 优化...

    Vue项目优化

    Vue项目的优化一般分为代码层面、Webpack打包层面和基础Web技术层面共三个层面的优化。

    1 代码层面的优化

    1 长列表性能优化

    • 有些时候我们的组件就是纯粹的数据展示,不会有任何改变,我们就不需要 Vue 来劫持我们的数据,在大量数据展示的情况下,能够很明显的减少组件初始化的时间。
    • 可以通过 Object.freeze 方法来冻结一个对象,一旦被冻结的对象就再也不能被修改了。

    2 事件的销毁

    • Vue 组件销毁时,会自动清理它与其它实例的连接,解绑它的全部指令及事件监听器。在beforeDestroy生命周期函数内执行销毁逻辑。

    3 图片懒加载

    • 将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载。能有效提高加载性能和用户体验。

    • 使用vue-lazyload插件来实现图片懒加载

      • 安装

        npm install vue-lazyload --save-dev
        
      • 在入口文件main.js中引入插件并使用

        import VueLazyload from 'vue-lazyload'
        Vue.use(VueLazyload)
        
      • 在 vue 文件中将 img 标签的 src 属性直接改为 v-lazy ,从而将图片显示方式更改为懒加载显示

        <img v-lazy="/static/img/1.png"/>
        

    4 路由懒加载

    • Vue是单页面应用,路由较多,Webpack打包后文件很大。首页加载时可能会出现白屏现象,用户体验差。

    • 可以把不同路由对应的组件分割成不同的代码块,只有当路由被访问的时候才加载对应的组件。减少资源占用。

      • 方式一:Vue异步组件技术,可以实现按需加载

        • 异步组件是通过将组件定义为返回 Promise 的函数来创建的
        {
            path: '/promisedemo',
            name: 'PromiseDemo',
            component: resolve => require(['../components/PromiseDemo'], resolve)
            //或
            //component: asyncModal = () => import('./Modal.vue')
        }
        
      • 方式二:将同一块中的组件分组

        • 多个路由指定相同的chunkName,会合并打包成一个js文件
        //未指定webpackChunkName,每个组件打包成一个js文件。
        const I1 = () => import('../components/I1')
        const I2 = () => import('../components/I2')
        // 指定相同的webpackChunkName,会合并打包成一个js文件。
        // const I1 = () => import(/* webpackChunkName: 'II' */ '../components/I1')
        // const I2 = () => import(/* webpackChunkName: 'II' */ '../components/I2')
        export default new Router({
            routes: [
                {
                    path: '/i1',
                    name: 'I1',
                    component: I1
                },
                {
                    path: '/i2',
                    name: 'I2',
                    component: I2
                }
            ]
        })
        
        
      • 方式三:Webpack的require.ensure()

        • vue-router配置路由,webpack的require.ensure()技术,可以实现按需加载。
        {
             path: '/promisedemo',
             name: 'PromiseDemo', 
             component: resolve => require.ensure([], () => resolve(require('../components/PromiseDemo')), 'demo')
        },
        {
             path: '/hello',
             name: 'Hello',
             // component: Hello
             component: resolve => require.ensure([], () => resolve(require('../components/Hello')), 'demo')
        }
        

    5 按需加载插件

    • 只引入需要的组件,以达到减小项目体积的目的。

    • 借助babel-plugin-component

      • 安装

        npm install babel-plugin-component -D
        
      • 修改.babelrc文件

        {
          "presets": [["es2015", { "modules": false }]],
          "plugins": [
            [
              "components",
              {
                "libraryName": "element-ui",
                "styleLibraryName": "theme-chalk"
              }
            ]
          ]
        }
        
      • 在main.js文件中引入部分组件

        import { Button } from 'components'
        var button = require('components/lib/button')
        require('components/lib/button/style.css')
        

    2 Webpack层面的优化

    2.1 压缩图片

    • webpack.base.conf.js 中 url-loader 中设置 limit 大小来对图片处理,对小于 limit 的图片转化为 base64 格式,其余的不做操作。

    • 有些较大的图片资源,在请求资源的时候,加载会很慢,我们可以用 image-webpack-loader来压缩图片。

      • 安装

        npm install image-webpack-loader --save-dev
        
      • 在 webpack.base.conf.js 中进行配置

        {
          test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
          use:[
            {
            loader: 'url-loader',
            options: {
              limit: 10000,	//限制图片大小
              name: utils.assetsPath('img/[name].[hash:7].[ext]')
              }
            },
            {
              loader: 'image-webpack-loader',
              options: {
                bypassOnDebug: true,
              }
            }
          ]
        }
        

    2.2 提取公共代码

    2.3 模板预编译

    • 预编译模板最简单的方式就是使用单文件组件

    2.4 提取组件的 CSS

    2.5 优化 SourceMap

    2.6 构建结构输出分析

    2.7 Vue项目的编译优化


    3 基础的Web技术优化

    3.1 开启gzip压缩

    • HTTP 协议上的 gzip 编码是一种用来改进 web 应用程序性能的技术,web 服务器和客户端(浏览器)必须共同支持 gzip。

    • 服务器端使用express

      • 安装

        npm install compression --save
        
      • 添加逻辑代码

        var compression = require('compression');
        var app = express();
        app.use(compression())
        
      • 重启服务,观察网络面板里面的响应头

    3.2 浏览器缓存

    • 对静态资源进行缓存
    • 根据是否需要重新向服务器发起请求来分类,将 HTTP 缓存规则分为两大类
      • 强制缓存
      • 对比缓存

    3.3 CDN的使用

    • CDN 可以通过不同的域名来加载文件,从而使下载文件的并发连接数大大增加,且CDN 具有更好的可用性,更低的网络延迟和丢包率 。

    3.4 Chrome Performance 查找性能瓶颈

    • Chrome 的 Performance 面板可以录制一段时间内的 js 执行细节及时间,分析页面性能。
    展开全文
  • Vue2 项目优化,压缩

    千次阅读 2022-04-20 14:55:57
    vue2项目优化,压缩。

    Vue2项目的优化部署

    最近才把博客项目部署到服务器上去(沾灰多年的服务器终于派上用场了0 W 0),刚开始前端项目在build时就已经提示文件过大了,chunk-vendors文件上MB了,当时不以为然,继续打包发布,部署在nginx下,公网访问时发现慢得离谱,访问到页面渲染出来差不多得花个20几秒,不知道的还以为我网站出问题了(某种意义上确实有问题)。为此我还记录了下访问时长,优化前访问到渲染出界面大约是24.35s (要命)最终优化后只要6s ,毕竟我的服务器宽带只有1M(大家理解一下 0 A 0)
    发个博客链接:www.cemcode.com
    优化时所记录的响应时长:

    image-20220420031450885.png

    第一次尝试优化是给服务器配置了gzip,但发现反而响应时间更长了,不知道是不是我哪里出错了,于是乎开始尝试取出大文件依赖,比如element-uivuexechartsvue-routervue,但没有成功,各种报错,最后百度寻找资源,查看各种解决方案,最后找到一篇大佬的文章并尝试才得以解决,给个链接:http://www.zuo11.com/blog/2020/11/vue_cli_slow.html

    这里给出我的实践过程:

    1. 先是实践了配置gzip,在nginx.conf文件里添加了该片段:

      server {
              listen       80;
              server_name  www.cemcode.com;
      		# 开启gzip
      		gzip on;
      		gzip_vary on;
      		gzip_min_length 1000;
      		gzip_comp_level 2;
      		gzip_types text/plain text/css text/xml text/javascript application/x-javascript application/xml image/jpeg image/gif image/png application/javascript;
      		}
      
      注意:是添加gzip那段,前面的server还有listen 80都是自带的不要复制进去,自己找到文件下的server把配置复制进去就行了。

      但我这个配置对我的项目没有起到明显的效果,可能是比较小的原因。

    2. 由于给后端配置了gzip压缩没有明显效果,于是乎继续往下尝试,先是打包生成report,这个可以可视化build后的文件大小,可以清楚的分辨出打包后哪些依赖所占空间最大,可以根据这些大文件来针对性的优化,由于vue-cli3的原因,自带打包report的功能,所以在package.json里添加"report":"vue-cli-service build --report"就可以了:

       "scripts": {
          "serve": "vue-cli-service serve",
          "build": "vue-cli-service build",
          "lint": "vue-cli-service lint",
          // 新增这行代码
          "report": "vue-cli-service build --report"
        },
      

      然后打包运行就可在dist文件夹下看到report.html文件,打开即可看到各个依赖所占大小比例:image-20220420035215131.png可以很明显的看出echarts还有highlight还有element-ui所占空间比例最大,然后针对优化即可

    3. 先引入要优化依赖的外部cdn链接,我这里是3个:

      <script crossorigin="anonymous" integrity="sha512-BNc7saQYlxCL10lykUYhFBcnzdKMnjx5fp5s5wPucDyZ7rKNwCoqJh1GwEAIhuePEK4WM9askJBRsu7ma0Rzvg==" src="https://lib.baomitu.com/highlight.js/11.5.0/highlight.min.js"></script>
          <script crossorigin="anonymous" integrity="sha512-BNc7saQYlxCL10lykUYhFBcnzdKMnjx5fp5s5wPucDyZ7rKNwCoqJh1GwEAIhuePEK4WM9askJBRsu7ma0Rzvg==" src="https://lib.baomitu.com/highlight.js/11.5.0/highlight.min.js"></script>
          <script crossorigin="anonymous" integrity="sha512-nqTZmDErnOZ3Ec4DdD0fLYqJfHPn1IwOyLKb/jxotnzxMrZISgzOqHLB2MhqWxpbclWJpODWyRQNmTgdTfAAxA==" src="https://lib.baomitu.com/echarts/5.3.2-rc.1/echarts.common.min.js"></script>
      

      是在https://cdn.baomitu.com/上找的,其他的cdn平台有试过,有的慢,这个还行就用这个了。

    4. 修改vue.config.js

      在vue.config.js里添加:

      configureWebpack:{
          externals:{
            echarts: "echarts",
            highlight: "highlight"
          }
      }
      
    5. echarts优化,先是去除了main.js里echarts的所有引入,改为:

      Vue.prototype.$echarts = window.echarts
      
    6. highlight优化,一样的去除import,因为直接引入外部链接,会让变量放到全局window,所以代码有用到hljs的地方直接都window.hljs了,之前因为是引入的依赖,所以不用加window。

    7. element-ui优化,很简单按需引入即可,有官方文档:https://element.eleme.cn/#/zh-CN/component/quickstart#an-xu-yin-ru,

      import {
        Pagination,
        Menu,
        Submenu,
        MenuItem,
        MenuItemGroup,
        Input,
        InputNumber,
        Switch,
        Select,
        Option,
        OptionGroup,
        Button,
        ButtonGroup,
        Table,
        TableColumn,
        DatePicker,
        TimeSelect,
        TimePicker,
        Tooltip,
        Form,
        FormItem,
        Tabs,
        TabPane,
        Tag,
        Alert,
        Icon,
        Progress,
        ColorPicker,
        PageHeader,
        Message,
        Radio,
        RadioButton,
        RadioGroup,
        Notification,
        Empty
      } from 'element-ui';
      
      Vue.use(Pagination);
      Vue.use(Menu);
      Vue.use(Submenu);
      Vue.use(MenuItem);
      Vue.use(MenuItemGroup);
      Vue.use(Input);
      Vue.use(InputNumber);
      Vue.use(Switch);
      Vue.use(Select);
      Vue.use(Option);
      Vue.use(OptionGroup);
      Vue.use(Button);
      Vue.use(ButtonGroup);
      Vue.use(Table);
      Vue.use(TableColumn);
      Vue.use(DatePicker);
      Vue.use(TimeSelect);
      Vue.use(TimePicker);
      Vue.use(Tooltip);
      Vue.use(Form);
      Vue.use(FormItem);
      Vue.use(Tabs);
      Vue.use(TabPane);
      Vue.use(Tag);
      Vue.use(Alert);
      Vue.use(Radio)
      Vue.use(RadioButton)
      Vue.use(RadioGroup)
      Vue.use(Icon);
      Vue.use(Progress);
      Vue.use(ColorPicker);
      Vue.use(PageHeader);
      // 不能使用use,不然进入页面会先默认弹出空的message 和 notifiction
      Vue.component(Message.name,Message)
      Vue.component(Notification.name,Notification)
      Vue.use(Empty)
      

      这个法子感觉有点笨,有好的解决办法希望有大佬可以联系我。

    8. 然后直接运行指令:npm run report即可,最后打开report.html可以看到大小减少了许多:image-20220420042256417.png

    9. 提交到服务器运行就可以了,(0 W 0)

    展开全文
  • 【uni-app】uniapp项目优化方式及建议

    千次阅读 2021-09-18 09:30:12
    uniapp项目优化方式及建议 介绍:性能优化自古以来就是重中之重,关于uniapp项目优化方式最全整理,会根据开发情况进行补充 1.复杂页面数据区域封装成组件 场景: 例如项目里包含类似论坛页面:点击一个点赞图标...
  • vite项目优化

    万次阅读 2022-05-29 17:23:48
    vite项目按需引入优化 optimized dependencies changed. reloading new dependencies optimized
  • Flutter项目优化

    千次阅读 2022-04-13 09:27:37
    Flutter项目优化
  • 文章目录一、如何查看性能指标二、性能优化的方式优化帧率优化UE4项目启动速度优化打包速度和缩小包容量采用Jenkins进行持续集成交付删除不用资源三、打包失败处理代码编译失败发版打包失败其他缓存路径关闭VSync...
  • 前端vue后台管理系统项目优化

    千次阅读 2019-11-12 17:22:46
    1.项目运行一段时间会出现缓存过多,处理办法:this.$destroy(); 在销毁的时候处理: destroyed(){ this.$destroy(); } 2.button按钮不让用户连续点击,点击完后等待2秒,才可以再次点击 处理方法:v-...
  • 大型网站 项目优化 第2部分 共4部分 大型网站 项目优化 第2部分 共4部分
  • 这些优化点通用性还是比较高的,希望能帮助大家在做项目的时候注意到这些资源优点,可以边开发边进行项目优化。 Unity项目资源优化总结: 1、Audio音频文件优化 2、FBX模型文件优化 3、Material材质球优化 4、Script...
  • 项目优化应该从那几个方面进行

    千次阅读 2016-12-17 10:25:40
    首先一个项目优化要从首页、数据库、等方面进行优化 前端: 1)压缩js/css文件,压缩文件,会将文件中的所有空格去掉,并且将复杂的变量名简单化。 2)在加载js/css文件时,我们需要将公共的js/css文件加载在...
  • 项目优化总结

    千次阅读 2018-09-27 09:20:14
    最近一个多月算是比较忙的,但是具体忙了什么却不太好说清楚,主要是因为做的事比较繁琐还不太容易量化,说简单点,就是和组内其他几个同事一起接手一个算是开发好的项目,并进行一定的优化。 说到这个项目...
  • 前端项目性能优化

    千次阅读 2020-09-21 17:21:15
    1、HTML性能优化 把js移到HTML后加载,因为JS会阻塞后面的页面的显示。 减少iframe的使用,因为iframe会增加一条http请求。 清除代码之间空格,虽然空格有助于我们查看代码,但是每个空格相当于一个字符,空格越多...
  • 记录:Vue移动端项目优化过程

    千次阅读 多人点赞 2020-03-13 18:35:08
    最近在做项目时,测试提出了在App端的H5项目入口加载时间过长,白屏等待过久,需要优化的问题,于是着手开始分析: 项目技术栈:基于Vue全家桶做的一个移动端类似WebApp的项目,使用到的第三方库有:mint-ui, ...
  • 在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首屏的体验。 解决方法是,将...
  • 前端项目性能优化方案有哪些

    千次阅读 多人点赞 2022-03-07 10:32:27
    前端项目性能优化方案汇总
  • Vue 项目性能优化方案

    千次阅读 2021-08-12 17:00:35
    但Vue项目中仍然存在项目首屏优化,Webpack编译配置优化等问题, 主要从以下三个方面进行项目优: 1)Vue 代码层面的优化 2)webpack配置层面的优化 3)基础的web 技术层面的优化 一,代码层面的优化 1.1 v-if...
  • OK,先说Prefetch,通俗的来讲就是当你打开项目的时候,这个文件不会加载,等你的浏览器有空闲的时候,它自动帮你把这个文件下载下来,这样当你需要这个文件的时候,你就可以省去第一步下载这个js文件的时间了,就...
  • SpringBoot项目优化和Jvm调优(楼主亲测,真实有效) 2018年08月29日 14:24:13 熊本同学 阅读数:905 版权声明:本文为博主原创文章,未经博主允许不得转载。 ...
  • Unity项目优化——Web版

    千次阅读 热门讨论 2019-09-09 19:38:54
    Unity项目优化——Web版 大家好,这是小黑第一次写文章(哈哈哈哈哈,好激动),我好好的写,有不对的地方多多指出。 首先呢是版本介绍,不过好像版本对于优化没有影响; 不过还是要告诉大家我用的版本:Unity5.6.1 ...
  • 项目优化+上线(掌握了么?)

    万次阅读 2020-07-10 18:21:53
    目标 了解vue项目优化过程 能够将web项目部署到服务器
  • 这次就详细说说,项目优化,都分哪些。 上目录: 目录 代码优化 业务优化 数据库优化 1、缓存 2、SQL优化 3、热点数据分离 4、数据库读写分离 5、页面静态化 6、合并数据库操作 7、分布式数据库 8、...
  • 招新项目优化

    千次阅读 2021-11-25 18:50:03
    问题 本地跑只是卡一下,但是上线跑了以后就卡在加载app.js上,查看了一下本地的app.js,总共24M,由于之前没有学过webpack优化打包,所以我是直接使用npm run build直接打包运行,这一下就提醒自己去...项目中使用了e
  • 前端项目的性能优化几个方面

    千次阅读 2019-03-03 18:11:33
    webpack 可以将前端代码压缩差不多你未压缩之前的一半体积或更多,这样项目体积缩小,加快浏览器的解析速度 在配置webpack过程中,也需要合理配置 1. loader 解析器直解析我们需要解析的代码如babel-loader 最常见的...
  • vue发布项目优化

    千次阅读 2020-05-25 15:57:44
    发布环境去掉开发环境中的console.*的代码 1、安装 babel-plugin-transform-remove-console插件(babel-plugin-transform-remove-console) npm install babel-plugin-transform-remove-console --save-dev ...
  • 性能优化 1.考虑加入缓存优化 优化热门帖子列表 GitHub中搜索caffeine 在Maven Repository搜索caffeine配置文件,在resources文件包内的pom.xml文件中导入相关的配置文件依赖,并修改properties文件。 # ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 958,194
精华内容 383,277
关键字:

项目优化