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,加载)

  • opkg update错误 wget returned 5 月光技术杂谈 OpenWRTlinux
    文章目录前言一、问题现象二、解决方法一三、解决方法二前言新烧写的WRT固件，配置好网络后可以正常访问外网，但是执行opkgupdate时出错，提示wget错误，此时一般是ssl没有正常安装，导致wget不支持https.一、问题现象Collectederrors:*opkg_download:Failedtodownloadhttps://mirrors.cloud.tencent.com/ope
  • 联想E470 双GPU笔记本部署私有AI模型方案 月光技术杂谈 大模型初探人工智能ChatGLM3联想E470Qwen-7BPhi-3-mini
    背景：手上有一台联想E470的闲置笔记本，配置如下：（IntelHD620核显+NVIDIA920MX独显，i5-7200UCPU），想用它来部署并学习AI模型。考虑到电脑的性能限制，打算采用「量化模型+知识蒸馏」的低成本部署方案。一、硬件适配优化方案显存限制突破使用4-bit量化技术压缩模型，例如加载ChatGLM3-6B的INT4版本，显存需求可降至6GB310启用CPU-GPU混合推理（通过
  • 实现Shell免密登录的详细指南 醉心编码 脚本基础shell脚本
    实现Shell免密登录的详细指南前提条件步骤一：生成SSH密钥对步骤二：将公钥复制到远程服务器步骤三：配置SSH客户端（可选）步骤四：测试免密登录常见问题排查在使用Linux或Unix系统时，我们经常需要通过Shell访问远程服务器。通常，这种访问需要通过SSH（SecureShell）进行，每次连接时都需要输入用户名和密码，这不仅繁琐，而且在某些自动化场景下显得尤为不便。为了实现免密登录，我们可
  • ubuntu配置pip 清华源 溯源006 论文复现ubuntupiplinux
    在Ubuntu上配置pip源可以通过修改~/.pip/pip.conf文件来完成。打开终端（Terminal）并输入以下命令创建或编辑该文件：nano~/.pip/pip.conf如果提示没有该目录或者文件不存在，则会自动创建相应的目录及文件。或者用其他编辑器也可以比如vim或者其他文本编辑器。将以下内容复制到pip.conf中保存退出：[global]index-url=https://pypi
  • 基于 Debian 的系统（如 Ubuntu）上安装、启动和配置 SSH 服务的指令流 fanxbl957 linuxdebianubuntusshlinux
    主要指令流和步骤简述：安装SSHdpkg-l|grepssh检查SSH服务是否已安装,如果输出中包含`openssh-server`,则说明SSH服务已经安装sudoapt-getinstallopenssh-server安装SSH服务ps-e|grepssh检查SSH服务是否已经启动,如果输出中包含`sshd`,则说明SSH服务已经启动sudoservicesshstart启动SSH服务sudo
  • [论文笔记] Cost-Effective Hyperparameter Optimization for Large Language Model Generation 大型语言模型生成推理超参优化 心心喵 论文笔记论文阅读语言模型人工智能
    成本效益高的大型语言模型生成推理的超参数优化https://openreview.net/pdf?id=DoGmh8A39OChiWang1,SusanXueqingLiu2,AhmedH.Awadallah11微软研究院，雷德蒙德2史蒂文斯理工学院摘要大型语言模型（LLMs）因其生成能力引发了广泛关注，催生了各种商业应用。使用这些模型的高成本驱使应用构建者在有限的推理预算下最大化生成的价值。本文
  • Linux安全与密钥登录指南，零基础入门到精通，收藏这篇就够了 网安导师小李 程序员编程网络安全linux安全运维web安全网络服务器计算机网络
    在使用Linux服务器时，确保服务器的安全至关重要。本文将为你介绍一些关键的Linux安全措施，包括开启密钥登录、查看登录日志、限制登录IP以及查看系统中能够登录的账号。以下内容适合小白用户，通过简单的操作就能有效提升服务器的安全性。目录Linux安全概述密钥登录的配置生成密钥对配置SSH密钥登录查看登录日志限制IP访问设置IP封禁允许特定IP访问查看系统可登录的账号1.Linux安全概述Linu
  • 电力知识图谱与大模型的结合：从构建到行业应用的深度解析 Cc不爱吃洋葱 知识图谱人工智能自然语言处理大模型大语言模型LLM语言模型
    随着大数据和人工智能技术的飞速发展，电力行业迎来了智能化转型的全新契机。电力知识图谱作为一种将数据转化为结构化知识的技术，正在赋能故障诊断、设备管理、运维优化等核心场景。而当知识图谱与大模型相结合，更能释放强大的知识推理和智能预测能力，为行业智慧化发展注入新动力。本文将从专业视角，深入探讨电力知识图谱的构建过程、大模型的融入方法，以及它们在实际应用中的落地场景。通过具体案例剖析与技术解读，帮助你了
  • Log4j在Spring项目中的应用与实践 t0_54program log4jspringjava个人开发
    在现代Java开发中，日志记录是不可或缺的一部分。它不仅帮助开发者调试和监控应用程序的运行状态，还能在出现问题时快速定位原因。今天，我们就来探讨如何在Spring项目中使用Log4j进行日志管理，并通过具体的实例来展示其强大的功能。一、Log4j简介Log4j是Apache提供的一个开源日志框架，广泛应用于Java项目中。它提供了灵活的日志记录方式，支持多种日志级别和输出格式。通过配置文件，开发者
  • spring cloud和dubbo的特点和优劣势 zzyh123456 springclouddubbospring
    SpringCloud和Dubbo都是微服务架构中常用的服务治理框架，它们在特点和优劣势上各有千秋。以下是对两者的详细对比分析：SpringCloud的特点和优劣势特点一站式解决方案：SpringCloud定位为微服务架构下的一站式解决方案，依托于Spring生态，提供了包括服务注册与发现、配置中心、消息总线、断路器、智能路由等在内的多种组件。易于集成：SpringCloud的组件通常设计得更加易
  • spring cloud和spring boot的区别 zzyh123456 springcloudspringbootspring
    SpringCloud和SpringBoot在Java开发领域中都是非常重要的框架，但它们在目标、用途和实现方式上存在明显的区别。以下是对两者区别的详细解析：1.含义与定位SpringBoot：是一个快速开发框架，它简化了Spring应用的初始搭建以及开发过程。旨在通过“习惯优于配置”（ConventionOverConfiguration）的原则，减少开发者在配置上的工作，使得开发者可以更专注于
  • 51-31 CVPR’24 | VastGaussian，3D高斯大型场景重建 深圳季连AIgraphX aiXpilot智驾大模型1自动驾驶智慧城市AIGC计算机视觉数据挖掘
    2024年2月，清华大学、华为和中科院联合发布的VastGaussian模型，实现了基于3DGaussianSplatting进行大型场景高保真重建和实时渲染。Abstract现有基于NeRF大型场景重建方法，往往在视觉质量和渲染速度方面存在局限性。虽然最近3DGaussiansSpltting在小规模和以对象为中心的场景中效果很好，但由于视频内存有限、优化时间长、外观变化明显，将其扩展到大型场景
  • 科技云报到：科技普惠潮流渐起，“开源”将带我们走向何方？ 科技云报道 科技开源
    科技云报到原创。开源决定软件未来，已成为全球技术和产业创新的主导模式之一。“开源”思想的诞生，可以说是计算机发展史中极具理想主义和浪漫主义色彩的一页，是科技自由与技术极客思想的延伸。数字化浪潮奔涌，从软件开发的底层逻辑到技术创新的前沿探索，从产业结构的优化升级到生态体系的繁荣构建，开源不仅作为数字经济发展的关键驱动力，更在全球范围内搭建起了一个充满活力与创新精神的产业生态框架。新的一年，开源又将带
  • 整车排程系统的约束设计：从理论到实践的全面解析 架构默片 软件设计开发语言java系统架构
    整车排程是汽车制造中最复杂的生产计划环节，涉及多维度约束的平衡与优化。以下是基于多年实战经验总结的五大核心约束体系：1.时间约束1.1生产周期约束设计要点：定义生产周期（从焊装到总装的完整流程）设置关键节点时间窗（如焊装≤3天，涂装≤2天，总装≤4天）一般制造型企业都是执行3+1或者5+1这样的制造计划周期安排生产的。具体含义是：企业会按照3天或5天的正常生产计划进行，然后安排1天的时间用于设备维
  • AI芯片：科技变革的核心驱动力 乐得瑞_郑钊展13172458616 人工智能科技
    近年来，人工智能（AI）的飞速发展对众多行业产生了深远影响，芯片领域也不例外。AI在芯片设计、制造及应用等方面带来了革新性的改变，成为推动芯片行业发展的关键力量。AI助力芯片设计效率飞升传统芯片设计极为复杂，涉及数十亿晶体管的布局与连接，需庞大工程师团队耗费数月至数年才能完成从架构到制造的全流程。不过，AI技术的出现正在扭转这一局面。AI能处理繁重重复任务，优化复杂芯片布局并设计专用芯片，大大提高
  • AIGC遇上Stable Diffusion：当创意邂逅精准，绘梦成真之旅 DTcode7 AI生产力AIAIGCstablediffusionAI生产力前沿
    AIGC遇上StableDiffusion：当创意邂逅精准，绘梦成真之旅AIGC：创意的魔杖，还是技术的魔法？基本概念与魔法起源作用说明：从想象到像素的跨越StableDiffusion实战演练：像素炼金术士的秘籍案例一：像素画师初体验案例二：风格迁移的魔法深入探索：多维度功能使用实战开发技巧与避坑指南技巧一：性能优化避坑：图像模糊或失真安全防范：避免生成有害内容结语：未来已来，梦想无界在这个数字
  • 随机梯度下降一定会收敛么？ AndrewHZ 人工智能深度学习算法
    1.什么是随机梯度下降？随机梯度下降（StochasticGradientDescent，SGD）是一种用于最小化目标函数的迭代优化算法，在机器学习和深度学习领域应用广泛。2.随机梯度下降算法的基本原理1.基于梯度的优化基础该算法是基于梯度的优化算法，用于寻找函数的最优解，通常是最小化损失函数。在机器学习和深度学习中，模型通过调整参数来最小化损失函数，以达到最佳的预测性能。2.迭代更新参数从初始的
  • 《Ollama 与 DeepSeek 整合应用入门指南》一、二、三章 Allen-Steven ollamadeepseek
    第一章：工具概述与核心价值1.1Ollama技术解析本地化部署优势：无需网络连接的数据隐私保护跨平台架构设计：支持Windows/macOS/Linux全平台模型管理引擎：自动化处理模型依赖与版本控制1.2DeepSeek模型特性多模态处理能力：文本生成、代码理解、数学推理中文优化架构：针对中文语料的特殊训练策略模型家族图谱：从1.3B到67B的参数规模选择1.3技术整合价值本地智能计算：企业数据
  • 【C++】类和对象-上 此生只爱蛋 C++c++
    >本系列为初阶C++的内容，如果感兴趣，欢迎订阅>个人主页:[小编的个人主页])小编的个人主页>欢迎大家点赞收藏⭐文章>✌️☝️目录前言类定义访问限定符类域实例化对象对象的大小this指针前言C语言是一门面向过程的语言，在C语言中，我们用结构体来定义复合数据类型的结构。C++在设计中保留了结构体（struct）类型的优点，C++引入了类，类已经包括了结构体类型的所有功能，并且功能更强，更符合面向对
  • 《Stable Diffusion绘画完全指南：从入门到精通的Prompt设计艺术》-配套代码示例 Allen-Steven SD创作实践python相关应用StableDiffusion绘画学习指南深度学习pytorch人工智能stablediffusionCheckpointprompt
    第一章：模型加载与基础生成1.1基础模型加载fromdiffusersimportStableDiffusionPipelineimporttorch#加载SD1.5基础模型（FP32精度）pipe=StableDiffusionPipeline.from_pretrained("runwayml/stable-diffusion-v1-5",torch_dtype=torch.float32).
  • 【微服务】springboot 构建docker镜像多模式使用详解 小码农叔叔 linux与容器实战springboot相关springboot微服务java
    目录一、前言二、微服务常用的镜像构建方案3.1使用Dockerfile3.2使用dockerplugin插件3.3使用dockercompose编排文件三、环境准备3.1服务器3.2安装JDK环境3.2.1创建目录3.2.2下载安装包3.2.3配置环境变量2.2.4查看java版本3.3安装maven3.3.1下载maven安装包并解压3.3.2配置setting文件3.3.3配置maven的环境
  • 云计算——AWS Solutions Architect – Associate（saa）6.CloudWatch F—— 云计算云计算aws学习服务器
    AmazonCloudWatch是一种面向开发运营工程师、开发人员、站点可靠性工程师(SRE)和IT经理的监控和可观测性服务。CloudWatch为我们提供相关数据和切实见解，以监控应用程序、响应系统范围的性能变化、优化资源利用率，并在统一视图中查看运营状况。CloudWatch以日志、指标和事件的形式收集监控和运营数据，让我们能够在统一查看在AWS和本地服务器上运行的资源、应用程序和服务。我们可
  • ib网络状态探测 大隐隐于野 #网络专栏ib运维
    在InfiniBand网络中，HostChannelAdapter（HCA）是关键组件，了解其状态和配置对于网络管理和故障排查至关重要。以下是一些常用的命令，用于查询和管理HCA的状态和配置。常用命令ibstat功能：显示HCA的基本状态信息，包括设备状态、端口状态、链路速度等。用法：ibstat输出：包括HCA的名称、固件版本、端口状态（如PORT_ACTIVE）、最大和活动MTU等。ibsta
  • 安全面试1 白初& 面试题目总结安全面试网络
    目录渗透的流程信息收集如何处理子域名爆破的泛解析问题泛解析判断泛解析的存在处理泛解析的策略如何绕过CDN查找真实ipphpinfo中常见的敏感信息权限维持Windows权限维持Linux权限维持技术跨平台权限维持技术检测和防御输出到href的XSS如何防御samesite防御CSRF的原理SameSite的工作原理CSRF防御json格式的CSRF如何防御浏览器解析顺序和解码顺序解析顺序解码顺序过
  • 本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程 elecfan2011 人工智能
    前言在数据安全和隐私保护需求日益增长的今天，本地化部署AI知识库成为企业/开发者的首选方案。本文将手把手教你如何通过Ollama（模型管理工具）、DeepSeek-R1（国产开源大模型）和AnythingLLM（知识库管理平台），搭建一套完全本地运行的智能问答系统。全程无需联网，数据100%私有化！目录环境准备与工具安装部署DeepSeek-R1模型配置AnythingLLM知识库平台构建本地知识
  • 2024最新小狐狸AI 免授权源码 希希分享 软希网58soho_cn小狐狸AI免授权源码
    后台安装步骤：1、在宝塔新建个站点，php版本使用7.2、7.3或7.4，把压缩包上传到站点根目录，运行目录设置为/public2、导入数据库文件，数据库文件是/db.sql3、修改数据库连接配置，配置文件是/.env4、正式使用时，请把调试模式关闭：/.env文件第一行，true改成false5、超管后台地址：http://域名/super初始账号密码：super密码123456及时修改6、用户
  • vue从入门到精通(九)：监视属性 陈小于 vue从入门到精通vue.jsjavascript前端
    一,监视属性(watch)1.当被监视的属性变化时，回调函数自动调用，进行相关操作2.监视的属性必须存在，才能进行监视!!3.监视的两种写法:(1).newVue时传入watch配置(2).通过vm.$watch监视如下：准备好一个容器-->今天天气很{{info}}切换天气Vue.config.productionTip=false;constvm=newVue({el:'#root',data
  • 前端面试题 阿芯爱编程 面试前端
    以下是一些前端面试题：一、HTML/CSS部分请描述HTML的语义化标签的重要性，并列举一些常用的语义化标签。答案：重要性：对搜索引擎优化（SEO）有帮助，搜索引擎能够更好地理解页面结构，从而提高网站在搜索结果中的排名。提高代码的可读性和可维护性，使开发者更容易理解页面布局和功能逻辑。对于辅助技术（如屏幕阅读器）更友好，能够准确地向用户传达页面内容。常用语义化标签：：定义页面或区域的头部内容，通常
  • vue高级面试题 阿芯爱编程 js技巧面试vue.jsjavascript前端
    以下是一些Vue高级面试题：一、Vue组件相关Vue组件通信有哪些方式？答案：Props和Events：父组件通过props向子组件传递数据，子组件通过$emit触发事件向父组件发送消息。Vuex（状态管理库）：适用于复杂应用中跨组件的状态共享。组件可以从store中获取状态（使用computed属性），也可以通过mutations或actions修改状态。Provide/Inject：这是一种在
  • 一篇文章带你理解黑客、骇客、白客、红客的区别和作用 编程小亦 黑客PHPphpweb安全安全
    遵循AI写法主编：hurrycry黑客（Hacker）黑客一词最早可以追溯到20世纪60年代的麻省理工学院（MIT）。当时，一群才华横溢的计算机爱好者，他们热衷于探索计算机系统的奥秘。这些人被称为黑客，他们最初的目的是为了更好地理解计算机的工作原理，通过编写程序来解决复杂的技术问题。他们以自己的技术能力为傲，并且有着强烈的好奇心和求知欲。例如，早期的黑客会尝试优化计算机的操作系统，或者找到新的方法
  • 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其他