编辑/etc/init.d/status-client里WEB路径...

一、web应用　　Web应用程序是一种可以通过web访问的应用程序（web应用本质是基于socket实现的应用程序），程序的最大好处是用户很容易访问应用程序，用户只需要有浏览器即可，不需要再安装其他软件。应用程序有两种模式C/S、B/S。C/S是客户端/服务器端程序，也就是说这类程序一般独立运行。而B/S就是浏览器端/服务器端应用程序，这类应用程序一般借助谷歌，火狐等浏览器来运行。WEB应用程序一般是B/S模式。Web应用程序首先是“应用程序”，和用标准的程序语言，如java，python等编写出来的程序没有什么本质上的不同。在网络编程的意义下，浏览器是一个socket客户端，服务器是一个socket服务端。      如下代码是一个python写的服务端代码，可以用浏览器当客户端去访问该服务端，理解web服务：　　importsocket　　defhandle_request(conn):　　request_data=conn.recv(1024)　　print("request_data:",request_data)#观...

spring.io官方提供的例子BuildingaRESTfulWebService提供了用Maven、Gradle、STS构建一个RESTFulWebService，实际上采用STS构建会更加的便捷。STS安装参考。 目标在浏览器中输入url：http://localhost:8080/greeting访问后得到结果：{"id":1,"content":"Hello,World!"}可以在url中带上参数：http://localhost:8080/greeting?name=User带上参数后的结果：{"id":1,"content":"Hello,User!"} 开始新建项目，通过菜单“File->New->SpringStarterProject”新建。 在“NewSpringStarterProject”对话框里自定义打上项目名，Atifact，Group，Package后，点Next。 在“NewSpringStarterProjectDependencies”中，选择SpringBootVersion，把Web组件勾上，...

用vue-cli生成项目时，如果选择了单元测试，那么会采用karma+mocha作为单元测试框架，默认使用的浏览器是PhantomJs。 Karma是一个基于Node.js的JavaScript测试执行过程管理工具（TestRunner）。可启动所有主流Web浏览器作为测试容器，运行时会启动一个web服务器，生成包含js源代码和js测试脚本的测试页面，运行浏览器加载测试页面，并显示测试的结果。 mocha是一款JavaScript测试框架，提供一套函数来帮助编写测试用例，并通过运行执行测试并得到结果。 PhantomJs是基于webkit内核的无UI界面的浏览器，即它就是一个浏览器，只是其内的点击、翻页等人为相关操作需要程序设计实现。浏览器支持参考：http://karma-runner.github.io/0.13/config/browsers.htmlhttps://github.com/karma-runner/karma-chrome-launcher 因为是要在chrome环境里跑测试，所以需要安装chrome对应的luncher。&...

