lgxzzz的博客

tomcat的启动流程及原理

TOMCAT启动过程原理详解

最近在做一些活动页面的开发，在开发的过程中要用到和本地server并进行本地联调，而在本地服务联调中无可避免的会涉及到跨域。因此自己利用browser-sync简单的搭建了个服务，并采用http-proxy-middleware解决了联调过程中的跨域问题。 小弟现在为各位看官献上具体攻略，首先我们得安装node，详情https://nodejs.org/en/； 安装browser-sync，npm install browser-sync -D; 安装http-proxy-middleware，np

安装gulp 全局安装：`npm install -g gulp`项目安装：`npm install gulp --save-dev` 安装browser-sync 全局安装 `npm install -g browser-sync`项目安装 `npm install browser-sync --save-dev` 编写代码 在项目根目录下创建文件：gulpfile.js在gulpfi...

Browsersync介绍Browsersync是浏览器同步测试工具，Browsersync能让浏览器实时、快速响应文件更改（html、js、css、sass、less等）并自动刷新页面。省去手动F5的事件，更重要的是Browsersync可以同时在PC、平板、手机等设备下进项调试。即在任何一设备上操作，其他设备也随之改变，大大提高了测试效率。效果图：自动刷新各浏览器同步测试Browsersync安装Browsersync是基于node.js的，所以首先确定安装了node.js.

glup它是一款nodejs应用。 它是打造前端工作流的利器，打包、压缩、合并、git、远程操作...， 简单易用 无快不破 高质量的插件 ....glup安装$ npm install --global gulp-cli$ npm install --save-dev gulp安装各种插件 npm install --save gulp //本地使用gulp npm install --save gulp-imagemin //

前言 之前我们讲了gulp3.0， 这篇引入gulp4.0， 4.0相比3.0有一些改变的地方： gulp3.0压缩顺序默认是顺序执行的，4.0引入压缩并行的处理方式： gulp.series|4.0 依赖顺序执行gulp.parallel|4.0 多个依赖嵌套'html','css','js'并行因为之前一步步说了怎么压缩js\ css\image等，此处直接上代码： gulpfile.js: ...

Gulp入门使用教程 Gulp的简介为什么是Gulp？安装Gulp创建Gulp项目目录结构第一个Gulp任务Gulp执行预处理Node中的通配符监听Sass文件使用Browser Sync自动刷新 Gulp的简介 gulp,英文的意思是吞咽 （英 [gʌlp]） （ 美 [ɡʌlp] ），具体读啥大家自己看音标。 Gulp 是一个自动化工具，前端开发者可以使用它来处理常见任务： 搭建web服务...

一、解决什么问题　　1、html中img引入的图片地址没有被替换，找不到图片　　2、html公共部分复用问题，如头部、底部、浮动层等二、html中img引入图片问题解决　　1、在index.html插入img，引用图片<img src="../../assets/img/test.jpeg">　　2、npm run dev运行结果如下：　　　　　　　因为图片地址没有被替换为打包后的地址，所以找不到图片　　 3、需要使用的包：html-withimg-lo...

一般情况下，我们不用担心所使用的第三方库，在npm管理仓库中找不到。如果需要某一个库，如：jquery，可以直接运行npm install jquery脚本命令来安装这个项目所需要的依赖；然后，在使用jquery的模块文件中，通过import $ from 'jquery'或者var $ = require('jquery')来引入。这是常用的在webpack构建的项目中引入第三方库的方式。注：为了更好的演示示例代码，示例是在nodemon这篇文章的基础上操作的。但是，在不同的场景下，对

引言前端经过漫长的发展，涌现出了很多实践方法来处理复杂的工作流程，让开发变得更加简便，其中，模块化可以使复杂的程序细化成为各个小的文件，而webpack并不强制你使用某种模块化方案，而是通过兼容所有模块化方案让你无痛接入项目，本文详细介绍webpack安装配置及打包的详细过程。Webpack简单介绍本质上，webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependenc.

