panshang1994
panshang1994

WebPack

info:

  • by :panshang time: 2016-1-16

创建一个WebPack

  • 可以通过browserify与gulp来创建一个React JS项目,虽然可能Reacte JS不是你所专注的,但你可以通过这篇文章获得更多的知识

  • 用browserify和gulp创建一个React JS 项目时,你需要很多的依赖集, 并且你需要写很多的代码, 你可能很感激gulp给你带来的自由性, 但是它所捆绑的需求使得整体看起来和复杂. 这里, 在使用React JS时,需要知道一些核心概念.

    • SourceMaping
    • 用Common JS 形式来写脚本
    • 转变JSX (Coffe, TypeScript 等)
    • 分离依赖,快速重构
    • 处理样式如 css, sass,less 等
    • 处理图像和字体
    • 使你的代码做好准备
  • 根据你的工程, 你可能有更多的或者更少的需求, webpack被模块化的不仅仅是js, 开发便捷, 能替代部分gulp操作, 如打包, 压缩混淆, 图片转base64 ,扩展性强, 插件机制完善, 特别要说的是支持 React 热插拔的功能. 这就是我所说的核心概念. 下面我所要讲的就是如何使用 WebPack 快速地搭建工作站来处理这些核心概念.

开始

安装并且建立webpack , webpack-server

  • 首先需要做的就是同时安装 webpack, webpack-dev-server ,使用npm来安装,:
    • npm使用:
1.npm install webpack
2.npm install webpack-dev-server

如图:

这使得我们可以直接通过终端命令使用webpack, 我们将使用webpack配置代码, 使用webpack-dev-server 来运行项目.
- 创建一个workflow 项目
- 选择一个空文件夹命名为工作项目名
- 在这个文件夹下创建一个entry.js的文件
- 文件内容为: 

document.write("Webpack test by shinepans");
  • 再创建一个 index.html文件,内容为:
<html>
<head>
    <meta charset = "utd-8">
</head>
<body>
    <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
</body>
</html>
  • 在根目录下执行:
webpack ./entry.js bundle.js
  • 如图结果:
  • WebPack_第1张图片
  • 用浏览器打开发现会输出js文件
    • 再添加一个文件
  • 取名为 content.js, 内容为:
module.exports = "It works from content.js !";
  • 更新刚才添加的 entry.js 添加一行:
document.write(require("./content.js"));
  • 再执行命令:
webpack ./entry.js bundle.js

  • 刷新浏览器, 文字变化

    第一个LOADER

  • 当我们给应用添加css文件, webpack原生仅支持js, 所以我们需要css-loader 和style-loader 来应用样式
    • 终端运行:(注意是局部安装, 会安装到node_modules里)
npm install css-loader style-loader
  • 接下来,我们再添加一个文件:
    • style.css
body{ backgroud: yellow; }
  • 然后更新 entry.js 加一行:
require("!style!css./style.css");

  • 接下来我们看看效果:

  • 其实可以用这种办法来写, 免去了繁杂的语句:

require("./style.css");
  • 然后在 终端输入:
webpack ./entry.js bundle.js --module-bind "css=style!css"

  • 这效果将会是一样的

    • 配置文件 webpack.config.js
  • 添加 webpack.config.js文件
module.exports = {
    entry: "./entry.js"
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module:{
        loaders:{
            {test:/\.css$/, loader: "style!css"}
        }
    }
}
  • 设置好后, 直接使用 webpack
    • 更友好的输出
  • 随着项目的增长, 编译过程可能会越来越长, 所以我们可以展示进度条和增加配色实现友好输出:
webpack --progress --colors
  • 监听模式
    • 当我们不希望文件改动后手动执行编辑操作时使用:
webpack --progress --colors --watch
  • 开发服务器
    • 提供开发服务器是一项好的服务, 可以替换 python -m SimpleHTTPSerer启用HTTP静态服务器:
webpack install webpack-dev-server -g
  • 启动服务器
    • 终端:
webpack-dev-server --profress --colores
  • 这会将express服务器绑到 8080 端口, 通过访问localhost:8080/webpack-dev-server/bundle，bundle 每次重编译后浏览器页面都会自动更新

———————SiteStart————————-

www.panshang.xyz

www.panshang.xyz

www.panshang.xyz
———————-SiteEnd————————

by: 潘尚

