Lvan-Zhang
Lvan-Zhang

webpack优化：使用 DllPlugin

用过 Windows 系统的人应该会经常看到以 .dll 为后缀的文件，这些文件称为动态链接库，在一个动态链接库中可以包含给其他模块调用的函数和数据。

要给 Web 项目构建接入动态链接库的思想，需要完成以下事情：

  1. 把网页依赖的基础模块抽离出来，打包到一个个单独的动态链接库中去。一个动态链接库中可以包含多个模块。
  2. 当需要导入的模块存在于某个动态链接库中时，这个模块不能被再次被打包，而是去动态链接库中获取。
  3. 页面依赖的所有动态链接库需要被加载。

打包后生成的文件包括：

动态链接库文件中包含了大量模块的代码，这些模块存放在一个数组里，用数组的索引号作为 ID。 并且还通过 _dll_react 变量把自己暴露在了全局中，也就是可以通过 window._dll_react 可以访问到它里面包含的模块。

var _dll_react = (function(modules) {
     
  // ... 此处省略 webpackBootstrap 函数代码
}([
  function(module, exports, __webpack_require__) {
     
    // 模块 ID 为 0 的模块对应的代码
  },
  function(module, exports, __webpack_require__) {
     
    // 模块 ID 为 1 的模块对应的代码
  },
  // ... 此处省略剩下的模块对应的代码 
]));

manifest.json 文件清楚地描述了与其对应的 dll.js 文件中包含了哪些模块，以及每个模块的路径和 ID。

{
     
  // 描述该动态链接库文件暴露在全局的变量名称
  "name": "_dll_react",
  "content": {
     
    "./node_modules/process/browser.js": {
     
      "id": 0,
      "meta": {
     }
    },
    // ... 此处省略部分模块
    "./node_modules/react-dom/lib/ReactBrowserEventEmitter.js": {
     
      "id": 42,
      "meta": {
     }
    },
    "./node_modules/react/lib/lowPriorityWarning.js": {
     
      "id": 47,
      "meta": {
     }
    },
    // ... 此处省略部分模块
    "./node_modules/react-dom/lib/SyntheticTouchEvent.js": {
     
      "id": 210,
      "meta": {
     }
    },
    "./node_modules/react-dom/lib/SyntheticTransitionEvent.js": {
     
      "id": 211,
      "meta": {
     }
    },
  }
}

index.html 引入生成的这俩文件

<html>
<head>
  <meta charset="UTF-8">
head>
<body>
<div id="app">div>

<script src="./dist/polyfill.dll.js">script>
<script src="./dist/react.dll.js">script>

<script src="./dist/main.js">script>
body>
html>

