欢马劈雪的技术文章、集册、实例源码

时代Java，与您同行！关注微信公众号，关注前沿技术，微信搜索：nowjava或时代Java，也可点击这里扫码关注

时代Java

登录注册

京东自营 + 国补 iPhone 历史最低价国家补贴享8折

欢马劈雪

使用 velocity 模板引擎

Velocity is a Java-based template engine. It permits anyone to use a simple yet powerful template language to reference objects defined in Java code.

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

使用， velocity，模板引擎，深入浅出， java
过滤器与监听器

过滤器过滤器（Filter），并非必须，但很实用。过滤器是一种设计模式，主要用来封装Servlet中一些通用的代码。在web.xml中配置哪些URL对应哪些过滤器。一个过滤器的写法如下：public void doFilter(ServletRequest request , ServletResponse response , FilterChain chain) { //处理 request chain.doFilter(request, response);

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

过滤器，监听器，深入浅出， java， web
理解Servlet

本文依然使用00-03、从JSP开始中创建的项目HelloJSP。本文主要有以下内容：如何使用Servlet编写Hello Servlet 如何将Servlet与URL对应起来 Servlet如何调用JSP Servlet如何返回JSON数据如何编写一个Dispatcher Hello Servlet项目结构如下：HelloServlet.java内容如下：package me.letiantian.servlet;import java.io.IOException;import java.io.

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

理解， servlet，深入浅出， java， web
从JSP开始

创建web项目打开netbeans，在菜单栏依次选择“File”、“New Project...”，然后1、选择java web： 2、项目名称、路径：3、选择使用的web容器，编写ContextPath：生成的web项目结构如下：index.html的内容如下：<!DOCTYPE html><!--To change this license header, choose License Headers in Project Properties.

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

jsp，开始，深入浅出， java， web
理解HTTP

HTTP是基于TCP协议的。TCP负责数据传输，而HTTP只是规范了TCP传输的数据的格式，而这个具体的格式，请见后面给出的资料。HTTP服务的底层实现就是socket编程。下面基于socket编写一个简单的HTTP server。import java.io.BufferedReader;import java.io.BufferedWriter;import java.io.IOException;import java.io.InputStreamReader;import java.io.OutputStreamWriter;

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

理解， http，深入浅出， java， web
深入浅出Java Web

Java Web，是用Java技术来解决相关web互联网领域的技术总和。web包括：web服务器和web客户端两部分。学习前提在学习本教程之前建议先对Java、HTML、CSS、JS、ajax、HTTP、Firebug有所了解。linux下编写程序。文件均是UTF-8编码。相关软件的安装jdk 1.8netbeans 8.0tomcat 8.0 更新日期更新内容2015-11-13深入浅出Java Web

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

深入浅出， java， web
树形提示 (不稳定)

https://chromedevtools.github.io/debugger-protocol-viewer/

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

树形，提示，不稳定， chrome，开发工具
远程调试协议

工具栏被分成若干域（DOM，Debugger，NetWork等）的。每个域定义了一些它支持的命令和它产生的事件。命令和事件是固定结构序列化的 JSON 对象。你可以在调试使用原始消息，因为它们在相应域的文档资料中被定义，或使用扩展的 JavaScript API。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

远程，调试，协议， chrome，开发工具
展示 Chrome 调试协议客户端实例

有很多浏览器的调试协议的第三方客户端。本节介绍一个示例。BracketBracket 是一个基于 Web 的 IDE ，使用 Chrome 调试协议启用调试，实时编辑 HTML / CSS。Brackets 网站。从 download.brackets.io 下载该客户端。源代码在 Github 上blog post from Mark DuBois 给了 Brackets 工作的总概。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

展示， chrome，调试，协议，客户端
远程调试协议

在底层，Chrome 开发者工具是用 HTML，JavaScript 和 CSS 写的 Web 应用程序。在 Javascript 运行时，它提供一个特殊的绑定，这允许它与 chrome 网页进行交互并且容许装载它们。交互协议包括被发送到页面的命令，和该页面生成的事件。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

远程，调试，协议， chrome，开发工具
Settings

修改 DevTools 中的设置点击设置齿轮，打开 General Settings 面板进行修改。或者，也可以使用快捷键？打开 Setting 窗格。通用设置禁用缓存只对打开了 DevTools 的网页禁止资源缓存。如果 DevTools 关闭，就会停止作用。禁用 JavaScript当使用这个检查，立即暂停所有注入在有 DevTools 实例的标签上的JavaScript 代码。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

settings， chrome，开发工具，指南
快捷键

DevTools 有许多内置快捷键，开发人员可以在他们的日常工作中使用快捷键来节省时间，提高开发效率。下面列出的每个快捷方式和其在 Windows/Linux 和 Mac 相应键位。一些快捷键可用在所有 DevTools，其它的只能用在指定单面板，或者被使用的时候是被打乱的。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

快捷键， chrome，开发工具，指南
DevTools 插件实例

有许多可用的或正在开发的 DevTools 插件。本节展示一小部分。这里列出的所有插件都可以从 Chrome 网上应用店安装。而且他们都是开源的，所以你可以把它们当作开发自己插件的灵感来源。AngularJS BatarangAngularJS Batarang 是 AngularJS 框架的一把瑞士军刀，它提供面板模型检测，分析依存关系，插装和性能，以及其他功能。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

devtools，插件，实例， chrome，开发工具
扩展 DevTools

总览一个 DevTools 插件能增加功能到 Chrome DevTools 中来.它能够增加新的 UI 面板和侧边栏，能与被检查的页面进行通信，能获得关于网络请求的信息，以及其他的功能。详见显式的 DevTools 插件。DevTools 插件能够访问一组额外特定 DevTools 扩展 API:devtools.inspectedWindowdevtools.networkdevtools.

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

扩展， devtools， chrome，开发工具，指南
整合 DevTools

Chrome DevTools 是可扩展的。因此，如果 DevTools 缺少你需要一个功能，你可以找到一个现有的插件，或者自己写一个扩展程序。或者你也可以将开发者工具功能集成到你的应用程序中。有两种基本方式使用 DevTools 建立一个自定义的解决方案：DevTools Extension（开发者工具扩展程序）。一个 Chrome 插件，可插入 DevTools 来添加他的功能并扩展其 UI。调试协议客户端。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

整合， devtools， chrome，开发工具，指南
命令行 API 参考

命令行 API 用 Chrome DevToos 执行常见任务的方法集合。这些集合包含了选择和检查 DOM 元素、停止和启动分析器、监测 DOM 事件的易用方法。这个 API 补充了控制台 API，命令行 API 仅可在控制台内使用。$_返回最近一次计算过的表达式的值。在下面的例子中是一个简单的表达式求值。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

命令行， api，参考， chrome，开发工具
控制台 API 参考

控制台 API 为 Web 应用程序提供输入信息到控制台、创建 JavaScript 文件和启动调试会话的方法。console.assert(expresson,object)如果指定表达式返回 false，返回结果会随着一个栈跟踪器输入到控制台上。在接下来的示例中，只要当文档中包含的子节点少于 10 个，断言消息才会被输入到控制台。 var list = document.querySelector('#myList'); console.assert(list.

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

控制台， api，参考， chrome，开发工具
JavaScript 内存分析

内存泄露是指计算机内存逐渐丢失。当某个程序总是无法释放内存时，就会出现内存泄露。JavaScript web 应用程序可能会经常遇到类似于本地程序中内存泄露这样的问题，比如泄露和膨胀，但是 JavaScript 有内存回收机制可以解决此类问题。尽管 JavaScript 使用了内存回收机来自动管理内存，高效的内存管理策略依然是相当重要的。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

javascript，内存，分析， chrome，开发工具
分析 JavaScript 性能

JavaScript 分析概论使用谷歌浏览器,打开V8 基准套件页面。再打开Chrome DevTools,移导航到概要文件面板,并验证“收集JavaScript CPU配置文件”是否被选中。现在,单击开始按钮或按 Cmd + E 开始记录一个JavaScript CPU配置文件。然后刷新V8基准套件页面。当页面完成重载时,就会显示基准测试的分数。回到DevTools，点击止按钮或再次按下 Cmd + E 停止记录。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

分析， javascript，性能， chrome，开发工具
时间轴示例：强制同步布局的诊断

该示例展示了怎么使用时间轴找出一种被称为“强制同步布局”的性能瓶颈。示例应用程序循环演示了几张图片并且强制使用了在执行基于帧的动画时所推荐的 requestAnimationFrame() 方法。但是在动画运行的时候仍然会出现不大理想的状况，我们将使用时间轴来诊断发生了什么问题。

欢马劈雪 2020-08-04 17:37:59 2020-08-04 05:37:59

时间轴，示例，强制，同步，布局

个人简介

欢马劈雪
纵马驰骋迎雪而行
获得 161932 积分
https://nowjava.com/creator/10001

欢马劈雪

使用 velocity 模板引擎

过滤器与监听器

理解Servlet

从JSP开始

理解HTTP

深入浅出Java Web

树形提示 (不稳定)

远程调试协议

展示 Chrome 调试协议客户端实例

远程调试协议

Settings

快捷键

DevTools 插件实例

扩展 DevTools

整合 DevTools

命令行 API 参考

控制台 API 参考

JavaScript 内存分析

分析 JavaScript 性能

时间轴示例：强制同步布局的诊断

个人简介

欢马劈雪

纵马驰骋迎雪而行

获得 161932 积分

https://nowjava.com/creator/10001

热门标签

社区

关于