1|0二、什么是nrmnrm 是一个 npm源管理器，允许你快速地在 npm源间切换。什么意思呢，npm默认情况下是使用npm官方源（使用npm config ls命令可以查看），在国内用这个源肯定是不靠谱的，一般我们都会用淘宝npm源：https://registry.npm.taobao.org/，修改源的方式也很简单，在终端输入：npm set registry https://registry.npm.taobao.org/再npm config ls查看，已经...

一、介绍1、什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。2、为什要使用WebPack今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法a:模块化，让我们可以把复杂的程序细化为小的文件;b:类似于.

目录 前言： 1.NodeJS 1.1 NodeJS安装 1.2 修改NodeJS安装模块路径： ​1.3 配置镜像源: 2.Webpack 2.1 Webpack安装 本地安装（推荐）： 全局安装： 2.2 Webpack打包 手动打包： 热部署： 前言： 这是一篇从后端开发人员的视角出发，编写的关于NodeJS和Webpack从零开始，从安装到使用的记录，基本上每一步都有注释说明，...

nodejs安装：1.下载：https://nodejs.org/en/download/2.安装node-v6.11.3-x64.msi文件，直接默认安装（next……）；3.验证是否完成安装：cmd 进入后输入命令 node -v 回车能得到nodejs版本号； 输入node 回车再输入console.log('aaaaa') 回车能正常显示输出。这表示nodejs安装成功。webpack安装：1.npm安装：在f盘新建文件夹webpack，在webpack文件夹建...

一：Webpack介绍 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 webpack是一个前端构建工具。那么什么是构建 工具 呢？ 前端构建工具就是把开发环境的代码转化成运行环境代码。一般来说，开发环境的代码是为了更好的阅读，而运行环境的代码则是为了能够更快地执行。因此开发环境和运行环境的代码形...

一、npm是什么当一个网站依赖的js代码越来越多，程序员发现这是一件很麻烦的事情：去 jQuery 官网下载 jQuery去 BootStrap 官网下载 BootStrap去 Underscore 官网下载 Underscore……有些程序员就受不鸟了，于是npm就出来了，全称是 Node Package Manager 包管理工具。这一点和maven、gradle十分相似，只不过maven、gradle是用来管理java jar包的，而npm是用来管理js的。NPM 的实现思...

错误原因这几天在学习react，跟着慕课网的视频学习。React实战--打造画廊应用（上）React实战--打造画廊应用（下）在用yeoman最初构建项目，完成后需要启动项目。运行npm start时，出现了错误：> @0.0.1 start E:\workspace\loveGallery-by-react> node server.js --env=devmodule.js:471 throw err; ^Error: Cannot find mod

在配置phonecat项目时需要运行npm start在本地配置一个服务器环境，npm start首先会安装一系列的必要程序，这些程序依赖package.json中的内容，package.json中的内容详解如下：依赖包介绍在克隆项目之后，目录如下：➜angular-phonecat git:(master) ✗ tree -L 2.├── LICENSE├── README.md├── app│ ├── bower_components│ ├── css│ ├── img│ ├──

npm start 运行的是package.json中script块start对应的命令使用node ./bin/www就是直接执行其中的bin文件其中的www进行设置

node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出啊线npm的版本号，说明npm已经安装好。引用大神的总结:其实npm是nodejs的包管理器（package manager）。我们在Node.js上开发时，会用到很多别人已经写好的javascript代码，如果每当我们需要别人的代码时，都根据名字搜索一下，下载源

前言在使用tomcat时，经常会遇到连接数、线程数之类的配置问题，要真正理解这些概念，必须先了解Tomcat的连接器（Connector）。在前面的文章详解Tomcat配置文件server.xml中写到过：Connector的主要功能，是接收连接请求，创建Request和Response对象用于和请求端交换数据；然后分配线程让Engine（也就是Servlet容器）来处理这个请求，并把产生的Request和Response对象传给Engine。当Engine处理完请求后，也会通过Connecto..

