ggyyjavascript
ggyyjavascript

vue.config.js 首屏加载优化

compression-webpack-plugin 插件压缩文件

  1. cnpm i compression-webpack-plugin -D 安装依赖包（npm有时候会出错）
  2. 原理：把文件压缩成浏览器能够自动解压的 gizp 文件，放在服务器上， 配合 nginx 配置开启
nginx 配置
listen 80;
  server_name saas.saas100.vip 39.100.112.34;

   gzip on;
   gzip_min_length 1k;
   gzip_comp_level 9;
   gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
   gzip_vary on;
   gzip_disable "MSIE [1-6]\.";

  location / {
     
     root /app/html/saas/dist;
     index index.html index.htm;
  }

const path = require('path')
const resolve = dir => {
     
  return path.join(__dirname, dir)
}
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
const productionGzipExtensions = ['js', 'css']
const isProduction = process.env.NODE_ENV === 'production'

const cdn = {
     
    // 生产环境
    build: {
     
      css: [
        'http://unpkg.com/iview/dist/styles/iview.css'
      ],
      js: [
        'https://lib.baomitu.com/vue/2.5.10/vue.min.js',
        'https://lib.baomitu.com/vuex/3.0.1/vuex.min.js',
        'https://lib.baomitu.com/iview/3.2.2/iview.min.js',
        'https://lib.baomitu.com/vue-router/3.0.1/vue-router.min.js',
        'https://lib.baomitu.com/moment.js/2.24.0/moment.min.js',
        'https://lib.baomitu.com/echarts/4.0.4/echarts.min.js'
      ]
    }
  }
module.exports = {
     
	//cdn 加载配置
  chainWebpack: config => {
     
    config.plugin('html').tap(args => {
     
      if (isProduction) {
     
          args[0].cdn = cdn.build
      }
      return args
  })
  },
  configureWebpack: config => {
     
    if (isProduction) {
     
      // giz 压缩文件 配置
      config.plugins.push(new CompressionWebpackPlugin({
     
        algorithm: 'gzip',
        test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
        threshold: 10240,
        minRatio: 0.8
      }))
      // 过滤console.log
      config.plugins.push(
        new UglifyJsPlugin({
     
          uglifyOptions: {
     
            warnings: false,
            compress: {
     
              drop_console: true,
              drop_debugger: true
            }
          },
          sourceMap: false,
          // 开启多线程
          parallel: true
        })
      )
      // cdn 引入
      config.externals = {
     
        'vue': 'Vue',
        'vuex': 'Vuex',
        'vue-router': 'VueRouter',
        'echarts': 'echarts',
        'moment': 'moment',
        'iview': 'iview'
      }
    }
  },
  // 打包时不生成.map文件
  productionSourceMap: false
}

cdn在public文件中的index.html加载

<!DOCTYPE html>
<html>
  <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">
    <% if (htmlWebpackPlugin.options.cdn) {
     %>
      <% for (var css of htmlWebpackPlugin.options.cdn.css) {
     %>
        <link rel="stylesheet" href="<%=css%>">
      <% }%>
    <% }%>
  </head>
  <body>
    <noscript>
      <strong>doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <% if (htmlWebpackPlugin.options.cdn) {
     %>
      <% for (var js of htmlWebpackPlugin.options.cdn.js) {
     %>
        <script src="<%=js%>"></script>
      <% }%>
    <% }%>
  </body>
</html>

Giz帮助理解
在此之前，我有必要解释一下什么编码。当你在互联网上想请求一个文件时,比如http://www.yahoo.com/index.html，你的浏览器会和服务器有一个会话，大概如下如所示。
vue.config.js 首屏加载优化_第1张图片

  1. 浏览器：嘿，给我来一个 index.html文件
  2. 服务器：好的，让我去找找它是不是在~
  3. 服务器：找到它了，我会返回一个成功的状态码（200 ok），我正在发送文件……
  4. 浏览器：100kb？我滴天……等啊……等啊，好的，下载下来了 当然，实际的请求头和协议会更加正规一点。

但是，它生效了，我拿到了index.html文件。