在《vue-cli搭建的项目中增加后台mock接口》中实现了后台mock，但是前端post的t数据都要在mock的后台接口中使用req的接收数据事件获取http协议body中的数据。req.on('data',function(chunk){//接收字节数据});req.end('data',function(){//转换||处理});req.error('error',function(e){//处理错误});如果前端需要使用cookie，后端要读取，那么在后台mock的接口中还要获取req的headers，并从中取得cookie字符串，自己还要分割处理等等。 当然这样是可以的，但是比较麻烦，从接收数据到转换都要自己做。vue-cli搭建的项目是用express作为node.js的web框架，它支持丰富的中间件。对应上述问题，有body-parser和cookie-parser中间件可以方便地将post的body中的数据和cookie自动提取成req.body和req.cookies对象供人使用，非常方便。 安装中间件npminstallbody-parser--...

用vue-cli搭建一个前端开发环境确实是极其方便，在写前端代码肯定也是少不了需要调用后台提供的业务接口进行前后端交互，特别在敏捷开发中，前后端都要提前确定业务接口并进行打桩，在开发过程中基本是没有现成的后台可以调用，基本上都是自己写mock进行模拟。在vue-cli搭建的项目中，框架上用的是express的web框架，要做一个mock是很方便的。 假设前端页面上需要获取所有的新闻列表，那么就需要mock一个能够返回所有新闻列表数据的接口。接下来就在项目中实现mock功能。 脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目（名字任意）vueinitwebpackvue-mock-demo 在出现的各提示选项中，没什么要求，为了方便，把不用的ESLint，unittests，e2e都关掉（这些选项都随意）。?Projectnamevuestrap?ProjectdescriptionAVue.jsproject?Author省略?Vuebuildstandalone?Installvue-router?Yes?UseESLintt...

vue-cli+webpack在生成的项目中使用bootstrap方法（一）中，是通过手动下载bootstrap库，然后手动添加到src/assets中，显然是过程太多。当然是可以更省力些，可以通过npm安装bootstrap，然后用import直接导入bootstrap的方式进行整合，因为vue-loader能自动从node_modules下加载库，非常方便。完整过程实现一遍。  脚手架生成项目（同方法一）执行命令用webpack模板生成一个名为vuestrap的项目（名字任意）vueinitwebpackvuestrap 在出现的各提示选项中，没什么要求，为了方便，把不用的ESLint，unittests，e2e都关掉（这些选项都随意）。?Projectnamevuestrap?ProjectdescriptionAVue.jsproject?Author省略?Vuebuildstandalone?Installvue-router?Yes?UseESLinttolintyourcode?No?SetupunittestswithKarma+Mocha...

在一个html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。 脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目（名字任意）vueinitwebpackvuestrap 在出现的各提示选项中，没什么要求，为了方便，把不用的ESLint，unittests，e2e都关掉（这些选项都随意）。?Projectnamevuestrap?ProjectdescriptionAVue.jsproject?Author省略?Vuebuildstandalone?Installvue-router?Yes?UseESLinttolintyourcode?No?SetupunittestswithKarma+Mocha?No?Setupe2etestswithNightwatch?No选项选完，项目也就生成了。 执行命令，安装脚手架创建的组件npminstall 安装jquerybootstrap是...

按照官网安装完protractor。升级webdriver-manager，获取selenium-server-standalone库文件以及各种浏览器驱动文件。webdriver-managerupdate升级后运行命令启动webdriver-manager以便提供浏览器模拟服务。webdriver-managerstart运行后会出现错误“Error:Invalidorcorruptjarfile”。原因应该是文件下载的不完整或者文件错误。可以把“selenium-server-standalone-2.53.1.jar”手动删除，用vpn/代理再次执行“webdriver-managerupdate”，如果update的时候，在控制台里看到有error信息的话，那么还要重新下载，换个vpn或网络再试试。 END...

protractor内代码的语法是基于ES6的，比如：里面用到了展开运算符“...”，node.js6.0以下是不支持该语法特性。所以，安装protractor是不会报错，但运行webdriver-manager的升级就会报那三个点无法识别。 需要将node.js升级到6.0+就能解决该问题。 protractor参考 END ...

文件夹treeview的效果这样的treeview在实际项目中使用的场景较多。既然用的多，那就DIY一遍，虽没有面面俱到，但也要将其基本实现完成一遍。1.先准备图标素材 file.gif，文件图标 folder.gif，文件夹打开中的图标 folder-closed.gif，文件夹关闭着的图标 treeview-default.gif，折叠图标 treeview-default-line.gif，折叠线图标，实际分辨率是16*1776 2.treeview是基于ulli以及他们的嵌套，将文件夹树用列表搭出html代码<!DOCTYPE><html><head><metahttp-equiv="content-type"content="text/html;charset=utf-8"/><title>treeview</title><styletype="text/css"></style></head><body...

用Jade模板引擎写html确实方便，元素不用闭合，很多种简写的方法。为了要知道自己写的对不对，就要用到jade-w命令监控jade文件，只要变化就编译。现在用webstorm写代码的超多，可以通过其中的Filewatcher的方式关联jade命令做到自动化编译生成html文件。步骤：1.当然是安装jade，装过的就忽略。npminstall-gjade 2.设置Webstorm，添加filewatcherforjade点击菜单项“File->Settings...”，在打开的“Settings”对话框的左边选项中选择“FileWatchers”，然后在右侧点“+”图标（add）。参照下图设置各项参数，注意：jade文件需要在工程中才有效。...

看了javascript网页特效实例大全中的图片飘下的效果实例，觉得值得动手学习下。就把图片改成雪花图，完成一个雪花飘下的效果。并且，其中有些内容比较陈旧了，那么就学者改掉吧。包括：1.对left和top的操作仅支持IE浏览器，这咋行，必须得支持chrome。2.控制图片下落的过程还要去检索element，不好吧，那就改成数组维持，直接操作数组中维持的对象，启不更快。3.向文档中添加元素直接改成通过JS代码创建元素对象的方式。 实现思路：1.初始化生成10个div，全都采用绝对定位，每个div中放一个雪花图片，设置好宽高，并保存在数组中，便于后面下雪的函数直接操作。2.初始化每个div的横坐标和纵坐标，总要给雪花一个下落的起始位置吧。3.初始化为每个雪花都设一个纵向的下落步长，一个横向的摆动步长，这样每个雪花都会以不同的速度下落和摆动。4.做一个下雪的函数，每10秒调一下该函数，每调一次该函数，就是控制每个雪花在纵向下落一个自身的步长，横向的摆动通过正弦函数算出一个正弦值后乘以幅度，这样雪花下落就是按照正弦波形的方式进行。 图片可以网上随便找。以下代码兼容IE8+，...

这两天重新学习了一下Webpack的使用，在学习打包css/less样式资源时，发生了这样一个报错： 关键报错信息是:  this.getOptionsisnotafunction，网上百度一下之后说是版本问题。然后我又查了一下npm官网，果然在22天之前less-loader发布了8.0.0新版本，很有可能是新版本带来的兼容问题。 解决办法：卸载less-loader，重新下载一个较低的版本，这样就可以正常打包了。cnpmuninstallless-loadercnpmi-Dless-loader@7//最新版本为8.0.0，所以重新下载版本7的最新版本  完。...

常见的兼容性问题：1、不同浏览器的标签默认的外边距(margin)和内边距(padding)不同解决方案：css里增加通配符*{margin:0;padding:0;}2、IE6双边距问题；在IE6中设置了float,同时又设置margin,就会出现边距问题解决方案：设置display:inline;3、当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度解决方案：超出高度的标签设置overflow:hidden,或者设置line-height的值小于你的设置高度4、图片默认有间距解决方案：使用float为img布局5、IE9一下浏览器不能使用opacity解决方案：opacity:0.5;filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);6、边距重叠问题；当相邻两个元素都设置了margin边距时，margin将取最大值，舍弃最小值；解决方案：为了不让边重叠，可以给子元素增加一个父级元素，并设置父级元素为overflow:hidden；7...