2017年03月_jeikerxiao

转载 HTML DOM 简介

HTML DOM 简介HTML DOM 定义了访问和操作 HTML 文档的标准。什么是 DOM？DOM 是 W3C（万维网联盟）的标准。DOM (Document Object Model)文档对象模型的缩写。定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为

2017-03-31 09:27:54 542

转载浏览器工作原理1-介绍

浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型1.介绍本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。将讨论的浏览器今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。本文将基于一些开源浏览器的例子——Firefox、C

2017-03-30 20:01:04 651

转载浏览器工作原理2-渲染引擎

浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型2. 渲染引擎（The rendering engine）渲染引擎的职责就是渲染，即在浏览器窗口中显示所请求的内容。默认情况下，渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件，可以显示PDF格式，将由专门一章

2017-03-30 19:59:59 646

转载浏览器工作原理3-解析与DOM树构建

浏览器工作原理3介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型3. 解析与DOM树构建解析（Parsing－general）既然解析是渲染引擎中一个非常重要的过程，我们将稍微深入的研究它。首先简要介绍一下解析。解析一个文档即将其转换为具有一定意义的结构——编码可以理解和使用的东西。解析的结果通常是表达文档结构的节点树，称为解析树或语法树。例

2017-03-30 19:59:16 1828

转载浏览器工作原理4-渲染树构建

浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型# 4. 渲染树构建（Render tree construction）当Dom树构建完成时，浏览器开始构建另一棵树——渲染树。渲染树由元素显示序列中的可见元素组成，它是文档的可视化表示，构建这棵树是为了以正确的顺序绘制文档内容。　　Firefox将渲染树中的元素称为frames

2017-03-30 19:58:36 585

转载浏览器工作原理5-布局

浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型5. 布局（Layout）当渲染对象被创建并添加到树中，它们并没有位置和大小，计算这些值的过程称为layout或reflow。Html使用基于流的布局模型，意味着大部分时间，可以以单一的途径进行几何计算。流中靠后的元素并不会影响前面元素的几何特性，所以布局可以在文档中从右向左、自上

2017-03-30 19:57:52 704

转载浏览器工作原理6-绘制

浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型6. 绘制（Painting）绘制阶段，遍历渲染树并调用渲染对象的paint方法将它们的内容显示在屏幕上，绘制使用UI基础组件，这在UI的章节有更多的介绍。全局和增量和布局一样，绘制也可以是全局的——绘制完整的树——或增量的。在增量的绘制过程中，一些渲染对象以不影响整棵树的方式改变

2017-03-30 19:54:31 499

转载浏览器工作原理7-动态变化

浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型7. 动态变化浏览器总是试着以最小的动作响应一个变化，所以一个元素颜色的变化将只导致该元素的重绘，元素位置的变化将大致元素的布局和重绘，添加一个Dom节点，也会大致这个元素的布局和重绘。一些主要的变化，比如增加html元素的字号，将会导致缓存失效，从而引起整数的布局和重绘。

2017-03-30 19:53:47 506

转载浏览器工作原理8-渲染引擎的线程

浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型8. 渲染引擎的线程渲染引擎是单线程的，除了网络操作以外，几乎所有的事情都在单一的线程中处理，在Firefox和Safari中，这是浏览器的主线程，Chrome中这是tab的主线程。网络操作由几个并行线程执行，并行连接的个数是受限的（通常是2－6个）。事件循环浏览器主线程是一个事件

2017-03-30 19:53:04 1652

转载浏览器工作原理9-CSS2可视模型

浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型　9. CSS2可视模型（CSS2 visual module）画布The Canvas根据CSS2规范，术语canvas用来描述格式化的结构所渲染的空间——浏览器绘制内容的地方。画布对每个维度空间都是无限大的，但浏览器基于viewport的大小选择了一个初始宽度。根据http:/

2017-03-30 19:52:06 556

scope依赖范围控制哪些依赖在哪些classpath 中可用，哪些依赖包含在一个应用中。让我们详细看一下每一种范围：compile （编译范围）compile是默认的范围；如果没有提供一个范围，那该依赖的范围就是编译范围。编译范围依赖在所有的classpath 中可用，同时它们也会被打包。provided （已提供范围）provided 依赖只有在当JDK 或者一个容器已提供该依赖之后才使用。例如

2017-03-29 19:19:32 675