那现在问题在哪呢？
好吧，这系统是正常的，但是太低效了，坦白讲100kb是一大段的文字，HTML是冗余的，每一个都有一个几乎相同的闭合标签。虽然通篇文字都有重复，但是只要你砍掉任何的内容，html（以及它的一奶同胞xml）都不会正常显示。
当文件太大的时候有什么好办法呢，就是gzip压缩它。

如果我们传输一个替代原始大文件的zip的压缩文件给浏览器，就会节省带宽和下载时间。当浏览器可以下载zip文件，解压，并且渲染给用户。下载很快，页面加载也很快，用户心情就会very good。这个浏览器–服务器的会话大概是酱紫的：
vue.config.js 首屏加载优化_第2张图片

  1. 浏览器：嘿，给我来一个index.html，如果要有，给我来一个压缩版的可以吗
  2. 服务器：容我找找……好，满足你，如果找到了给你压缩以下，gzip格式的哦
  3. 服务器：yep，找到了，正在压缩，马上传给你。
  4. 浏览器：太棒了，只有10kb，我来解压，并且渲染给用户。

情况很简单：文件越小，下载更快，用户感受更好。

nginx， gzip配置帮助理解

gzip使用环境:http,server,location,if(x),一般把它定义在nginx.conf的http{……}之间

  • gzip on
    on为启用，off为关闭
  • gzip_min_length 1k
    设置允许压缩的页面最小字节数，页面字节数从header头中的Content-Length中进行获取。默认值是0，不管页面多大都压缩。建议设置成大于1k的字节数，小于1k可能会越压越大。
  • gzip_buffers 4 16k
    获取多少内存用于缓存压缩结果，‘4 16k’表示以16k*4为单位获得
  • gzip_comp_level 5
    gzip压缩比（1~9），越小压缩效果越差，但是越大处理越慢，所以一般取中间值;
  • gzip_types text/plain application/x-javascript text/css
    application/xml text/javascript application/x-httpd-php
    对特定的MIME类型生效,其中’text/html’被系统强制启用
  • gzip_http_version 1.1
    识别http协议的版本,早起浏览器可能不支持gzip自解压,用户会看到乱码
  • gzip_vary on
    启用应答头"Vary: Accept-Encoding"
  • gzip_proxied off
    nginx做为反向代理时启用,off(关闭所有代理结果的数据的压缩),expired(启用压缩,如果header头中包括"Expires"头信息),no-cache(启用压缩,header头中包含"Cache-Control:no-cache"),no-store(启用压缩,header头中包含"Cache-Control:no-store"),private(启用压缩,header头中包含"Cache-Control:private"),no_last_modefied(启用压缩,header头中不包含"Last-Modified"),no_etag(启用压缩,如果header头中不包含"Etag"头信息),auth(启用压缩,如果header头中包含"Authorization"头信息)
  • gzip_disable msie6
    (IE5.5和IE6 SP1使用msie6参数来禁止gzip压缩
    )指定哪些不需要gzip压缩的浏览器(将和User-Agents进行匹配),依赖于PCRE库 以上代码可以插入到 http
    {…}整个服务器的配置里，也可以插入到虚拟主机的 server {…}或者下面的location模块内

推荐文章1
推荐文章2

