[前言] 之前我已经为大家介绍过一篇有关HTML5中原生拖拽的相关知识了。今天为大家介绍HTML5拖拽中的其他一些关于dataTransfer对象的知识和应用。dataTransfer对象之前的一篇文章中也有提及到dataTransfer对象，那会只是想通过dataTransfer对象来将被拖拽元素...
分类：
Web程序 时间：
2015-03-06 16:31:24
阅读次数：
158
网站静态化处理这个系列马上就要结束了，今天我要讲讲本系列最后一个重要的主题web前端优化。在开始谈论本主题之前，我想问大家一个问题，网站静态化处理技术到底是应该归属于web服务端的技术范畴还是应该归属于web前端的技术范畴，要回答清楚这个问题我们要明确下网站应用的本质到底是什么？网站的本质其实就.....
分类：
Web程序 时间：
2015-03-06 16:28:44
阅读次数：
191
前文讲到了CSI技术，这就说明网站静态化技术的讲述已经推进到了浏览器端了即真正到了web前端的范畴了，而时下web前端技术的前沿之一就是前后端分离技术了，那么在这里网站静态化技术和前后端分离技术产生了交集，所以今天我将讨论下前后端分离技术，前后端分离技术讨论完后，下一篇文章我将会以网站静态化技术.....
分类：
Web程序 时间：
2015-03-06 16:29:24
阅读次数：
130
Web前端很多优化原则都是从如何提升网络通讯效率的角度提出的，但是这些原则使用的时候还是有很多陷阱在里面，如果我们不能深入理解这些优化原则背后所隐藏的技术原理，很有可能掉进这些陷阱里，最终没有达到最佳的预期效果，今天我在这里分析下浏览器和服务端通讯的一些细节问题，希望通过分析这些细节问题，能给大.....
分类：
Web程序 时间：
2015-03-06 16:26:02
阅读次数：
112
HTML5 标签用于绘制图像（通过脚本，通常是 JavaScript）。不过， 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。本手册提供完整的 getContext("2....
分类：
Web程序 时间：
2015-03-06 16:25:40
阅读次数：
143
我第一次听说nodejs技术大概是在2009年年末，不过我真正认真在网络上进一步了解nodejs还是在2010年年中，当时对nodejs的认识和我现在对nodejs的认识有着天壤的区别，开始想了解nodejs我只是为了感慨谷歌公司开发的V8引擎居然如此强大，它不仅仅可以作为chrome浏览器的j.....
分类：
Web程序 时间：
2015-03-06 16:26:02
阅读次数：
186
今天看到一个魔术变量，是以前没见过的，__DIR__，我查了查，发现原来是php5.3新增的，顺便举几个例子，解释一下php的魔术变量1，__FILE__文件的完整路径和文件名。如果用在被包含文件中，则返回被包含的文件名。自 PHP 4.0.2 起，__FILE__总是包含一个绝对路径（如果是符号连...
分类：
Web程序 时间：
2015-03-06 16:25:58
阅读次数：
136
实例在位置 (10,10) 处绘制一个矩形，将新的 (0,0) 位置设置为 (70,70)。再次绘制新的矩形（请注意现在矩形从位置 (80,80) 开始绘制）：Your browser does not support the HTML5 canvas tag. JavaScript:var c=d...
分类：
Web程序 时间：
2015-03-06 16:24:09
阅读次数：
122
HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的 meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的 head 头标签...
分类：
Web程序 时间：
2015-03-06 16:26:16
阅读次数：
212
让Java程序能够识别Hadoop的hdfs URL方案需要一些额外的工作，采用的方法是通过FsUrlStreamHandlerFactory实例调用java.net.URL对象的setURLStreamHandlerFactory方法。每个Java虚拟机只能调用一次这个方法，因此通常在静态方法中调...
分类：
Web程序 时间：
2015-03-06 16:24:37
阅读次数：
110
上篇我补充了下SSI的知识，SSI是一个十分常见的技术，记得多年前我看到很多门户网站页面的后缀是.shtml，那么这就说明很多门户网站都曾经使用过SSI技术，其实现在搜狐网站也还在用shtml，如下图所示： 由此可见SSI在互联网的应用还是非常广泛的。其实互联网很多网页如果我们按照动静分离策略...
分类：
Web程序 时间：
2015-03-06 16:23:12
阅读次数：
148
反向代理也是一种可以帮助实现网站静态化的重要技术，今天我就来讲讲反向代理这个主题。那么首先我们要了解下什么是反向代理。和反向代理相对应的是正向代理，正向代理也就是我们常说的代理服务，正向代理是非常常见的，例如在某些公司里我们想使用互联网，那么我们就得在浏览器里设置一个代理服务器，通过代理服务器我.....
分类：
Web程序 时间：
2015-03-06 16:22:50
阅读次数：
151
前后端分离的主题虽然讲完了，但是前后端分离的内容并没有结束，本篇将继续前后端分离的问题，只不过这次前后端分离的讲述将会围绕着本系列的主题网站静态化进行。在讲本篇主题之前，我需要纠正一下前后端分离主题讲述中会让朋友们产生误导的地方，这种误导就是对时下流行的一些前后端分离方案（没有使用nodejs的.....
分类：
Web程序 时间：
2015-03-06 16:24:02
阅读次数：
156
搜索字符串比较、忽略大小写----大小写转换、模糊搜索----search的使用、split、高亮显示及筛选toLowerCase() 方法用于把字符串转换为小写str.search('') 找到并且返回字符串出现的位置，如果没找到-1split() 方法用于把一个字符串分割成字符串数组，下面的例子...
分类：
Web程序 时间：
2015-03-06 16:22:47
阅读次数：
134
讲完了SSI，ESI，下面就要讲讲CSI了 ，CSI是浏览器端的动静整合方案，当我文章发表后有朋友就问我，CSI技术是不是就是通过ajax来加载数据啊，我当时的回答只是说你的理解有点片面，那么到底什么是CSI技术了？这个其实要和动静资源整合的角度来定义。 CSI技术其实是在页面进行动静分离后，...
分类：
Web程序 时间：
2015-03-06 16:21:58
阅读次数：
139
ajax请求、servlet返回json数据1、方式一response.setcontenttype("text/html;charset=utf-8"); response.setheader("cache-control", "no-cache");string str = "{'msg':'....
分类：
Web程序 时间：
2015-03-06 16:21:22
阅读次数：
154
(function($){ $.fn.yourName = function(options){ //各种属性、参数 } var options = $.extend(defaults, options); this.each(function(){ //插件实现代码 }); }; })(jQuer...
分类：
Web程序 时间：
2015-03-06 16:20:17
阅读次数：
151
