lihefei_coder
lihefei_coder

vue项目build打包优化

打包优化插件

  • CompressionWebpackPlugin
    Gzip打包压缩，压缩js、html、css

  • terser-webpack-plugin
    清除console和debugger

  • image-webpack-loader
    压缩图片

  • webpack-bundle-analyzer
    打包生成文件大小分析工具

打包优化配置

const CompressionWebpackPlugin = require('compression-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const isProduction = process.env.NODE_ENV === 'production'; //生产环境

//cdn加速地址
const cdn = {
    css: [],
    js: [
        'https://cdn.bootcss.com/vue/2.6.10/vue.runtime.min.js',
        'https://cdn.bootcss.com/vue-router/3.1.3/vue-router.min.js',
        'https://cdn.bootcss.com/vuex/3.1.2/vuex.min.js',
        'https://cdn.bootcss.com/axios/0.19.0/axios.min.js'
    ]
};

module.exports = {
    productionSourceMap: false, //不生成map文件,
    publicPath: isProduction ? './' : '/', //打包时区分开发环境与生产环境静态资源路径
    chainWebpack: config => {
    
    	// 生产环境
        if (isProduction) {
        
            // 注入cdn加速
            config.plugin('html').tap(args => {
                args[0].cdn = cdn;
                return args;
            });

            // 开启图片压缩
            config.module
                .rule('images')
                .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
                .use('image-webpack-loader')
                .loader('image-webpack-loader')
                .options({ bypassOnDebug: true });
        }
    },
    configureWebpack: config => {
    	// 生产环境
        if (isProduction) {
        
            // 用cdn方式引入
            config.externals = {
                vue: 'Vue',
                vuex: 'Vuex',
                'vue-router': 'VueRouter',
                axios: 'axios'
            };

            // gzip压缩
            config.plugins.push(
                new CompressionWebpackPlugin({
                    algorithm: 'gzip',
                    test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'),
                    threshold: 10240,
                    minRatio: 0.8
                })
            );

            // 压缩js、html、css
            config.plugins.push(
                new CompressionWebpackPlugin({
                    test: /\.js$|\.html$|.\css/, // 匹配文件名
                    threshold: 10240, // 对超过10k的数据压缩
                    deleteOriginalAssets: false // 不删除源文件
                })
            );

            // 删除console和debugger
            config.plugins.push(
                new TerserPlugin({
                    terserOptions: {
                        ecma: undefined,
                        warnings: false,
                        parse: {},
                        compress: {
                            drop_console: true,
                            drop_debugger: false, //是否删除debugger
                            pure_funcs: ['console.log'] // 移除console
                        }
                    }
                })
            );
        }
    }
};



<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
        <title>vue项目build打包优化title>
    head>
    <body>
        <noscript>
            <strong>We're sorry but longdian-management doesn't work properly without JavaScript enabled. Please enable it to continue.strong>
        noscript>
        <div id="app">div>
        
        <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
        <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>">script>
        <% } %>
    body>
html>

打包生成文件分析工具

npm run build -- --report

vue项目build打包优化_第1张图片

参考文章

vue-cli 3.0 build包太大导致首屏过长的解决方案
https://www.jianshu.com/p/d1fb954f5713?utm_source=oschina-app

vue打包优化
https://www.jianshu.com/p/171e8e529f35
https://www.jianshu.com/p/130a856467a1

vue cli3 优化配置生产去除console.log - from UglifyJs warnings is not a supported option
https://blog.csdn.net/sinat_35538827/article/details/99672544

Vue打包优化 详解 https://blog.csdn.net/zhenghao35791/article/details/93649587