你可能感兴趣的:(vue,vue,cdn引入,vue首屏加载优化,vue-Cli3首屏加载优化,vueCli,配置,cdn,加载)

  • 小结：直连路由配置检验 flying robot HCIE网络
    直连路由是指通过直接连接到路由器的接口形成的路由。直连路由不需要手动配置，路由器会根据接口的IP地址自动生成直连路由。直连路由的特点直连路由由路由器根据接口配置自动添加到路由表中。直连路由的优先级通常比静态路由和动态路由更高（优先级为0）。直连路由通过接口的物理状态（up/down）来动态更新。直连路由的配置步骤1.配置接口的IP地址直连路由的基础是接口的IP地址配置。以下是配置两个接口的示例：内
  • mybatis架构原理 章绍龙 java基础
    1、mybatis配置SqlMapConfig.xml，此文件作为mybatis的全局配置文件，配置了mybatis的运行环境等信息。mapper.xml文件即sql映射文件，文件中配置了操作数据库的sql语句。此文件需要在SqlMapConfig.xml中加载。SqlMapConfig.xml是mybatis的核心文件。mybatis将dao层与sql语句分离开来，虽然写的时候分离开来了，但是执
  • hadoop图书数据分析系统 Springboot协同过滤-余弦函数推荐系统 爬虫1万+数据 大屏数据展示 + [手把手视频教程 和 开发文档] QQ-1305637939 毕业设计大数据毕设图书数据分析hadoopspringboot爬虫
    hadoop图书数据分析系统Springboot协同过滤-余弦函数推荐系统爬虫1万+数据大屏数据展示+[手把手视频教程和开发文档]【亮点功能】1.Springboot+Vue+Element-UI+Mysql前后端分离2.Echarts图表统计数据,直观展示数据情况3.发表评论后，用户可以回复评论,回复的评论可以被再次回复,一级评论可以添加图片附件4.爬虫图书数据1万+5.推荐图书列表展示,推荐图
  • 海尔 F231ZC 随身 WiFi 刷机升级全攻略 虎王科技 golang后端
    随身WiFi相关（程序+源码+工具+调试部署+开发环境）总共500多GB以上，文章末尾可获取，在最后面了。技术来自酷安论坛本文进攻学习研究自娱自乐在快节奏的现代生活中，网络连接已成为我们不可或缺的一部分。无论是商务出行还是日常休闲，随身WiFi设备都能为我们提供随时随地的上网服务。而海尔F231ZC作为一款备受关注的随身WiFi产品，其性能与功能也在不断更新和优化。本文将为您详细介绍海尔F231Z
  • SpringCloud Alibaba：RocketMQ - 分布式消息中间件的最佳实践 mckim_ 笔记学习springcloudrocketmq
    引言随着分布式系统和微服务架构的发展，消息队列作为异步通信的关键组件，其重要性日益凸显。RocketMQ作为一款高性能、高可靠的消息中间件，在处理海量消息方面表现卓越。本文将结合实际应用场景，全面介绍RocketMQ的基础知识、配置要点、高级特性以及性能监控的最佳实践。一、RocketMQ基础知识1.概述RocketMQ是由阿里巴巴开源的一款分布式消息中间件，以其高效、可靠、易用的特点著称。它支持
  • Vue3轮播图的实现：vue3-carousel的使用和配置 闲人陈二狗 html5vue.js
    目录一、安装vue3-carousel二、引入三、轮播全局样式修改一、安装vue3-carousel官方文档：Gettingstarted|Vue3-carouselnpminstallvue3-carousel二、引入在Vue3项目中添加，这是一个简单的轮播demo：//IfyouareusingPurgeCSS,makesuretowhitelistthecarouselCSSclassesi
  • Python爬虫工具BeautifulSoup使用详解 闲人陈二狗 python爬虫beautifulsoup
    目录一、模块简介二、方法利用1、安装beautifulsoup2、引入模块3、选择解析器解析指定内容三、具体利用1、获取拥有指定属性的标签2、获取标签的属性值3、获取标签中的内容4、stripped_strings四、输出1、格式化输出prettify()2、get_text()一、模块简介BeautifulSoup是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换
  • [samba路径配置的注意小点] 沉木渡香 基础环境搭建杂七杂八linux运维服务器
    samba配置好路径依然无法访问。在配置samba的共享路径时，不用选用/home/user_1/下的某个路径做为共享路径，这会导致user_2,user_3均无法访问。可以选择/media/，/mnt/，或者直接在/home下包含user_1的路径
  • 用Python 实现 简易多人聊天软件（类似于QQ原型） kouweizhu python
    一、设计思路：通过引入socket模块，threading模块，生成服务器端和客户端代码，分别打包成两个EXE文件，将服务器EXE运行于服务器端（可以在阿里云申请试用的云服务器）实现简单的多人聊天室功能。二、客户端：客户端代码思路：主线程：1)连接服务器2）开一个线程，接收消息3）循环给服务器发消息子线程：不断接收消息fromsocketimport*importthreadings=socket
  • 有趣的css - 圆形渐变光晕动效 设计师工作日常 有趣的csscss前端动效设计ux/ui交互设计加载动画
    大家好，我是Just，这里是「设计师工作日常」，今天分享的是一个科技感的加载动画效果，适用于科技感网站加载页面。《有趣的css》系列最新实例通过公众号「设计师工作日常」发布。目录整体效果核心代码html代码css部分代码完整代码如下html页面css样式页面渲染效果整体效果知识点：1️⃣background-image过渡属性2️⃣animation动画属性3️⃣box-shadow阴影属性4️⃣
  • Mybatis框架 蓝眸少年CY #SSM框架mybatis
    目录一、三层架构二、使用JDBC的缺陷三、快速入门1、概述2、解决的主要问题3、入门案例添加Maven坐标加入Maven插件编写Student实体类编写Dao接口StudentDao编写Dao接口Mapper映射文件StudentDao.xml创建MyBatis主配置文件创建测试类MyBatisTest配置日志功能insert操作（1）StudentDao接口中增加方法（2）StudentDao.
  • 安卓副屏开发Presentation guodashen007 Android精华教程副屏
    通过源码可得知publicclassPresentationextendsDialog，Presentation继承于dialog，依托于Activity存在新建一个PresentationpublicclassDifferentDislayextendsPresentation{publicstaticCameraPreviewcameraView2;privateContextmContext
  • 使用宝塔面板以jar包方式部署SpringBoot个人博客（以IP+端口号访问） emmastone 部署springbootsshcentos服务器
    使用宝塔面板以jar包方式部署SpringBoot个人博客购买阿里云服务器ECS在服务器端创建数据库修改SpringBoot项目的配置文件上传jar包和配置文件到服务器同一个目录下放行相关端口号首先需要在阿里云的控制台放行相关端口号然后在宝塔面板的安全放行相关端口号购买阿里云服务器ECS购买ECS服务器时，选择附带宝塔面板的，会默认安装好LAMP（Apache+Mysql+php），只需在安装to
  • MyBatis框架 TuSi_Cat 框架mybatis开发语言javaspringmaventomcat
    目录框架技术持久化与ORMMyBatis简介搭建MyBatis开发环境MyBatis框架优缺点MyBatis基本要素核心接口和类的结构核心对象SqlSessionFactoryBuilderSqlSessionFactorySqlSession系统核心配置文件配置properties元素配置properties元素的两种方式settings元素typeAliases元素environments元素
  • 游戏陪玩源码盈利点，基于Vue+thinkPhP6前后端分离的陪玩小程序管理系统 mysqlvue.jsphp
    游戏陪玩源码还能通过哪些方式获得收益呢？1、通过轮播图广告、首页广告位、开屏广告等多种方式获得平台游戏活动广告收益。2、通过普通礼物、豪华礼物等多种打赏方式获得礼物抽成收益。3、通过不同的聊天室类型、派单聊天等方式增加主播的曝光量，刺激用户的消费欲望获得收益。4、通过用户之间相互邀请赚钱，平台抽取相应手续费的方式获得收益。源码获取地址！！！请点击优化陪玩平台源码性能性能是用户留存的关键，如果陪玩平
  • 2025年个人博客网站-零成搭建-终极指南 Ktovoz 经验分享前端react
    作者:KTO原文:《零成本博客建站终极指南》如果你需要站立自己的博客网可以参考本文。背景故事在接触前端领域之前,我和许多刚入门前端的新手一样，面对纷繁复杂的技术栈选择陷入迷茫,不知道从何下手。最初雄心勃勃想用Next.js从零搭建博客，却在实战中屡屡碰壁。最终找到「模板先行，逐步精进」的破局之道："先有后优"原则：通过成熟模板快速搭建可运行版本➡️持续迭代优化➡️渐进式学习技术细节本文将分享这一方
  • CI配置项，IT服务的关键要素 运维
    随着现今数字经济的不断发展，逐渐成熟的IT基础设施已不再是简单的竞争优势，而已成为企业生存和发展的基石。然而，仅仅拥有强大的基础设施是不够的。为了保障IT服务的平稳运行和持续交付，企业还需要重点关注IT服务的核心构建模块——配置项（ConfigurationItem，CI）。从本质上讲，CI配置项（CI）是指帮助构建和交付IT服务的底层组件。这些组件可以是硬件（如服务器、网络设备）、软件（如操作系
  • ITIL运维管理体系是什么？怎样选择合适的方案？ 运维
    ITIL是一组综合的最佳实践，用于帮助企业向客户交付IT服务。ITIL使企业组织能够根据业务需求调整IT资源，从而使客户价值最大化。它通过衡量、监控、优化IT服务与服务提供商的表现来降低成本，并向企业展示如何轻松地实现标准化服务管理。虽然每个企业组织在IT基础设施和治理方面都不相同，但ITIL的指导方针足够灵活，可以帮助任何企业组织实现其服务管理目标。高效的IT运维管理对于企业的稳定运行至关重要。
  • Python爬虫天气预报（小白入门）(1) 2401_84009993 程序员python爬虫开发语言
    首先来到目标数据的网页http://www.weather.com.cn/weather40d/101280701.shtml中国天气网我们可以看到，我们需要的天气数据都是放在图表上的，在切换月份的时候，发现只有部分页面刷新了，就是天气数据的那块，而URL没有变化。这是因为网页前端使用了JS异步加载的技术，更新时不用加载整个页面，从而提升了网页的加载速度。对于这种非静态页面，我们在请求数据时，就不
  • 04商品详情 敲啊敲9527 vue3项目javascript开发语言ecmascript
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录详情页-热榜区域在Detail文件夹中新建组件接口导入调用渲染模版适配不同标题title图片预览sku组件(商品的一些规格)把components文件中的组件注册为全局组件，方便共享总结详情页-热榜区域在Detail文件夹中新建组件src\views\Detail\components\DetailHot.vue周日榜单一双鞋
  • 深度学习学习笔记（第30周） qq_51339898 深度学习人工智能
    一、摘要本周报的目的在于汇报第30周的学习成果，本周主要聚焦于基于深度学习的图像分割领域的常用模型U-net。 U-net是最常用、最简单的一种分割模型，在2015年被提出。UNet网络是一种用于图像分割的卷积神经网络，其特点是采用了U型网络结构，因此称为UNet。UNet算法的关键创新是在解码器中引入了跳跃连接（SkipConnections），即将编码器中的特征图与解码器中对应的特征图进行连接
  • 安装 Kong Gateway 及其基本配置指南 张声录1 kongkonggateway
    KongGateway是一款轻量级、快速且灵活的云原生API网关，它位于您的服务应用程序前，动态控制、分析和路由请求与响应。KongGateway通过插件化、低代码的方式实现API流量的管理策略。本篇文章将带领您通过一系列简单步骤，安装并配置KongGateway，以便快速上手并进行常见的API管理任务。1.安装KongGatewayKongGateway是一款高效的API网关，它在前端充当路由器
  • 【大模型】Spring AI对接ChatGpt使用详解 小码农叔叔 微服务治理与实战springboot入门到精通springspringaiAspringAispringai对接gptspringai整合gptspringai使用详解springai使用
    目录一、前言二、springai介绍2.1什么是SpringAI2.2SpringAI特点2.3SpringAI为开发带来的便利2.4SpringAI应用领域2.4.1聊天模型2.4.2文本到图像模型2.4.3音频转文本2.4.4嵌入大模型使用2.4.5矢量数据库支持2.4.6用于数据工程ETL框架三、SpringAI对接ChatGPT3.1前置准备3.2添加依赖3.3接入流程3.3.1配置文件3
  • 【YashanDB知识库】手工迁移Doris数据到崖山分布式 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7253739.html?templateId=171...本方案采用csv文件格式进行数据的导出和导入。具体步骤如下：通过sql语句将Doris表导出成csv文件注：导出到本地文件时需要先在fe.conf中配置enable_outfile_to_local=true并重启fe节点--
  • 【YashanDB知识库】多csv文件一键式导入yashandb 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7253738.html?templateId=171...背景：csv文件导入yashandb存在以下两个痛点：1、导入通过yasboot或者yasldr导入csv文件均需要配置表的字段名，如果表比较多，字段也很多的情况下比较费力；2、一些大表需要导入多个csv文件，一个个手工导入效
  • deepin分享-Linux 磁盘分区和挂载指南 deepin
    在Linux系统中(如deepin等)，磁盘分区和挂载是系统管理的重要组成部分。了解如何进行分区、格式化和挂载操作，可以帮助你更好地管理磁盘空间，优化系统性能，并确保数据的安全存储。本文将详细介绍Linux磁盘分区和挂载的基本概念、操作步骤以及一些实用的命令。1.基本概念Linux系统采用了一种独特的文件系统结构，无论系统中有多少个分区，它们最终都归属于一个根目录（/），形成一个统一的文件系统。每
  • 前端框架vue和react 前端虫 #前端提升vue.jsjavascript前端react学习
    vueVue能力的提升是一个综合性的过程，涉及多个方面的学习和实践。以下是一些具体的例子和策略，可以帮助你提升Vue开发能力：1.深入理解Vue的核心概念1.1响应式系统：深入理解Vue的响应式原理，包括数据绑定、依赖追踪和视图更新机制。Vue的响应式系统是其核心，它允许Vue组件响应数据的变化。这是通过Vue的内部机制实现的，包括使用ES5的Object.defineProperty（Vue2.
  • java面向对象的面试题_java 面向对象 面试题 weixin_39743414 java面向对象的面试题
    2.java是如何做到跨平台的？源程序(java)--字节码(二进制class)--类装载器(加载)—字节码检验器—解释器(不同版本，跨平台根本原因)---操作系统平台(编译加解释语言)编译：产生一个新文件。解释：没有新文件产生。3.java程序员的执行过程是怎样的？先由程序员书写java源文件，再由javac(编译)命令操作源文件将其编写为class文件，在通过java(运行)命令进入类加载器，
  • windows 10 32bit 配置Python编程环境 wangbingfeng0 toolsmaintenance
    确认系统架构点击桌面左下角的搜索按钮，输入cmd运行命令行界面（CommandPrompt）；在命令行界面输入wmicCPUgetDataWidth↩︎，返回的是CPU的架构，64或32位；在命令行界面输入wmicOSgetOSArchitecture↩︎，返回的是Windows操作系统架构，64或32位。确认PowerShell版本PowerShell是Windows下的增强命令行环境，也是我们
  • Vue：现代前端开发的首选框架-【应用篇】 行动π技术博客 vue.js前端javascript
    引言在现代前端开发中，Vue.js以其轻量、灵活和易学的特性成为开发者的热门选择。本文将深入探讨Vue.js的核心优势，与React和Angular的比较，前端工程化的最佳实践，性能优化的关键策略，测试驱动开发（TDD）的实施方法，以及Vue.js生态系统的强大工具和资源。Vue.js与React和Angular的深度比较Vue.js的核心优势学习曲线：Vue.js的设计哲学使得新手能够快速上手，
  • java类加载顺序 3213213333332132 java
    package com.demo; /** * @Description 类加载顺序 * @author FuJianyong * 2015-2-6上午11:21:37 */ public class ClassLoaderSequence { String s1 = "成员属性"; static String s2 = "
  • Hibernate与mybitas的比较 BlueSkator sqlHibernate框架ibatisorm
    第一章     Hibernate与MyBatis Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 MyBatis 参考资料官网：http:
  • php多维数组排序以及实际工作中的应用 dcj3sjt126com PHPusortuasort
    自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 <!doctype html> <html lang="en"> <head> <meta charset="utf-8&q
  • DOM改变字体大小 周华华 前端
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • c3p0的配置 g21121 c3p0
    c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 以在spring中配置dataSource为例： <!-- spring加载资源文件 --> <bean name="prope
  • Java获取工程路径的几种方法 510888780 java
    第一种： File f = new File(this.getClass().getResource("/").getPath()); System.out.println(f); 结果: C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 获取当前类的所在工程路径; 如果不加“
  • 在类Unix系统下实现SSH免密码登录服务器 Harry642 免密ssh
    1.客户机     (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址     (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址     (3)执行cat
  • Java新手入门的30个基本概念一 aijuans javajava 入门新手
    在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
  • Memcached for windows 简单介绍 antlove javaWebwindowscachememcached
    1. 安装memcached server a. 下载memcached-1.2.6-win32-bin.zip b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
  • 数据库对象的视图和索引 百合不是茶 索引oeacle数据库视图
      视图     视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图       为什么oracle需要视图;    &
  • Mockito(一) --入门篇 bijian1013 持续集成mockito单元测试
            Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。  &nb
  • 精通Oracle10编程SQL(5)SQL函数 bijian1013 oracle数据库plsql
    /* * SQL函数 */ --数字函数 --ABS(n):返回数字n的绝对值 declare v_abs number(6,2); begin v_abs:=abs(&no); dbms_output.put_line('绝对值：'||v_abs); end; --ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
  • 【Log4j一】Log4j总体介绍 bit1129 log4j
    Log4j组件：Logger、Appender、Layout   Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 日志的输出目标 日志的输出格式 日志的输出级别(是否抑制日志的输出)  logger继承特性 A logger is said to be an ancestor of anothe
  • Java IO笔记 白糖_ java
    public static void main(String[] args) throws IOException { //输入流 InputStream in = Test.class.getResourceAsStream("/test"); InputStreamReader isr = new InputStreamReader(in); Bu
  • Docker 监控 ronin47 docker监控
             目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 额外的，因为是docker的
  • java-顺时针打印图形 bylijinnan java
    一个画图程序 要求打印出： 1.int i=5; 2.1 2 3 4 5 3.16 17 18 19 6 4.15 24 25 20 7 5.14 23 22 21 8 6.13 12 11 10 9 7. 8.int i=6 9.1 2 3 4 5 6 10.20 21 22 23 24 7 11.19
  • 关于iReport汉化版强制使用英文的配置方法 Kai_Ge iReport汉化英文版
    对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   # ${HOME} will be replaced by user home directory accordin
  • [并行计算]论宇宙的可计算性 comsci 并行计算
          现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......       那么,这种概念让我们推论出一个结论     &nb
  • 用OpenGL实现无限循环的coverflow dai_lm androidcoverflow
    网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址： https://github.com/jackfengji/glcoverflow public class CoverFlowOpenGL extends GLSurfaceView implements GLSurfaceV
  • JAVA数据计算的几个解决方案1 datamachine javaHibernate计算
    老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 -----------------------------华丽的分割线-------------------------------------     数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J  &nbs
  • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式 dcj3sjt126com yii
    怎么创建一个简单的(非 RBAC)用户授权系统 通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 在配置文件(一般为 protecte
  • 未选之路 dcj3sjt126com 诗
    作者:罗伯特*费罗斯特   黄色的树林里分出两条路, 可惜我不能同时去涉足, 我在那路口久久伫立, 我向着一条路极目望去, 直到它消失在丛林深处.   但我却选了另外一条路, 它荒草萋萋,十分幽寂; 显得更诱人,更美丽, 虽然在这两条小路上, 都很少留下旅人的足迹.   那天清晨落叶满地, 两条路都未见脚印痕迹. 呵,留下一条路等改日再
  • Java处理15位身份证变18位 蕃薯耀 18位身份证变15位15位身份证变18位身份证转换
      15位身份证变18位，18位身份证变15位 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--应用上下文配置【AppConfig】 hanqunfeng springmvc4
    从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。   Xml配置和Java类配置对比如下： applicationContext-AppConfig.xml   <!-- 激活自动代理功能 参看：
  • Android中webview跟JAVASCRIPT中的交互 jackyrong JavaScripthtmlandroid脚本
      在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 1 JAVASCRIPT脚本调用android程序    要在webview中,调用addJavascriptInterface(OBJ,int
  • 8个最佳Web开发资源推荐 lampcy 编程Web程序员
    Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 这里列出10个最佳Web开发资源，它们都是受
  • 架构师之面试------jdk的hashMap实现 nannan408 HashMap
    1.前言。   如题。 2.详述。   (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 static int hash(int h) { h ^= (h >>> 20) ^ (h >>>
  • html禁止清除input文本输入缓存 Rainbow702 html缓存input输入框change
    多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off";  <input type="text" autocomplete="off" n
  • POJO和JavaBean的区别和联系 tjmljw POJOjava beans
    POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
  • java中单例的五种写法 liuxiaoling java单例
    /** * 单例模式的五种写法： * 1、懒汉 * 2、恶汉 * 3、静态内部类 * 4、枚举 * 5、双重校验锁 */ /** * 五、 双重校验锁，在当前的内存模型中无效 */ class LockSingleton { private volatile static LockSingleton singleton; pri
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他