你可能感兴趣的:(webpack)

  • webpack.prod.js（webpack生产环境配置文件） 门板_ webpackjavascript前端
    生产环境：只打包不运行本地服务器对于在config目录下的webpack.prod.js1.在根目录下运行npxwebpack--config./config/webpack.prod.js2.在package.json文件中配置"build":"npxwebpack--config./config/webpack.prod.js"constpath=require('path')constESL
  • Webpack构建优化——区分环境 oWSQo
    为什么需要区分环境在开发网页的时候，一般都会有多套运行环境，例如：在开发过程中方便开发调试的环境。发布到线上给用户使用的运行环境。这两套不同的环境虽然都是由同一套源代码编译而来，但是代码内容却不一样，差异包括：线上代码被特殊压缩过。开发用的代码包含一些用于提示开发者的提示日志，这些日志普通用户不可能去看它。开发用的代码所连接的后端数据接口地址也可能和线上环境不同，因为要避免开发过程中造成对线上数据
  • html版本号 webpack_html-webpack-plugin详解 weixin_39994949 html版本号webpack
    引言最近在react项目中初次用到了html-webapck-plugin插件，用到该插件的两个主要作用：为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口有了这种插件，那么在项目中遇到类似上面
  • webpack-loader详解 奶昔不会射手 webpack前端node.js
    一、loader的分类1.pre:前置loader2.normal:普通loader3.inline:内联loader4.post:后置loader二、执行顺序pre>normal>inline>post,相同类型的loader执行顺序为：从右到左，从下到上module:{rules:[{enforce:"pre",//通过这个参数来定义loader的类型，默认是normal类型test:/\.j
  • webpack快速基础 风漫漫雨歇歇 webpackwebpack前端前端框架
    文章目录webpack快速基础1.概念1.1入口1.2输出(output)1.3loader1.4插件（plugin)2.建立项目，用于测试功能2.1安装webpack，2.2创建webpack配置文件,2.3配置package.json，运行项目3.配置mode开发环境4.配置entry编译入口5.配置output编译出口6.配置加载csswebpack快速基础1.概念webpack是现代Jav
  • Webpack打包 爱敲代码小黑 webpack前端node.js
    Webpack打包目录Webpack打包打包图片资源模块类型（**assetmoduletype**）url-loader的limit效果打包图片我们当前使用的webpack版本是webpack5：在webpack5之前，加载这些资源我们需要使用一些loader，比如raw-loader、url-loader、file-loader；在webpack5开始，我们可以直接使用资源模块类型（ass
  • vite和webpack的区别 小王学前端️ vue3webpack前端javascript
    vite和webpack的区别从底层原理上来说，Vite是基于esbuild预构建依赖。而esbuild是采用go语言编写，因为go语言的操作是纳秒级别，而js是以毫秒计数，所以vite比用js编写的打包器快10-100倍。Vite和Webpack都是现代前端开发中的常见打包工具，但在实际使用过程中，它们存在五个主要区别：1.开发模式不同；2.打包效率不同；3.插件生态不同；4.配置复杂度不同；5
  • ReferenceError: “Promise”未定义 吃不胖的茶叶蛋
    问题现象：vue-cli项目在IE下运行，会在钩子函数出现ReferenceError:“Promise”未定义解决办法：1、安装BabelPolyfillnpminstall--savebabel-polyfill2、在webpack.base.conf.js这个文件加入代码require("babel-polyfill")3、在main.js里面添加代码import"babel-polyfil
  • vue的路由懒加载 可爱的小小小狼 vue.js前端javascript
    这样的懒加载机制确保了在初始加载时只加载必要的代码，提高了应用的性能和加载速度。当用户访问相关的懒加载路由时，相应的代码块才会被下载和执行。VueRouter的懒加载（也称为路由懒加载或异步组件加载）是一种优化手段，它允许你将路由组件按需加载，只在需要时才下载对应的代码块。这样可以减小初始加载的页面大小，提升应用的性能和加载速度。懒加载的原理基于Webpack的动态import()语法，它允许将模
  • webpack和vite的区别是什么 蚂蚁上的大象 webpack前端node.js
    Webpack和vite都是现在前端领域比较流行的打包工具，它们的相似之处在于可以帮助我们把多个JavaScript文件打包成一个可以在浏览器中加载并在生产中使用的文件。Webpack和vite主要区别：网上有很多总结大致分为三种，编译方式不同、开发效率不同、扩展性不同。其实在我看来只有一种半，一是编译方式，半个是生态。其实这半个也算是硬加上去的，以现在vite的发展势头，用不了多久它的生态不会弱
  • Git提交规范 初学者↑ git
    提交信息typefeat：新功能（feature）fix：修改bugdocs：文档修改style：代码格式修改（不影响代码运行的变动，例如分号修改），注意⚠️不是CSS修改refactor：代码重构test：测试用例修改build:影响项目构建或依赖项修改，如webpack版本升级等perf:性能优化revert:撤销之前的commitci:持续集成相关文件修改chore：其它修改（不在上述类型中
  • webpack5高级--01_提升开发体验 化作繁星 webpackwebpackjavascript前端
    提升开发体验SourceMap为什么开发时我们运行的代码是经过webpack编译后的，例如下面这个样子：/**ATTENTION:The"eval"devtoolhasbeenused(maybebydefaultinmode:"development").*Thisdevtoolisneithermadeforproductionnorforreadableoutputfiles.*Ituses
  • webpack 中 loader 和 plugin 的区别 tangdou369098655 webpackwebpack
    通俗点讲loader是转换，plugin是执行比转换更复杂的任务，比如合并压缩等loader:让webpack能够处理非js文件，然后你就可以利用webpack的打包能力，对它们进行处理。例如：css-loader、style-loader、postcss-loader、sass-loaderplugins:从打包优化和压缩，一直到重新定义环境中的变量.例如：uglify-webpack-plug
  • 探索vue2框架的世界：关于vue2.x的性能优化和常见的白屏原因 @德玛玩前端 Vue性能优化学习前端htmlvuevue.js
    在本篇文章中，博主总结了一些常见的vue2框架性能优化方法和项目启动出现白屏的原因，还望走过路过的同行和大神们点赞关注,多多指教，用你们发财的小手给予博主大大的鼓励。vue2x性能优化1.路由懒加载，有效拆分应用大小，访问时才异步加载vue是单页面应用，可能会有很多的路由引入，这样使用webpack打包后的文件会很大当进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验如果我们能把不同
  • webpack 打包后，图片加载错误 佩淇呢 webpackVue2webpack前端node.jsjavascriptvue
    使用webpack打包后，图片没有加载出来，页面空白，报错图片引用的路径不对解决办法：1.找到config->index.js将assetsPublicPath:'/',改为assetsPublicPath:'./'build:{index:path.resolve(__dirname,'../dist/index.html'),assetsRoot:path.resolve(__dirname,
  • Webpack和Vite的区别？ 夏兮颜☆ webpack前端javascript
    Webpack和Vite都是现代前端开发中常用的打包工具，它们的主要区别如下：构建速度：Vite的构建速度比Webpack快得多，因为Vite在开发环境下使用了浏览器原生的ESM（ES6模块）模块加载，可以在浏览器中直接运行代码，而不需要像Webpack那样先进行打包和编译。在Vite中，每个模块都可以独立地进行编译和缓存，这意味着它只需要重新编译修改过地模块，而不是整个应用程序。这使得Vite开
  • webpack5基础--11_处理 Html 资源 化作繁星 webpackhtml前端webpack
    处理Html资源1.下载包npmihtml-webpack-plugin-D2.配置webpack.config.jsconstpath=require("path");constESLintWebpackPlugin=require("eslint-webpack-plugin");constHtmlWebpackPlugin=require("html-webpack-plugin");mod
  • 前端面试练习24.3.5 程序猿online 前端面试前端面试职场和发展
    webpack相关项目使用webpack流程进入一个初始化好的vue项目下载安装webpack相关依赖包/插件npminstall--save-devwebpackwebpack-cliwebpack-dev-server安装一些相关的loader,比如vue-loader，babel-loader，css-loader等创建webpack.config.js文件，进行相关配置文件内容如下cons
  • vue-cli 项目中使用 webpack 的 require.context 实现全局引入组件 Enginner_XZ
    文章内重点在于require.context的使用具体可查看webpack官网vue-cli工程建的项目components/index.js/***创建一个引入文件上下文*不懂上下文的参考语文对于上下文的理解及context的英语翻译*require.context的参数说明可查看webpack文档或百度高频组件引入*/constcomponentsContext=require.context
  • webpack5基础--04_处理样式资源 化作繁星 webpackwebpack
    处理样式资源本章节我们学习使用Webpack如何处理Css、Less、Sass、Scss、Styl样式资源介绍Webpack本身是不能识别样式资源的，所以我们需要借助Loader来帮助Webpack解析样式资源我们找Loader都应该去官方文档中找到对应的Loader，然后使用官方文档找不到的话，可以从社区Github中搜索查询Webpack官方Loader文档处理Css资源1.下载包npmics
  • Webpack配置与运行基础教程 猿小白klp Webpackwebpack前端node.js后端学习
    在前端开发中，Webpack是一款非常流行的模块打包工具，它可以帮助我们将多个文件打包成一个或多个静态资源文件，从而提高前端项目的性能和可维护性。本文将为你介绍Webpack的基础配置和运行方法，帮助你快速上手Webpack。什么是WebpackWebpack是一个基于Node.js的模块打包工具，它可以将各种资源，如JavaScript、CSS、图片等，视为模块，并通过各种loader和插件对这
  • Superset二次开发之Superset架构理解 aimmon 架构supersetBI
    技术框架框架作用前端React构建用户界面的JavaScript库ReduxJavaScript应用的状态管理库，管理组件间的状态共享Webpack前端资源打包工具BabelJavaScript编译器D3.js数据可视化的JavaScript库后端Flask轻量级的Pythonweb框架，处理HTTP请求、路由以及其他Web服务功能SQLAlchemySQL工具包和对象关系映射（ORM）工具，处理
  • Vue 起步 Kathy丶Andy
    安装vueCli全局安装vue-cli$npminstall--globalvue-cli创建一个基于webpack模板的新项目$vueinitwebpackmy-project安装依赖，走你$cdmy-project$npminstall$npmrundev查看Vue版本命令vue-V注意是大写V
  • vue 过滤服务器上的.svn文件 YellowPoint
    服务器构建的时候多出了.svn的文件；本机只有svn的根目录才有.svn文件夹，服务器上发现每个文件夹都被加上了.svn；关键是在static文件夹里面也加了，vue构建的时候，是直接把static的文件全部复制到dist里面，故导致生成的文件夹里面也有.svn文件夹，在url上都能访问到里面的文件；想办法过滤这个文件夹吧，在webpack.dev.conf.js和webpack.prod.con
  • 安装sass报错 逸笛
    1.TypeError:this.getOptionsisnotafunction原因：发现[email protected]版本需要[email protected]，而@vue/[email protected]所用的是webpack@4，所以需要将sass-loader的版本降到11以下[email protected]
  • webpack搭建前端环境 华戈的小书
    随着webpack3.x的发布，其功能也越来越强大，很多的项目的编译打包工具也由gulp逐渐转移到webpack。1.用yarn代替npmnpm是一款非常好的包管理工具，之前在用npm安装项目依赖的时候总会因为某些依赖包推出了新版本从而导致编译结果不一样的问题，这是因为在安装依赖的时候npm并没有锁定依赖包的版本号(npm5好像已经解决了这个问题)，每次安装的时候总是获取最新的依赖包，导致编译结果
  • Vue-Quill-Editor 简单修改字体大小和样式.(不改源码) 十里冰香 富文本quill
    实现效果图:vue-cli的富文本Vue-Quill-Editor使用前安装:npminstallquill-image-resize-module--save,npminstallvue-quill-editor--save需要在根目录下的vue.config.js文件里,添加如下chainWebpack:constwebpack=require('webpack')module.exports
  • 9-区分开发环境配置 merge plugin 崩鲨卡拉卡
    在development和production环境下将配置文件进行分类：dev、pro、base（公共）merge.jpg步骤：-1安装:yarnaddwebpack-merge-D本地安装插件-2新建webpacl.base.js、webpack.dev.js、webpack.prod.js，用作不同阶段环境的区分-3分别配置三个文件：以webpack.prod.js为例let{smart}=r
  • 第六十五天 API安全-接口安全&WebPack&REST&SOAP&WSDL&WebService 清歌secure 网络安全全栈学习笔记安全web安全网络安全
    第65天API安全-接口安全&WebPack&REST&SOAP&WSDL&WebService知识点1.HTTP类接口-测评2.RPC类接口-测评3.WebService类-测评参考链接：https://www.jianshu.com/p/e48db27d7c70内容点：SOAP(SimpleObjectAccessProtocol)简单对象访问协议是交换数据的一种协议规范，是一种轻量的、简单的
  • 客户端web开发工具 ww要努力呀 前端前端
    文章目录安全网络Linter-->捕获代码错误-->eslint源代码控制-->Git代码格式化-->Prettier打包工具--Parcel--Webpack转换--Babel开发后阶段测试工具配置工具其他node，npm、yarnnode.js包管理器npmyarnhttps://developer.mozilla.org/zh-CN/docs/Learn/Tools_and_testing/
  • Dom 周华华 JavaScripthtml
    <!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
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他