zhouyrt
zhouyrt

RequireJS进阶（一）

为了应对日益复杂，大规模的JavaScript开发。我们化整为零，化繁为简。将复杂的逻辑划分一个个小单元，各个击破。这时一个项目可能会有几十个甚至上百个JS文件，每个文件为一个模块单元。如果上线时都是这些小文件，那将对性能造成一定影响。

 

 

RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大，不但可以压缩js，css，甚至可以对整个项目进行打包。

 

r.js的压缩工具使用UglifyJS或Closure Compiler。默认使用UglifyJS（jQuery也是使用它压缩）。此外r.js需要node.js环境，当然它也可以运行在Java环境中如Rhino。

 

 

这篇以一个简单的示例来感受下r.js，创建的目录如下

RequireJS进阶（一）_第1张图片

 

和入门之三目录结构一样，写了三个模块cache，event，selector。这三个模块的代码就不在贴了。main.js也未做修改，实现的功能仍然是为页面上的所有段落P元素添加个点击事件，点击后弹出P的innerHTML。唯一的区别是目录中多了个r.js。

 

index.html做了修改，如下

 

<!doctype html>
<html>
    <head>
        <title>requirejs进阶（一）</title>
        <meta charset="utf-8"/>
        <style type="text/css">
            p {
                background: #999;
                width: 200px;
            }
        </style>
    </head>
    <body>
        <p>p1</p><p>p2</p><p>p3</p><p>p4</p><p>p5</p>
        <script data-main="built" src="require.js"></script>
    </body>
</html>

 

 

注意，data-main改为了“built”，上一篇的是“main”。我们将使用r.js把js目录下的cache.js，event.js，selector.js，main.js合并压缩后写到r4目录中。

 

好，让我们开始合并压缩吧。

1，打开windows命令窗口，cd到r4目录中

RequireJS进阶（一）_第2张图片

 

2，输入命令

RequireJS进阶（一）_第3张图片

 

命令行信息可以看到已经将各个js文件合并成功了。这时回到r4目录会发现多了一个built.js文件。

RequireJS进阶（一）_第4张图片

好了，合并压缩过程完成了。

 

把目录r4放到apache或其它web服务器上，访问index.html。网络请求如下

RequireJS进阶（一）_第5张图片

 

可以看到除了require.js，就只有built.js了。大大减少了JS文件的http请求。这时点击页面上各个P元素，会弹出对应的innerHTML

RequireJS进阶（一）_第6张图片

这说明功能完损无缺。

 

下面对命令行做个简单解释。
node r.js -o baseUrl=js name=main out=built.js

-o         表示优化，该参数是固定的，必选。
baseUrl  指存放模块的根目录，这里是r4/js，因为cd到r4中了，只需设置为js。可选，如果没有设置将从r4中查找main.js。
name     模块的入口文件，这里设置成“main”，那么r.js会从baseUrl+main去查找。这里实际是r4/js/main.js。r.js会分析main.js，找出其所依赖的所有其它模块，然后合并压缩。
out        指合并压缩后输出的文件路径，这里直接是built.js，那么将输出到根目录r4下。

 

好了，再介绍两个参数

 

1，excludeShallow 合并时将排除该文件

node r.js -o baseUrl=js name=main out=built.js excludeShallow=selector

RequireJS进阶（一）_第7张图片

 

可以看到输出信息中不再包括selector.js。这时运行index.html页面，会发现selector.js被单独请求下来了。

RequireJS进阶（一）_第8张图片

 

这时生成的built.js是没有压缩的。

 

总结：
这篇演示了采用模块开发后上线前的一个小示例：把所有模块文件合并为一个文件。

先下载r.js放到开发目录中，然后使用命令行来合并压缩。其中演示了命令行参数-o、baseUrl、name、out及excludeShallow、optimize的使用。-o、name、out是必选的，其它为可选。

 

 

 

 