你可能感兴趣的:(vue,webpack,build)

  • Electron+Vue3+ElectronForge整合 - 打包时整合 -分步打包 NorthCastle ElectronVue3electronvue3electronforge打包vue3打包成桌面程序
    说明本文介绍一下Electron+Vue3的打包整合的基本操作。实现的效果是：1、一个正常的Vue3项目；2、整合加入Electron框架：开发时Electron加载的是开发的vue项目；3、完成打包时整合：3.1先完成vue3项目的正常打包；3.2再完成electron项目的打包。步骤一：创建vue3项目常规操作，不再赘述。#创建项目npmcreatevue@latest#进入到项目目录cd#安
  • Vue3在img标签中绑定数据模型中的url图片无法显示问题 fengfeng N 前端javascript开发语言
    背景介绍constteachers=[{name:'马云JackMa',company:'阿里巴巴alibaba.com',description:'马云，男，汉族，中共党员，1964年9月10日生于浙江省杭州市，祖籍浙江省嵊州市谷来镇。',imageUrl:'@/assets/teacher/1.jpg'},{name:'马化腾Pony',company:'腾讯tencent.com',desc
  • 【EI复现】【基于改进粒子群算法求解】一种建筑集成光储系统规划运行综合优化方法（Matlab代码实现） 宇哥预测优化代码学习 算法matlab人工智能
    欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录1概述2运行结果3参考文献4Matlab代码、数据、文档讲解1概述文献来源：摘要：容量优化配置与能量调度是建筑集成光储系统(buildingintegratedphotovoltaic,BIPV)规划和运行阶段的核心问题，合理的容量配置及能量调度能够有效提升系统的经济
  • 基于SpringBoot+Vue+uniapp的4S店客户管理系统(源码+lw+部署文档+讲解等) 百奇的代码小屋 #微信小程序毕设springbootvue.jsuni-app小程序
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言博主介绍：✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注
  • 100天精通Python（爬虫篇）——第113天：‌爬虫基础模块之urllib详细教程大全 袁袁袁袁满 100天精通Pythonpython爬虫开发语言urllib爬虫实战urllib模块教程网络爬虫
    文章目录1.urllib概述2.urllib.request模块1.urllib.request.urlopen()2.urllib.request.urlretrieve()3.urllib.request.Request()4.urllib.request.install_opener()5.urllib.request.build_opener()6.urllib.request.Abstr
  • 一文大白话讲清楚webpack进阶——5——dev-server原理及其作用 16年上任的CTO webpackwebpack前端node.js
    文章目录一文大白话讲清楚webpack进阶——5——dev-server原理及其作用1.webpack的作用2.dev-server的作用3.dev-server的原理3.1啥是webpack-dev-middleware3.2HMR一文大白话讲清楚webpack进阶——5——dev-server原理及其作用1.webpack的作用webpack的作用我们之前见过了，不懂的可以看起系列文章一文大白
  • 探索灵活高效的UI开发新境界：Reflex库 荣正青
    探索灵活高效的UI开发新境界：Reflex库reflexjsAlibraryforrapidUIdevelopmentwithstyleprops,colormodes,themesandvariants+starterkits,themesandblockstohelpyoubuildGatsbyandNext.jssitesfaster.项目地址:https://gitcode.com/gh_
  • 前端 | es6模块化、promise回调、webpack打包发布 weixin_47249930 前端webpackes6
    25.ES6模块化规范25.1定义每个js文件都是独立的模块通过import关键字来向内导入其他模块成员通过export关键字来对外共享模块成员25.2Node.js体验ES6模块化版本为14.15.1及以上（空文件夹终端“type”:“module”,—>生成package.json文件）在package.json的根节点中添加“type”:“module”节点（不写默认是commonJS）配置
  • 豆包MarsCode 蛇年编程大作战-2025蛇年花样贪吃蛇 BLACK594 豆包MarsCode人工智能vue.js
    贪吃蛇游戏是一款经典的休闲游戏，它的核心机制简单且充满趣味。在这个即将到来蛇年，我决定用豆包MarsCode实现他，唤起大家对经典游戏的回忆，为这个特别的年份增添一份别样的乐趣。完整代码及在线体验在线体验-豆包MarsCode花样贪吃蛇游戏素材来自于4399游戏"贪吃蛇竞技场"代码采用Vue实现，豆包MarsCode辅助开发
  • android定义前端布局单位 新青年. android前端
    fungetWindowWidth(context:Activity):Int{//context.resources.configuration.screenWidthDpvalresources=context.resourcesvaldisplayMetrics=resources.displayMetricsreturnif(android.os.Build.VERSION.SDK_INT
  • 25.1.13 前端 Vue组件 十、插槽slot best_virtuoso 前端前端vue.jsjavascript
    我们已经了解到了组件能够接受任意类型的js值作为props，但组件要如何接收模板内容(html信息)呢？在某些场景中，可能想要为子组件传递一些模板片段（div，a标签等），让子组件在它们的组件中渲染这些片段例：插槽标题插槽内容importSlotsBasefrom"./components/SlotsBase.vue";exportdefault{components:{SlotsBase}}——
  • 【愚公系列】《循序渐进Vue.js 3.x前端开发实践》027-组件的高级配置和嵌套 愚公搬代码 愚公系列-书籍专栏vue.js前端前端框架
    标题详情作者简介愚公搬代码头衔华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。近期荣誉2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主，2024年华为云十佳博主等
  • uniapp - [全端兼容] 实现精美Editor富文本编辑器功能，uniApp全平台兼容的富文本插件组件用户可上传图片及对接服务器存储文件等，手机移动端H5网页富文本/小程序富文本/App富文本！ 王二红 +UniAppuni-app富文本使用富文本编辑器插入图片图像uni-app微信小程序富文本uniapp网页h5端富文本uniap安卓苹果app富文本富文本上传图片及服务器保存
    前言网上的教程乱七八糟且兼容性太差，本文提供优质示例。在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解引入使用富文本编辑器及图片上传显示等功能，用户可上传图片显示和服务器保存回显效果（插入图片），uniApp各平台都兼容的富文本editor插件，自定义富文本按钮功能及自由排版样式布局，uniapp富文本组件插件用于发布文章/发布资讯公告/
  • uniapp 底部菜单_uniapp 实现底部导航栏 - tabBar的使用方法 解压猫咖研究所 uniapp底部菜单
    开发环境：HbuilderXtabBar参数说明color：导航栏字体颜色selectedColor：选中后字体的颜色backgroundColor：底部背景颜色borderStyle：底部的border颜色，只能是“black”或者“white”list：对象，包含以下这些选项{pagePath：页面路径text：底部导航文字iconPath：没选中前的图标路径selectedIconPath：
  • 小程序webview打开小程序原生页面_详解如何探测小程序返回到webview页面 weixin_39905624
    在公司项目中经常会遇到一个场景,尝试过各种不同的方法,最后想到了一种很技术上简单且可行的方法.经常被QA同学反应同一类型的问题项目是小程序(wepy),部分页面使用webview(vue).经常会遇见一个场景:当小程序navigateTo到一些页面对用户的"收藏状态","身材细节"做了修改后,用户点击返回按钮回到上一个页面,收藏的状态或是身材细节没有改变.那是当然的,作为一个小程序中的webvie
  • uni-app组件引入方法（easycom自动化组件） 约妲己吃火锅 uni-app开发搬砖日常
    uniapp官方与2020年02月23更新了2.6.0版本，支持2.5.5版本以后，调整内容有：1.对uniapp插件做出更改；2.新增了easycom项目模板（自动化组件）。那我本期简单给大家介绍easycom是什么？如何使用？。官方给出：传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。只要组件安装在项目的components目录下，并符合compon
  • ESP32-CAM导入ino项目编译和烧录 Android小码家 LinuxESP32
    文章目录ESP32Cam模式接线图导入ino项目选择INO打开目录结构手动转换成C++源代码编译效果图搞猛一点其他实验ESP32Cam模式接线图导入ino项目选择INO打开目录结构platformio.ini;PlatformIOProjectConfigurationFile;;Buildoptions:buildflags,sourcefilter;Uploadoptions:customup
  • 前端请求gzip，响应里却没有压缩返回 a212121212121
    前端请求gzip，响应里却没有压缩返回前后端分离的框架，前端vue后端的springboot都开启了gzip。前端请求Accept-Encoding:gzip,deflate后端却没有响应。数据没有压缩。试过了好几个浏览器都没有用。后来以为是yml格式的问题，也没有效果。有经验的能告诉我是怎么回事吗?yml添加的代码.（两种格式）compression:enabled:truemin-respon
  • 【Uniapp-Vue3】request各种不同类型的参数详解 永久旅途 Uniappuni-app前端
    一、参数携带我们调用该接口的时候需要传入type参数。第一种路径名称?参数名1=参数值1&参数名2=参数值2第二种uni.request({url:"请求路径",data:{参数名:参数值}})二、请求方式常用的有get，post和put三种，默认是get请求。uni.request({url:"请求路径",method:"方式"})三、请求头配置uni.request({url:"请求路径",h
  • uniapp(vue) 使用i18n国际化翻译,复制即可使用！一看就懂 黑云压城After uni-appvue.js前端
    一、在项目的文件目录里cmd执行下载命令安装依赖执行:npminstallvue-i18n@next二、执行命令下载完成后，进入项目检查一下是否存在。三、在咱们项目里面创建一个lang目录，目录的名字自己随便起，我这边以lang为演示。zh.js://zh.jsexportdefault{language:{//这里面放所有的中文替换词text:'TikTokShop（也称TikTok电商）是创新
  • 使用Vue3来实现一个倒计时器以及倒计时任务 记得开心一点嘛 JavaWeb前端开发技术栈vue.jselementuijavascriptvueHtml
    本内容使用Vue3，以及element-plus辅助开发。首先展示倒计时器的功能：手动设置倒计时器的倒计时时间开始倒计时按钮暂停倒计时按钮重新开始倒计时按钮其次展示倒计时任务管理界面功能：创建倒计时任务选择任务并进行倒计时删除任务目录一.倒计时器：1.html：2.script：（1）状态变量：（2）格式化显示时间：（3）初始化倒计时：（4）开始按钮startCountdown->启动倒计时器：（
  • uniapp --- 配置文件 记得开心一点嘛 UniAppuni-app前端typescript
    目录一.pages.json文件：1.组件自动导入规则（easycom）：2.页面配置（pages）：3.全局样式（globalStyle）：4.底部TabBar配置（tabBar）：二.manifest.json文件：1.应用基本信息：2.App-Plus特有配置：3.QuickApp特有配置：4.小程序特有配置：5.UniStatistics配置：6.vueVersion配置：三.App.vu
  • html2canvas导出pdf模糊,vue实现pdf导出，解决生成canvas模糊等问题 轮王寺宫
    1、我们要添加两个模块第一个.将页面html转换成图片npminstall--savehtml2canvas第二个.将图片生成pdfnpminstalljspdf--save2、定义全局函数..创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('src/utils/htmlToPdf')//导出页面为PDF格式importhtml2Canvasfrom'html2canvas'imp
  • 探索前端的未来：深度使用 SolidJS 构建高性能用户界面 桂月二二 前端ui
    SolidJS是近年来前端开发领域的一颗新星，它结合了React的思维模式和Vue的性能优势，提供了一种高效且轻量的框架解决方案。本文将带你深入了解SolidJS的实际使用，并探索如何利用其核心特性构建现代化的高性能应用。为什么选择SolidJS？相比于其他框架，SolidJS有以下独特优势：超高性能：基于fine-grainedreactivity（细粒度反应性）机制，仅更新必要的DOM节点。零
  • 探索Bunshi：轻量级状态管理的新选择 虞旋律
    探索Bunshi：轻量级状态管理的新选择bunshiMoleculepatternforjotai,valtio,zustand,nanostores,xstate,reactandvue项目地址:https://gitcode.com/gh_mirrors/bu/bunshi项目介绍Bunshi（原名jotai-molecules）是一款轻量级、快速且无依赖的状态管理库，体积仅为3KB。它允许开
  • Vue组件开发-使用 html2canvas 和 jspdf 库实现PDF文件导出 设置页面大小及方向 LCG元 前端vue.jspdf前端
    在Vue项目中实现导出PDF文件、调整文件页面大小和页面方向的功能，使用html2canvas将HTML内容转换为图片，再使用jspdf把图片添加到PDF文件中。以下是详细的实现步骤和代码示例：步骤1：安装依赖首先，在项目中安装html2canvas和jspdf：npminstallhtml2canvasjspdf步骤2：创建Vue组件以下是一个完整的Vue组件示例，包含导出PDF、调整页面大小和
  • Vue.js 如何塑造现代网络体验 清风孤客 vue.js网络前端
    Vue.js已迅速成为JavaScript框架中的热门之选，以其简洁的设计、灵活性和强大功能而闻名。全球的开发者被Vue.js所吸引，是因为它能极为轻松地构建动态且引人入胜的用户界面。但Vue.js究竟有何用途，又为何如此受欢迎呢？本文将探讨Vue.js及其在各个领域的关键应用。我们将展示开发者如何利用它构建从交互式网络应用、单页应用（SPA）到复杂电子商务网站等各种项目。我们还将讨论其核心特性、
  • ESP32-CAM实验集(WebServer) Android小码家 LinuxESP32
    WebServer效果图已连接web端platformio.ini;PlatformIOProjectConfigurationFile;;Buildoptions:buildflags,sourcefilter;Uploadoptions:customuploadport,speedandextraflags;Libraryoptions:dependencies,extralibrarysto
  • vue源码理解——什么是依赖 露露在前端 vue.js前端javascripttypescript学习架构
    vue将数据变的可观测了以后，我们就知道了数据什么时候进行了改变，当数据改变的时候就去更新视图，但是去更新哪个视图呢，如果改变了一个数据，就去更新整个视图，明显这样是不合理的。最正确的方法就是——哪个视图用了这个变化的数据，哪个视图就进行更新。哪个视图用到了这个数据，也可以解读为哪个视图依赖了这个数据。那么，谁用了这个数据谁就是依赖。1、收集依赖在vue中，为每个数据创建了一个数组来存放依赖。谁用
  • vue组件添加全局方法_vue组件挂载到全局方法 缪之初 vue组件添加全局方法
    在最近的项目中，使用了bootstrap-vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入，并不像element那样可以通过this.$xxx来调用，那么问题来了，如何通过this.$xxx来调用起我们定义的组件或对我们所使用的UI框架的组件呢。以bootstrap-vue中的Alert组件为例，分一下几步
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIlinuxPHPandroid
    ╔-----------------------------------╗┆                           
  • zookeeper admin 笔记 braveCS zookeeper
      Required Software 1) JDK>=1.6 2)推荐使用ensemble的ZooKeeper(至少3台)，并run on separate machines 3)在Yahoo!，zk配置在特定的RHEL boxes里，2个cpu，2G内存，80G硬盘   数据和日志目录 1)数据目录里的文件是zk节点的持久化备份，包括快照和事务日
  • Spring配置多个连接池 easterfly spring
    项目中需要同时连接多个数据库的时候，如何才能在需要用到哪个数据库就连接哪个数据库呢？ Spring中有关于dataSource的配置：     <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"   &nb
  • Mysql 171815164 mysql
    例如，你想myuser使用mypassword从任何主机连接到mysql服务器的话。 GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%'IDENTIFIED BY 'mypassword' WI TH GRANT OPTION; 如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器，并使用mypassword作
  • CommonDAO（公共/基础DAO） g21121 DAO
            好久没有更新博客了，最近一段时间工作比较忙，所以请见谅，无论你是爱看呢还是爱看呢还是爱看呢，总之或许对你有些帮助。         DAO(Data Access Object)是一个数据访问（顾名思义就是与数据库打交道）接口，DAO一般在业
  • 直言有讳 永夜-极光 感悟随笔
      1.转载地址:http://blog.csdn.net/jasonblog/article/details/10813313   精华: “直言有讳”是阿里巴巴提倡的一种观念，而我在此之前并没有很深刻的认识。为什么呢？就好比是读书时候做阅读理解，我喜欢我自己的解读，并不喜欢老师给的意思。在这里也是。我自己坚持的原则是互相尊重，我觉得阿里巴巴很多价值观其实是基本的做人
  • 安装CentOS 7 和Win 7后，Win7 引导丢失 随便小屋 centos
    一般安装双系统的顺序是先装Win7，然后在安装CentOS，这样CentOS可以引导WIN 7启动。但安装CentOS7后，却找不到Win7 的引导，稍微修改一点东西即可。 一、首先具有root 的权限。      即进入Terminal后输入命令su，然后输入密码即可 二、利用vim编辑器打开/boot/grub2/grub.cfg文件进行修改 v
  • Oracle备份与恢复案例 aijuans oracle
    Oracle备份与恢复案例 一. 理解什么是数据库恢复当我们使用一个数据库时，总希望数据库的内容是可靠的、正确的，但由于计算机系统的故障（硬件故障、软件故障、网络故障、进程故障和系统故障）影响数据库系统的操作，影响数据库中数据的正确性，甚至破坏数据库，使数据库中全部或部分数据丢失。因此当发生上述故障后，希望能重构这个完整的数据库，该处理称为数据库恢复。恢复过程大致可以分为复原(Restore)与
  • JavaEE开源快速开发平台G4Studio v5.0发布 無為子
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V5.0版本已经正式发布。   访问G4Studio网站 http://www.g4it.org   2013-04-06 发布G4Studio_V5.0版本 功能新增 (1). 新增了调用Oracle存储过程返回游标，并将游标映射为Java List集合对象的标
  • Oracle显示根据高考分数模拟录取 百合不是茶 PL/SQL编程oracle例子模拟高考录取学习交流
    题目要求: 1,创建student表和result表 2,pl/sql对学生的成绩数据进行处理 3,处理的逻辑是根据每门专业课的最低分线和总分的最低分数线自动的将录取和落选     1,创建student表,和result表 学生信息表; create table student( student_id number primary key,--学生id
  • 优秀的领导与差劲的领导 bijian1013 领导管理团队
    责任 优秀的领导：优秀的领导总是对他所负责的项目担负起责任。如果项目不幸失败了，那么他知道该受责备的人是他自己，并且敢于承认错误。 差劲的领导：差劲的领导觉得这不是他的问题，因此他会想方设法证明是他的团队不行，或是将责任归咎于团队中他不喜欢的那几个成员身上。 努力工作 优秀的领导：团队领导应该是团队成员的榜样。至少，他应该与团队中的其他成员一样努力工作。这仅仅因为他
  • js函数在浏览器下的兼容 Bill_chen jquery浏览器IEDWRext
      做前端开发的工程师，少不了要用FF进行测试，纯js函数在不同浏览器下，名称也可能不同。对于IE6和FF，取得下一结点的函数就不尽相同：   IE6：node.nextSibling,对于FF是不能识别的；   FF：node.nextElementSibling,对于IE是不能识别的； 兼容解决方式：var Div = node.nextSibl
  • 【JVM四】老年代垃圾回收：吞吐量垃圾收集器(Throughput GC) bit1129 垃圾回收
    吞吐量与用户线程暂停时间   衡量垃圾回收算法优劣的指标有两个： 吞吐量越高，则算法越好 暂停时间越短，则算法越好 首先说明吞吐量和暂停时间的含义。   垃圾回收时，JVM会启动几个特定的GC线程来完成垃圾回收的任务，这些GC线程与应用的用户线程产生竞争关系，共同竞争处理器资源以及CPU的执行时间。GC线程不会对用户带来的任何价值，因此，好的GC应该占
  • J2EE监听器和过滤器基础 白糖_ J2EE
    Servlet程序由Servlet，Filter和Listener组成，其中监听器用来监听Servlet容器上下文。 监听器通常分三类：基于Servlet上下文的ServletContex监听，基于会话的HttpSession监听和基于请求的ServletRequest监听。   ServletContex监听器 ServletContex又叫application
  • 博弈AngularJS讲义(16) - 提供者 boyitech jsAngularJSapiAngularProvider
      Angular框架提供了强大的依赖注入机制，这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象，例如控制器，指令，过滤器动画等。   那注入器怎么知道如何去创建这些特殊的对象呢？ Angular提供了5种方式让注入器创建对象，其中最基础的方式就是提供者(provider), 其余四种方式(Value, Fac
  • java-写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 bylijinnan java
    public class CommonSubSequence { /** * 题目：写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 * 写一个版本算法复杂度O(N^2)和一个O(N) 。 * * O(N^2)：对于a中的每个字符，遍历b中的每个字符，如果相同，则拷贝到新字符串中。 * O(
  • sqlserver 2000 无法验证产品密钥 Chen.H sqlwindowsSQL ServerMicrosoft
    在 Service Pack 4 (SP 4), 是运行 Microsoft Windows Server 2003、 Microsoft Windows Storage Server 2003 或 Microsoft Windows 2000 服务器上您尝试安装 Microsoft SQL Server 2000 通过卷许可协议 (VLA) 媒体。 这样做, 收到以下错误信息CD KEY的 SQ
  • [新概念武器]气象战争 comsci
           气象战争的发动者必须是拥有发射深空航天器能力的国家或者组织....        原因如下:        地球上的气候变化和大气层中的云层涡旋场有密切的关系,而维持一个在大气层某个层次
  • oracle 中 rollup、cube、grouping 使用详解 daizj oraclegroupingrollupcube
    oracle 中 rollup、cube、grouping 使用详解 -- 使用oracle 样例表演示 转自namesliu -- 使用oracle 的样列库，演示 rollup, cube, grouping 的用法与使用场景    --- ROLLUP ， 为了理解分组的成员数量，我增加了 分组的计数  COUNT(SAL)   
  • 技术资料汇总分享 Dead_knight 技术资料汇总 分享
    本人汇总的技术资料，分享出来，希望对大家有用。 http://pan.baidu.com/s/1jGr56uE 资料主要包含： Workflow->工作流相关理论、框架(OSWorkflow、JBPM、Activiti、fireflow...) Security->java安全相关资料(SSL、SSO、SpringSecurity、Shiro、JAAS...) Ser
  • 初一下学期难记忆单词背诵第一课 dcj3sjt126com englishword
    could 能够 minute 分钟 Tuesday 星期二 February 二月 eighteenth 第十八 listen 听 careful 小心的，仔细的 short 短的 heavy 重的 empty 空的 certainly 当然 carry 携带；搬运 tape 磁带 basket 蓝子 bottle 瓶 juice 汁，果汁 head 头；头部
  • 截取视图的图片, 然后分享出去 dcj3sjt126com OSObjective-C
    OS 7 has a new method that allows you to draw a view hierarchy into the current graphics context. This can be used to get an UIImage very fast. I implemented a category method on UIView to get the vi
  • MySql重置密码 fanxiaolong MySql重置密码
    方法一:  在my.ini的[mysqld]字段加入： skip-grant-tables 重启mysql服务，这时的mysql不需要密码即可登录数据库  然后进入mysql mysql>use mysql;  mysql>更新 user set password=password('新密码') WHERE User='root'; mysq
  • Ehcache（03）——Ehcache中储存缓存的方式 234390216 ehcacheMemoryStoreDiskStore存储驱除策略
    Ehcache中储存缓存的方式   目录 1     堆内存（MemoryStore） 1.1     指定可用内存 1.2     驱除策略 1.3     元素过期 2   &nbs
  • spring mvc中的@propertysource jackyrong spring mvc
      在spring mvc中，在配置文件中的东西，可以在java代码中通过注解进行读取了： @PropertySource  在spring 3.1中开始引入 比如有配置文件 config.properties mongodb.url=1.2.3.4 mongodb.db=hello 则代码中   @PropertySource(&
  • 重学单例模式 lanqiu17 单例Singleton模式
    最近在重新学习设计模式，感觉对模式理解更加深刻。觉得有必要记下来。 第一个学的就是单例模式，单例模式估计是最好理解的模式了。它的作用就是防止外部创建实例，保证只有一个实例。 单例模式的常用实现方式有两种，就人们熟知的饱汉式与饥汉式，具体就不多说了。这里说下其他的实现方式 静态内部类方式: package test.pattern.singleton.statics; publ
  • .NET开源核心运行时，且行且珍惜 netcome java.net开源
    背景 2014年11月12日，ASP.NET之父、微软云计算与企业级产品工程部执行副总裁Scott Guthrie，在Connect全球开发者在线会议上宣布，微软将开源全部.NET核心运行时，并将.NET 扩展为可在 Linux 和 Mac OS 平台上运行。.NET核心运行时将基于MIT开源许可协议发布，其中将包括执行.NET代码所需的一切项目——CLR、JIT编译器、垃圾收集器（GC）和核心
  • 使用oscahe缓存技术减少与数据库的频繁交互 Everyday都不同 Web高并发oscahe缓存
    此前一直不知道缓存的具体实现，只知道是把数据存储在内存中，以便下次直接从内存中读取。对于缓存的使用也没有概念，觉得缓存技术是一个比较”神秘陌生“的领域。但最近要用到缓存技术，发现还是很有必要一探究竟的。   缓存技术使用背景：一般来说，对于web项目，如果我们要什么数据直接jdbc查库好了，但是在遇到高并发的情形下，不可能每一次都是去查数据库，因为这样在高并发的情形下显得不太合理——
  • Spring+Mybatis 手动控制事务 toknowme mybatis
    @Override    public boolean testDelete(String jobCode) throws Exception {       boolean flag = false;  &nbs
  • 菜鸟级的android程序员面试时候需要掌握的知识点 xp9802 android
    熟悉Android开发架构和API调用 掌握APP适应不同型号手机屏幕开发技巧 熟悉Android下的数据存储  熟练Android Debug Bridge Tool 熟练Eclipse/ADT及相关工具  熟悉Android框架原理及Activity生命周期 熟练进行Android UI布局 熟练使用SQLite数据库； 熟悉Android下网络通信机制，S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他