原创 Spring Boot 微信-网页授权获取用户信息

网页授权获取用户信息步骤第一步：用户同意授权，获取code 第二步：通过code换取网页授权access_token 第三步：拉取用户信息(需scope为 snsapi_userinfo)第一步：用户同意授权，获取code要填写网页授权回调域名：1.在网页帐号处点击”修改”按钮 2.填写域名（注意不要http://, 不要后面的路由）在确保微信公众账号拥有授权作用域（scope参数）的权限

2017-03-29 14:28:05 14834 5

原创 Spring Boot 微信-验证服务器有效性

概述接入微信公众平台开发，开发者需要按照如下步骤完成：在自己服务器上，开发验证微信验证服务器地址的有效性逻辑在微信平台上，填写自己服务器地址信息在自己服务器上，依据微信接口文档实现业务逻辑第一步：实现验证服务器地址的有效性逻辑开发者提交信息后，微信服务器将发送GET请求到填写的服务器地址URL上，GET请求携带四个参数：参数描述 signature 微信加密签名，signa

2017-03-29 13:56:29 5312 4

原创 Spring Junit4 单元测试

Spring@RunWith(SpringJUnit4ClassRunner.class)//基于Junit4的Spring测试框架 @ContextConfiguration(location={"/applicationContext.xml"})//启动Spring容器 public class TestUserService{ //注入Spring容器中的bean

2017-03-21 19:23:19 842

原创 log4j2 介绍

log4j 2的框架野心也想像slf4j一样，一统日志框架的天下。log4j2 官网：http://logging.apache.org/log4j/2.x/jar包依赖关系图log4j2架构说明目前的应用程序（application）可以使用以下的几种API来进行日志的编程，底层用log4j2实现日志输出Log4J 2.x APILog4J 1.2 APICommons Logging AP

2017-03-17 10:13:33 568

原创 slf4j 与jul、log4j1、log4j2、logback的集成

slf4j与jul的集成jar包依赖关系图1.需要的jar包slf4j-api.jarslf4j-jdk14.jar对应的maven依赖：<dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-jdk14</artifactId> <version>1.

2017-03-16 15:17:14 3357 1

原创 jdk-logging log4j1 log4j2 logback 日志框架介绍