你可能感兴趣的:(requirejs)

  • js模块化标准CommonJS 与AMD,CMD的区别 leo_xl
    CommonJS是nodejs中服务器端的规范范畴，AMD,CMD是客户端浏览器的范畴AMD是RequireJS在推广过程中对模块定义的规范化产出。CMD是SeaJS在推广过程中对模块定义的规范化产出。（淘宝大牛玉伯）对于依赖的模块，AMD是提前执行，CMD是延迟执行，requirejs从2.0开始也可以延迟执行CMD推崇依赖就近，AMD推崇依赖前置，比如：CMD会在方法中引用，而AMD则在头部d
  • RequireJS用法解析 aimee66
    1、概述requirejs的相关说明：RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS可以提升前端代码质量。主要特点：异步加载模块按依赖顺序加载模块依赖前置2、define和require在整个require中，主要的方法为：requ
  • Vue学习笔记六 神里の凌华 vue.js学习javascript
    前端工程化一、模块化相关规范1.模块化概述传统开发模式的主要问题①命名冲突②文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护2.浏览器端模块化规范1.AMDRequire.js(http://www.requirejs.cn
  • requirejs 配置 requirejs.config 引用css Amy_yqh
    requirejs.config基本配置我们在使用require.js的时候，需要配置一些默认的路径，方便后面的文件的引用requirejs.config({baseUrl:'js/lib',//参照于引入这个js文件的index.html页面的相对路径,因为此时mian.js文件已经导入到了index.html中map:{'*':{'css':'require/css.min'//require
  • RequireJS LinuxSuRen
    介绍RequireJS是一个方便用户以模块化的方式进行开发的框架，因而，模块、依赖等是它的核心概念。模块每个JS文件即一个模块，并作为一个匿名函数包括在define中。下面是一个示例：/**当前模块的名称为two，依赖的模块包括：one，并把fun函数导出（暴露）@authorsuren*/define('two',['one'],function(){console.log('alreadylo
  • AMD, CMD, CommonJS和UMD 小豆soybean
    原文链接：https://www.jianshu.com/p/bd4585b737d7今天由于项目中引入的echarts的文件太大，requirejs经常加载超时，不得不分开来加载echarts的各个图表。但是使用echarts自带的在线构建工具生成的支持AMD标准的模块报错，所以不得不使用echarts的全局函数，使用requirejs的shim进行加载。借此机会学习一下AMD,CMD,Comm
  • ES6 模块 别抱紧一个梦 es6javascript前端
    概述在ES6前，实现模块化使用的是RequireJS或者seaJS（分别是基于AMD规范的模块化库，和基于CMD规范的模块化库）。ES6引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6的模块化分为导出（export）@与导入（import）两个模块。特点ES6的模块自动开启严格模式，不管你有没有在模块头部加上usestrict;。模块中可以导入和导出各种类型的
  • requirejs+jsx再会 技术与健康
    上回项目优化中，原本是jsx文件，那么如果直接使用jsx语法，应该也是可以的。在上还正好有一文章，https://www.jianshu.com/p/138b5b7b0a36，可是没跑起来，可能还是缺什么资源了。不过从本文描述，提到了一个重要库requirejs-react-jsx,于是就在本地，按照https://npm.taobao.org/package/requirejs-react-js
  • 30组常用前端开发组件库，前端组件收集整理列表 Mr_rencp 常用组件前端开发ui组件
    0.前端自动化前端构建工具gulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunner前端模块管理器Bower–ApackagemanagerforthewebBrowserifyComponentDuoRequireJSSea.jscss预处理器Less–LessisMore,ThanCSSSass–SyntacticallyAwesomeS
  • ES6语法（五）封装模块化公共工具函数、引入npm包 ，并上传到npm中进行下载 雪芽蓝域zzs ES语法es6npm前端
    1.模块化  模块化是指将一个大的程序文件，拆分为许多小的文件（模块），然后将小的文件组合起来。1.1.优点（1）防止命名冲突（2）代码复用（3）高维护性（4）模块化规范产品1.2.ES6之前本身没有模块化，社区衍生出模块化产品CommonJS===>NodeJS、BrowserifyAMD===>RequireJSCMD===>SeaJS1.2.1.语法  模块功能主要有两个命令构成export
  • 服务器无法在此时接受控制信息iis,IIS启动应用程序池报错"服务无法在此时接受控制信息"... 王利芬
    使用RequireJS优化Web应用前端基于AMD(AsynchronousModuleDefinition)的JavaScript设计已经在目前较为流行的前端框架中大行其道,jQuery.Dojo.MooTools.EmbedJ...assert的用法assert用来调试时,判断一个语句是否为真.assert是宏,而不是函数.在C的assert.h头文件中.assert的作用是先计算表达式exp
  • Thinkphp开发的返佣商城分销商城理财商城源码 源码庄 返佣商城分销商城理财商城
    （本站长在localhost安装测试，发现提示有错，具体问题没有时间查找了，或者php解密插件没有安装，有能力的朋友自行折腾。）程序基于THINKPHP6+VUE全新开发，保障安全的同时大大提高代码执行效率。后台管理UI基于新版本的LayUI前端框架，使得后台管理简洁明了，管理员一目了然；同时使用了RequireJs加载，后台管理加载速度会非常快。后台通过RBAC授权管理，从而保证后台数据安全，拒
  • 模块化发展历程 丐中丐
    模块化主要用来抽离公共代码，隔离作用域，避免变量冲突。。。llFE(立即调用函数表达式)使用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免变量冲突(function(){return{data:[]}})()AMD使用requireJS来编写模块化，特点：依赖必须提前声明好//在html引入require.js//script里有个data-main属性，require.js
  • 前端性能优化四十二：模块化加载方案 wanmeijuhao 前端性能优化自动化webpack系统架构前端框架vue.js
    1.JS模块化加载方案和选型:①.CommonJS:a.旨在Web浏览器之外为JavaScript建立模块生态系统,同步加载.b.Node.js模块化方案受CommonJS影响,非常类似.②.AMD(AsynchronousModuleDefinition):a.异步模块定义规范,主要应用于浏览器上.b.RequireJS模块化加载器:(1).基于AMDAPI实现③.CMD(CommonModul
  • js模块化的应用！！！（前无古人，后无来者） 明天更新 javascript前端开发语言vscode
    简介：在ES6前，实现模块化使用的是RequireJS或者seaJS（分别是基于AMD规范的模块化库，和基于CMD规范的模块化库）。ES6引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6的模块化分为导出（export）@与导入（import）两个模块。特点：ES6的模块自动开启严格模式，不管你有没有在模块头部加上usestrict;。模块中可以导入和导出各种类
  • JS模块化工具requirejs教程(一)：初识requirejs 阿奇XS Nodenodejsrequirejscommonjs
    随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用R
  • require.js官方使用教程 boonya JavaScriptrequirejs
    目录原文地址：http://www.requirejs.cn§1.使用§1.1加载JavaScript文件§1.2data-main入口点§1.3定义模块§2.机制§3.配置选配§4高级使用§4.1从包中加载模块§4.2多版本支持§4.3在页面加载之后加载代码§4.4WebWorker支持§4.5Rhino支持§4.6处理错误§5.加载插件§5.1指定文本文件依赖§5.2页面加载事件及DOMRea
  • RequireJS 2.x —— 模块的相互引用 _jan_ requirejsjavascript
    test.html文件内容//配置基本信息require.config({baseUrl:"http://www.domaintrade.com/requirejs/assets/",paths:{"jquery":"global/js/jquery-1.8.3",}});//使用模块，链式调用//require是异步调用，是加载完成依赖，再调用回调//require放在define方法中的时候，
  • require.js 模块加载器用法 -和自己对话- 原创RequireJSrequire.jsJS模块化加载
    require.js模块加载器用法RequireJS是一个JavaScript模块加载器。它非常适合在浏览器中使用，但它也可以用在其他脚本环境，就像RhinoandNode。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。【百度百科】1.下载require.js1.1去https://requirejs.org/docs/download.html官网下载1.2csdn资源下载ht
  • webpack与模块化 _Jyann_ 前端JS高级webpack与模块化ESMAMD（requireJS）CommonJSUMD
    目录1.模块化2.模块化的核心3.ESM3.1独立模块作用域3.2导出模块内部数据3.3导入外部模块数据3.3.1静态导入3.3.2ESM导入导出——示例：3.3.3动态导入import()4.模块化的向下兼容5.CommonJS5.1独立模块作用域5.2导出模块内部数据5.3导入外部模块数据5.4CommonJS规范使用示例6.AMD7.AMD——requireJS7.1独立模块作用域7.2导出
  • 模块化开发 沈深 前端学习javascripthtmlnode.js
    模块化开发目录为什么要模块化开发模块化演变过程（演示）文件划分方式命名空间方式IIFEIIFE模式增强（引入依赖）模块化规范Node.js安装与配置（演示）语法（演示）commonJScommonjs特点：commonJS四个变量：commonjs举例（演示）缓存规则拓展AMDCMDrequirejs引入多个script文件后出现出现问题下载主模块（演示）提高代码质量推荐博客30分钟学会前端模块化
  • AMD、CMD、UMD等模块解决方案和工具使用总结 hibop js组件-模块解决方案AMD-CMDUMD
    js组件和模块解决方案1、AMD（AsynchromousModuleDefinition-异步模块定义）AMD是RequireJS在推广过程中对模块定义的规范化产出，AMD是异步加载模块，推崇依赖前置。define('module1',['jquery'],($)=>{//dosomething...});2、CMD（CommonModuleDefinition-公共模块定义）CMD是SeaJS
  • AMD, CMD, CommonJS和UMD l_set_Sail node.jsvueAMDCMDCommonJS和UMD
    AMD,CMD,CommonJS和UMD今天由于项目中引入的echarts的文件太大，requirejs经常加载超时，不得不分开来加载echarts的各个图表。但是使用echarts自带的在线构建工具生成的支持AMD标准的模块报错，所以不得不使用echarts的全局函数，使用requirejs的shim进行加载。借此机会学习一下AMD,CMD,CommonJS和UMD各自的规范，和它们之间的区别。
  • AMD、CMD、UMD是什么？ 祈澈菇凉 服务器linux运维
    AMD（AsynchronousModuleDefinition）、CMD（CommonModuleDefinition）和UMD（UniversalModuleDefinition）是JavaScript模块化规范，用于管理和组织JavaScript代码的模块化加载和依赖管理。1：AMD（异步模块定义）：AMD是由RequireJS提出的模块化规范。它支持异步加载模块，适用于浏览器环境。模块使用
  • JS模块对比 屠龍之技 javascript模块1024程序员节
    一表流名称实现平台特点执行写法类型CommonJSnodejs后端同步加载运行时requiremodule.exports值拷贝AMDrequirejs前端异步预加载CMDseajs前端异步懒加载UMDumdjs前后端融合CommonJS和AMDESModulenodejs&browser前后端异步加载编译时importexport值引用以上CommonJSAMDCMDUMDESModule傻傻分
  • 爱创课堂每日一题第十七天- 对前端模块化的认识？ weixin_34221332 前端ViewUI
    AMD是RequireJS在推广过程中对模块定义的规范化产出。CMD是SeaJS在推广过程中对模块定义的规范化产出。AMD是提前执行，CMD是延迟执行。AMD推荐的风格通过返回一个对象做为模块对象，CommonJS的风格通过对module.exports或exports的属性赋值来达到暴露模块对象的目的。CMD模块方式    define(function(require, exports, mo
  • ES6新特性--模块化 魔笛手7 前端es6前端ecmascript模块化
    1.模块化概述模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。2.模块化的好处使用模块化有以下的几种优点:(1).防止命名冲突(2).代码复用(3).高维护性3.ES6之前的模块化规范有:(1)CommonJS=>NodeJS、Browserify(2)AMD=>requireJS(3)CMD=>seaJS4.模块化相关的语法模块功能主要由两个命令构成：export和imp
  • Electron中requirejs require.nodeRequire is not a function chuzhong5401 javascriptViewUI
    Electron版本：原来使用的时1.7.12，只要升级到2.X及以上的版本都会报错Nodejs：原来的版本是10，尝试升级到12也有问题require.js:2.1.11,升级最新的3.X版本也没有解决问题；此问题是Electron版本升级引起的：//Inthemainprocess.varmainWindow=newBrowserWindow({webPreferences:{nodeInte
  • 关于前端模块化开发 四爷来了
    关于前端模块化开发1前端中有哪些模块化开发的规范以及实现方案前端模块化规范标准浏览器端&服务端：CommonJS同步Node.js浏览器:CMDCommonModuleDefinitionseajs同步AMDAsynchronousModuleDefinitionrequirejs异步2模块化的开发的好处1、容易维护2、复用率高3、避免全局变量名污染3CommonJS比较早期一个模块化开发规范，既
  • 面试题 樱速
    面试题1.优化问题使用requireJS、seaJS按需加载CSS方面可以使用less、sass对CSS进行预处理尽量减少或者不使用闭包，避免内存泄漏尽量少的操作DOM，防止反复控制DOM影响性能2.跨域问题CORSCORS背后的思想，就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功，还是应该失败。//IE中对CORS的实现是xdrvarxdr=newXDomai
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他