你可能感兴趣的:(前端工程化)

  • 前端工程化详解 & 包管理工具 lin-lins 工程化实战前端
    前端工程化详解&包管理工具1、工程化体系介绍1.1、什么是前端工程化1.2、前端工程化发展2、脚手架能力2.1准备阶段2.2开发阶段2.3发布流程3、npm能力3.1剖析package.json3.1.1必备属性3.1.2描述信息3.1.3依赖配置3.1.4协议3.1.5目录&文件相关3.1.5.1程序入口3.1.5.2命令行工具入口3.1.5.3发布文件配置3.1.5.4man3.1.5.5规范
  • 前端工程化——脚手架及自动化构建 Jelly-JK 前端工程化javascriptnode.jshtml
    定义一切以提高效率、降低成本、质量保证为目的的手段，都属于工程化前端工程化主要解决的问题传统语言或语法的弊端无法使用模块化/组件化重复性的机械工作代码风格统一、质量保证依赖后端服务接口的保证整体依赖后端项目工程化的表现体现在项目的整个流程：创建项目创建项目结构创建特定类型文件编码格式化校验校验代码风格编译/构建/打包预览/测试WebServer/MockLiveReloading/HMRSourc
  • class 7: vue.js 3 前端工程化 Clarence Liu vue前端vue.jsjavascript
    默认情况下，不能直接使用单文件组件来编写组件，因为浏览器不认识SFC(.vue)文件。因此，我们需要使用webpack或者Vite构建一个支持SFC开发的Vue.js3环境目录前端发展史webpackVueCLI脚手架前端发展史Web早期：也就是互联网发展早期，前端开发人员只负责写静态页面，纯粹地展示功能，JavaScript的作用只体现在一些表单的验证和增加特效上。当然，为了在页面中动态填充一些
  • 28.前端工程化背后的项目组织设计（下） ikonan
    承接上一节的内容，本节来继续学习前端工程化中依赖关系相关的内容。在此之前，先回顾一下「项目组织」主题的知识点：说到项目中的依赖关系，我们往往会想到使用yarn/npm解决依赖问题。依赖关系大体上可以分为：嵌套依赖扁平依赖项目中，我们引用了三个包：PackageA、PackageB、PackageC，它们都依赖了PackageD的不同版本。那么在安装时，如果PackageA、PackageB、Pac
  • JavaWeb——前端工程化 A_Tai2333333 JavaWeb前端
    一、前端工程化1.什么是前端工程化:前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题，以提高效率和降低成本。2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs:前端项目运行环境npm:依赖下载工具Vit
  • 【前端面试题】前端工程化、Webpack、Vite、Git项目管理相关问题 快乐点吧 前端webpackgit
    目录关于前端工程化关于Webpack关于Vite关于Git项目管理综合性问题关于前端工程化1.前端工程化的定义和好处问题：什么是前端工程化？它的主要好处是什么？答案：前端工程化是指在前端开发中应用系统化、自动化和标准化的方法，包括模块化、组件化、自动化构建、测试等，以提高开发效率和代码质量。主要好处包括提升开发效率、增强代码可维护性、提高代码质量和团队协作效率。2.前端项目的目录结构问题：你通常如
  • 3、JavaWeb-Ajax/Axios-前端工程化-Element 所谓远行Misnearch #JavaWeb前端ajaxelementuijava前端框架
    P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名
  • 前端工程化面试题 | 15.精选前端工程化高频面试题 ai_todo 前端工程化前端javascripttypescript开发语言
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的代码分支管理和代码合并。你熟悉的代码合并工具有哪些？解释一下前端中的流程管理
  • 前端工程化之：webpack3-7(PostCss) 小李老笨了 前端工程化前端postcssjavascript
    目录一、PostCss1.什么是PostCss2.安装3.配置文件4.插件5.postcss-preset-env（1）自动的厂商前缀（2）未来的css语法（3）变量（4）自定义选择器（5）嵌套（6）postcss-apply（7）postcss-color-function（8）[扩展]postcss-import（9）stylelint一、PostCss内容与webpack无关！！！1.什么是
  • 【前端工程化面试题】webpack proxy的工作原理，为什么能解决跨域问题 我有一棵树 前端webpacknode.js
    在webpack的配置文件webpack.config.js中有一个配置项devServer里面有一个属性是proxy，这里面可以配置代理服务器，解决跨域问题，请参考官网。一般来说webpack的代理就是说的开发服务器webpack-dev-server。其实不光是webpack其他的打包工具比如是vite，也有代理的功能，也是开发服务器。webpack-dev-server的工作原理本质是利用了
  • 【前端工程化面试题目】webpack 的热更新原理 我有一棵树 前端webpacknode.js
    可以在顺便学习一下vite的热更新原理，请参考这篇文章。首先有几个知识点需要明确热更新是针对开发过程中的开发服务器的，也就是webpack-dev-serverwebpack的热更新不需要额外的插件，但是需要在配置文件中devServer属性中配置hot：true，需要安装webpack-dev-server这个npm包webpack的热更新也使用websocket具体的步骤如下运行webpack
  • 【前端工程化面试题】webpack的module、bundle、chunk分别指的是什么？ 我有一棵树 前端webpacknode.js
    首先从语法方面在配置文件中有module这个配置项，里面有rules选项用来配置各种loader，还有其他各种选项，参考官网。bundle和chunk在配置文件中是没有这个选项的，但是会出现在配置的值中。module模块指单个文件，可以是js、css、图片等，每个文件都是一个独立的模块，可以通过import.和require等方式导入和导出模块可以包含代码、依赖关系和其他相关资源。代表应用程序的组
  • 【前端工程化面试题】什么是 CI/CD 我有一棵树 ci/cd
    CI/CD是软件开发中的两个重要实践，分别代表持续集成（ContinuousIntegration）和持续交付/持续部署（ContinuousDelivery/ContinuousDeployment）。持续集成(ContinuousIntegration,CI)：持续集成是一种软件开发实践，通过将代码频繁地集成到共享存储库（如版本控制系统）中，并自动运行测试来验证新代码的正确性。主要目标是尽早地
  • 【前端面试题】08—31道有关前端工程化的面试题(附答案) web前端开发V vuepythonjavascriptjavalinux
    随着前端技术的发展，前端工程化变得越来越重要。前端工程化部分的面试题主要考察应试者对工程化的理解与运用，如何通过工程化来提高代码质量、编译代码、优化代码；如何提高网站性能，保障网站安全，提升用户体验；如何将开发的代码按照理想的方式发布和上线等。当然，一些新技术的实现（诸如EMAScript6、typescript、jsx、Less、Sass、Stylus等）都离不开前端工程化。1、谈谈你对WebP
  • 【前端工程化面试题】说一下 webpack 的构建流程 我有一棵树 前端webpacknode.js
    类似问题是，说一下vite的构建流程，参考这篇文章。初始化流程从配置文件和shell语句中读取合并参数，初始化需要使用的插件和执行环境所需要的参数配置文件默认是webpack.config.js编译构建流程解析入口模块，从入口模块开始串行调用对应的loader去翻译文件内容，依次编译模块的依赖输出流程根据配置文件中entry属性配置的模块，根据入口和模块之前的依赖关系，组装成一个个包含多个模块的c
  • 【前端工程化面试题】使用 webpack 来优化前端性能/ webpack的功能 我有一棵树 前端webpacknode.js
    这个题目实际上就是来回答webpack是干啥的，你对webpack的理解，都是一个问题。（1）对webpack的理解webpack为啥提出+webpack是啥+webpack的主要功能前端开发通常是基于模块化的，为了提高开发效率，webpack是一个基于模块的构建工具，是一个用于js应用程序的静态模块打包工具。Webpack是一个现代JavaScript应用程序的静态模块打包工具，它能够将多个Ja
  • 【前端工程化面试题】vite热更新原理 我有一棵树 前端
    vite在开发阶段，运行vite命令，会启动一个开发服务器，vite在开发阶段是一个服务器依赖esm：vite在开发阶段使用esm作为开发时的模块系统。esm具有动态导入的能力，这使得在代码中引入模块时可以动态地加载新的模块，从而实现了热更新。HMR机制：vite利用了webpack等构件工具中常用的热模块替换机制，在代码发生变化时，只将修改的模块动态的注入到运行中的应用程序中，不需要刷新整个页面
  • JavaWeb 小小李学java web
    目录1.初识Web前端2.HTML、CSS3.基础标签4.CSS样式5.CSS引入方式6.颜色表示形式7.CSS选择器8.超链接9.盒子模型10.JavaScript11.JS基础语法12.数据类型13.流程控制语句14.JS函数15.JS对象16.Vue17.Ajax18.前后端分离开发：19.YApi20.前端工程化21.Vue组件库Element22.打包部署23.Maven24.Sprin
  • 前端工程化 miss-ddly javascriptvue.js
    目录模块化包管理器构建工具脚手架模块化1.是为了解决全局污染（全局变量，全局函数）和依赖混乱问题（js引入顺序等问题）。2.标准：官方ESModule，社区：CommonJS3.mian中定义一个函数functionsum(a,b){  returna+b;}4.在html中引用（会导致全局污染）5.将模块导出functionsum(a,b){  returna+b;}exportdefaults
  • 前端工程化面试题 | 05.精选前端工程化高频面试题 ai_todo 前端javascriptwindowstypescript
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端中的测试是什么？请解释一下你熟悉的前端测试方法和工具。请举例说明前端自动化部署的流程，以及
  • 前端工程化面试题 | 06.精选前端工程化高频面试题 ai_todo 前端javascripttypescript开发语言
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端开发中如何处理静态资源的优化和管理？请解释一下你熟悉的优化工具。解释一下前端中的版本控制系
  • 前端工程化面试题 | 07.精选前端工程化高频面试题 ai_todo 前端javascripttypescript开发语言
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的持续集成和持续交付。你熟悉的持续集成工具或持续交付工具有哪些？前端性能优化是
  • 前端工程化面试题 | 08.精选前端工程化高频面试题 ai_todo 前端javascripttypescript开发语言
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录解释一下前端中的代码复用和组件化。你熟悉的组件化框架有哪些？请解释一下前端中的国际化和本地化解
  • 【从Jest入门到 TDD,BDD双实战】整体学习介绍① 不停喝水 #【Jest自动化测试】react.js前端vue.jsjest自动化测试
    一：前端要学的测试Jest入门TDD实战BDD实战二：前端工程化的一部分前端自动化测试高质量代码设计高质量代码实现三：前端自动化测试的例子VueEchartsReactAnt-Design这些都有使用到了自动化测试1.比如Lodash2.比如Redux四：前端为什么需要自动化测试？1.该需求时，代码重构：导致修复时间长，成本高2.自动化测试，修复时间少，难度低五：涵盖内容2.学习安排六：学习前置需
  • 【实战】一、Jest 前端自动化测试框架基础入门 —— 前端要学的测试课 从Jest入门到TDD BDD双实战（一） 程序边界 前端tdd
    文章目录一、前端要学的测试课1.前端要学的测试2.前端工程化的一部分3.前端自动化测试的例子4.前端为什么需要自动化测试？5.课程涵盖内容6.前置技能7.学习收获二、Jest前端自动化测试框架基础入门1.自动化测试背景及原理前端自动化测试产生的背景及原理2.前端自动化测试框架3.使用Jest修改自动化测试样例4.Jest的简单配置学习内容来源：Jest入门到TDD/BDD双实战_前端要学的测试课相
  • 什么是前端工程化？ tomzhangto
    虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。只不过那个时候，前端工程师并没有工程化的意识，也没有必要对前端进行工程化的操作，毕竟在那个时期，前端的开发工作只能算是整个项目开发过程中的“附属品”。那为什么这几年，前端工程化的概念又突然成为了热点话题了呢？要想讲好前端工程化其实并不容易，我就从
  • 前端开发_Node.js Rainbow_1991 前端开发node.jsvim编辑器
    Node.js概念Node.js是一个跨平台JavaScript运行环境，使开发者可以搭建服务器端的JavaScript应用程序Node.js是前端工程化的基础（前端工程化：开发项目直到上线，过程中集成的所有工具和技术）浏览器能执行JS代码，依靠的是内核中的V8引擎（C++程序）Node.js是基于ChromeV8引擎进行封装（运行环境）Node.js环境没有DOM和BOM等模块模块：类似插件，封
  • vue-cli vue-cli
    vue-cli一.vue-cli1.什么是vue-cliVueCLI（全称为Vue.jsCommandLineInterface）是一个基于Vue.js进行快速开发的完整系统。它不仅是一个工具，也是一个前端工程化的解决方案。VueCLI的主要目的是简化Vue.js项目的搭建和开发过程，让开发者能够更加专注于业务逻辑的实现，而不是重复性的配置工作。2.vue-cli安装npminstall-g@vu
  • 前端工程化面试题 | 03.精选前端工程化高频面试题 ai_todo 前端javascripttypescriptnode.jsgulp
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端开发中如何实现代码的压缩和混淆？你熟悉的压缩工具有哪些？解释一下前端代码的编译和转译。你熟
  • 前端工程化面试题 | 02.精选前端工程化高频面试题 ai_todo 前端webpackjavascript
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端开发中的包管理工具是什么？请解释一下你熟悉的包管理工具。请举例说明在前端工程化中如何进行代
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他