1. 日志框架目前的日志框架有：jdk-logginglog4j1log4j2logback用于实现日志统一的框架有：commons-loggingslf4j1. jdk-logging使用方法1.Demopackage com.jeiker.demo.controller;import java.util.logging.Logger;/** * @Author : xiao

2017-03-16 09:59:19 999

原创 slf4j 简介

slf4j简介SLF4J（Simple logging facade for Java）不是具体的日志解决方案，而是一个抽象层（ abstraction layer），它允许你在后台使用任意一个日志类库。按照官方的说法，SLF4J是一个用于日志系统的简单Facade，允许最终用户在部署其应用时使用其所希望的日志系统。实际上，SLF4J所提供的核心API是一些接口以及一个LoggerFactory的工

2017-03-15 16:47:10 1806

原创 logback配置详解

logback配置文件查找顺序logback首先会试着查找logback.groovy文件;当没有找到时，继续试着查找logback-test.xml文件;当没有找到时，继续试着查找logback.xml文件;如果仍然没有找到，则使用默认配置（打印到控制台）。根节点<configuration>属性debug : 默认为false ，设置为true时，将打印出logback内部日志信息，

2017-03-15 09:43:32 1290

原创 Spring 配置文件xml文档的schema约束

在使用spring框架的时候，对于其配置文件xml，只是知道其使用方法，而不知道为什么。这里来研究一下下。1.配置文件示例<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:mvc="http://www.sprin

2017-03-14 09:43:28 2653

原创 Spring 发展

想了解一个Spring发展，先来看看java Web框架发展。java Web框架发展三步走：Servlet+JSPStruts2Spring MVC1.Servlet+JSP1.1 Servlet工作过程Servlet的作用是接收浏览器传给服务端的请求（request），并将服务端处理完的响应（response）返回给用户的浏览器。浏览器和服务端之间通过http协议进行沟通，其过程是浏览器

2017-03-13 20:58:56 972

转载 Spring IoC容器和SpringMVC IoC容器的关系

Spring IoC容器和SpringMVC IoC容器的关系需要进行 Spring 整合 SpringMVC 吗 ?还是否需要再加入 Spring 的 IOC 容器 ?是否需要再 web.xml 文件中配置启动 Spring IOC 容器的 ContextLoaderListener ?1.需要: 通常情况下, 类似于数据源, 事务, 整合其他框架都是放在 spring 的配置文件中(而不是放在

2017-03-10 11:05:15 1162

转载 Spring IoC容器和AOP解析

主要分析点：Spring开源框架的简介Spring下IOC容器和DI(依赖注入Dependency injection)Spring下面向切面编程(AOP)和事务管理配置1.Spring开源框架的简介Spring是一个开源框架，Spring是于2003 年兴起的一个轻量级的Java 开发框架，由Rod Johnson 在其著作Expert One-On-One J2EE Developmen

2017-03-10 10:31:39 637

原创 Spring 介绍

来个web框架发展史 Spring 由来2002年，Rod Johnson编著出版了《Expert one to one J2EE design and development》，该书中对JavaEE框架臃肿、低效、脱离现实的种种现状提出了质疑，并积极寻求探索革新之道。以此书为指导思想，他编写了interface21框架，这是一个力图冲破J2EE传统开发的困境，从实际需求出发，着眼于轻便、灵巧，

2017-03-09 18:28:13 499

原创 Servlet 过滤器

Servlet 编写过滤器Servlet 过滤器可以动态地拦截请求和响应，以变换或使用包含在请求或响应中的信息。可以将一个或多个 Servlet 过滤器附加到一个 Servlet 或一组 Servlet。Servlet 过滤器也可以附加到 JavaServer Pages (JSP) 文件和 HTML 页面。调用 Servlet 前调用所有附加的 Servlet 过滤器。Servlet 过滤器是可用

2017-03-09 15:59:28 387

原创 Servlet 实例

Servlet 实例说明Servlet 是服务 HTTP 请求并实现 javax.servlet.Servlet 接口的 Java 类。Web 应用程序开发人员通常编写 Servlet 来扩展 javax.servlet.http.HttpServlet，并实现 Servlet 接口的抽象类专门用来处理 HTTP 请求。HelloWorldServlet下面是 Servlet 输出 Hello Wo

2017-03-09 15:27:36 385

原创 Servlet 简介

Servlet 简介Servlet 是用Java编写的服务器端程序。Java Servlet 是运行在 Web 服务器或应用服务器上的程序，它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。狭义的Servlet是指Java语言实现的一个接口，广义的Servlet是指任何实现了这个Servlet接口的类，一般情况下，人们将Servlet理解

2017-03-09 15:01:03 530

原创 Maven：mirror和repository区别

什么是镜像? 什么是仓库?1.Repository（仓库）1.1 Maven仓库种类有2大类仓库：远程remote repository：相当于公共的仓库，大家都能访问到，一般可以用URL的形式访问。本地local repository：存放在本地磁盘的一个文件夹.如我的：\Users\xiao\.m2\repository\1.2 Remote Repository的种类远程仓

2017-03-04 13:15:17 6084

原创 Maven介绍

1.maven的用途maven是一个项目构建和管理的工具。提供了帮助管理构建、文档、报告、依赖、scms、发布、分发的方法。可以方便的编译代码、进行依赖管理、管理二进制库等。可以将项目过程规范化、自动化、高效化以及强大的可扩展性。利用maven自身及其插件还可以获得代码检查报告、单元测试覆盖率、实现持续集成等。2.maven的概念介绍2.1 pompom是指project object M

2017-03-04 12:59:35 577

原创 Maven自定义archetype生成项目骨架

通过 maven-archetype-plugin 插件可以自定义符合我们自己需求的archetype。1.什么是ArchetypeArchetype是一个Maven项目模板工具包。通过Archetype我们可以快速搭建Maven项目。常见的Archetype：简单的maven工程骨架maven-archetype-quickstart maven-archetype-simple

2017-03-04 12:24:20 11593 1

原创 Maven：pom文件详解

project<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_

2017-03-03 13:57:24 2481

原创配置Log4J

Log4J的配置文件(Configuration File)就是用来设置日志系统的，可以设置：日志的级别日志的存放位置日志的输出格式1.配置文件Log4J配置文件的基本格式如下：Log4J配置文件的基本格式如下：log4j.properties#配置根Loggerlog4j.rootLogger = [level],appenderName1, appenderName2, …#配置日志信

2017-03-02 19:13:30 294

jeikerxiao