tomcat8布署war包，出现如标题的报错，这是因为tomcat8以上对resource采取了cache，而默认的大小是10M。解决的办法很简单，就是在context.xml中调大缓存。代码如下：<Resources cachingAllowed="true" cacheMaxSize="100000" />...

在eclipse安装、使用MAT插件简介：Eclipse提供的一个内存分析工具。它是一个功能丰富的 JAVA 堆转储文件分析工具，可以帮助你发现内存漏洞和减少内存消耗。官网地址：Eclipse Memory Analyzer Open Source Project | The Eclipse Foundation安装（如果你使用的是MOTODEV Studio for Android则默认自带了该工具）你可以选择安装Eclipse提供的原版插件或使用MOTODEV Studio for An...

1. 下载工具cronologwget http://cronolog.org/download/cronolog-1.6.2.tar.gz这是网上流传的下载地址，好像没用，所以需要自己去网上找。2. 安装tar xf cronolog-1.6.2.tarcd cronolog-1.6.2./configure --prefix=/usr/local/cronolog //按自己需要指定安装路径，或不指定makemake install3. 配置tomcat的启动文件

Tomcat本身不能直接在计算机上运行，需要依赖于操作系统和一个JAVA 虚拟机 。JAVA程序启动时JVM会分配一个初始内存和最大内存给程序。当程序需要的内存超出内存的最大值时虚拟机就会提示内存溢出，并且导致应用服务崩溃。一、常见的 Java 内存溢出有以下三种：1. java.lang.OutOfMemoryError: Java heap space 即JVM Heap溢出解释说明：JVM在启动的时候会自动设置JVM Heap的值，JVM堆的设置是指java程序运行过程中JVM可以调配使用的

tomcat默认的项目发布目录是/webapp/ROOT，如果想自定义发布目录，应该怎么办呢？ 修改配置文件 首先，修改$tomcat/conf/server.xml文件。 在server.xml文件中，有一段如下： <engine name="Catalina" defaultHost="localhost"><host name="localhost" appBase="webapp...

步骤： 1、打开server.xml,在</Host>的上一行添加内容格式如下 <Context path="" reloadable="true" docBase="<项目名>"/> 如: <Context path="" docBase="gps" debug="0" reloadable="true"/> dosBase里写的是你要设置为默认项目...

和早期版本相比最新的Tomcat提供更好的性能和稳定性。所以一直使用最新的Tomcat版本。现在本文使用下面几步来提高Tomcat服务器的性能。增加JVM堆内存大小 修复JRE内存泄漏 线程池设置 压缩 数据库性能调优 Tomcat本地库 其它选项 第1步 – 提高JVM栈内存Increase JVM heap memory你使用过tomcat的话，简单的说就是“内存溢出”. 通常情况下，这种问题出现在实际的生产环境中.产生这种问题的原因是tomcat使用较少的内存给进..

节前某个部门的测试环境反馈tomcat会意外退出，我们到实际环境排查后发现不是jvm crash，日志里有进程销毁的记录，从pause到destory的整个过程：org.apache.coyote.AbstractProtocol pausePausing ProtocolHandlerorg.apache.catalina.core.StandardService stopInternalStopping service Catalinaorg.apache.coyote.AbstractP

一、JVM内存配置优化 在开发当中，当一个项目比较大时，依赖的jar包通常比较多，我们都知道，在应用服务器启动时，会将应用引用到的所有类通过ClassLoader依次全部加载到内存当中。Java的逻辑内存模型大致分为堆内存、栈内存、静态内存区，也称持久区，该区的内存不会被GC回收。堆内存用于存储类的实例、数组等引用类型数据，也就是用new生成的对象，都存放在这里，栈内存存储局部变量（如：方法参数），静态内存区存储常量、静态变量、类元数据信息（方法、属...

今天是个很丰富的日子，早上一上班，第一个听到的惊爆消息就是楷子得了肠胃炎，一大早去医院挂水了…… 随后风胜和笑虎也没来，后来得知他们俩去去华星现代产业园参加培训，内容是关于Apache与Nginx的。于是乎，我非常感兴趣地查了一下培训用的PPT，并跟旁边的俊牧了解了一下关于服务器的一些东西…… 整个交流过程中，我发现好多概念已经被我遗忘了，有的也很模糊，于是乎，我还是决定到网上查一下，并记录下来！ 下面是令人纠结的正文…… 先说Apache和...

一、概述nginx官方文档给出location语法如下： 1 location[=|~|~*|^~]uri{…} 其中，方括号中的四种标识符是可选项，用来改变请求字符串和uri的匹配方式。uri是待匹配的请求字符串，可以是不包含正则的字符串，这种模式被称为“标准的uri"；也可以包含正则，这种模式被称为"正则uri"，如下： 1 2 location~.*\.(php|php5)?${ } ...

一、proxy_pass的nginx官方指南nginx中有两个模块都有proxy_pass指令。ngx_http_proxy_module的proxy_pass：语法: proxy_pass URL;场景: location, if in location, limit_except说明: 设置后端代理服务器的协议(protocol)和地址(address),以及location中可以匹配的一个可选的URI。协议可以是"http"或"https"。地址可以是一个域名或ip地址和端口，或者一个

Nginx本项目是一个 Nginx 极简教程，目的在于帮助新手快速入门 Nginx。demos目录中的示例模拟了工作中的一些常用实战场景，并且都可以通过脚本一键式启动，让您可以快速看到演示效果。概述 安装与使用 安装 使用 nginx 配置实战 http 反向代理配置 负载均衡配置 网站有多个 webapp 的配置 https 反向代理配置 静态站点配置 搭建文件服务器 跨域解决方案 更多内容概述什么是 Nginx?Nginx (en.

首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒杀、动态服务、单品页、列表页等都在使用Nginx+Lua架构，其他公司如淘宝、去哪儿网等。安装环境安装.

我们知道，不同肤色的人外貌差别很大，而双胞胎的辨识很难。有意思的是Web服务器/Web容器/Web应用程序服务器/反向代理有点像四胞胎，在网络上经常一起出现。本文将带读者对这四个相似概念如何区分。Web服务器概念与基本原理Web服务器的历史1989年，互联网之父Berners-Lee向其雇主CERN提出了一个新项目，目的是通过使用超文本系统来缓解科学家之间的信息交流。该项目导致Berners-Lee在1990年编写了两个方案：一个名为WorldWideWeb的浏览器。世界上第一个网络服务

一. ngx_http_proxy_module模块： 模块功能: 为后端httpd服务做反向代理, 并且与Httpd 之间使用http进行通信1、proxy_pass URL; Context: location, if in location, limit_except当root 与proxy_pass 同时存在是,proxy 优先级更高———————————————————————————...

一、设置http反向代理：正在上传…重新上传取消​upstream ly.com {server 192.168.1.100:88;server 192.168.1.101:88;}upstream home.ly.com {server 192.168.1.100:90;server 192.168.1.101:90;}正在上传…重新上传取消​对应增加：正在上传…重新上传取消​server {listen 80;server_name ly.com;lo.

nginx timeout 配置 全局timeout 局部timeout web timeoutnginx比较强大,可以针对单个域名请求做出单个连接超时的配置.比如些动态解释和静态解释可以根据业务的需求配置proxy_connect_timeout:后端服务器连接的超时时间_发起握手等候响应超时时间proxy_read_timeout:连接成功后_等候后端服务器响应时间_其实已经进入后端的排队之中等候处理（也可以说是后端服务器处理请求的时间）proxy_send_timeout...