王德封-逐浪

本帖志在收集前端技术大牛做的页面模板、以备设计和开发人员参考。后续会持续更新...,各位大牛有好的前端页面模板欢迎留言提供。本帖所有内容来自互联网，如果有侵犯您的版权，请留言，我会删除处理。1.HTML5数据可视化模板：1）内含20个HTML5模板。主要用于大屏数据可视化和数据分析平台的数据展示。个人认为其中的第2、18、20个最有代表性。https://download.csdn...

1. HTTP消息头（1）通用信息头即能用于请求消息中,也能用于响应信息中,但与被传输的实体内容没有关系的信息头,如Data,Pragma主要: Cache-Control , Connection , Data , Pragma , Trailer , Transfer-Encoding , Upgrade（2）请求头用于在请求消息中向服务器传递附加信息,

让div根据内容改变大小div{ width:auto; display:inline-block !important; display:inline; }

1、定时处理示例：

清空元素html("")、innerHTML="" 与 empty()的区别一、清空元素的区别     1、错误做法一：           $("#test").html("");//该做法会导致内存泄露 2、错误做法二：           $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露 3、正确做法：

1.合并方法/*** EasyUI DataGrid根据字段动态合并单元格* 参数 tableID 要合并table的id* 参数 colList 要合并的列,用逗号分隔(例如："name,department,office");*/function mergeCellsByField(tableID, colList) {    var ColArray = co

include指令是编译阶段的指令，即include所包含的文件的内容是编译的时候插入到JSP文件中，JSP引擎在判断JSP页面未被修改，否则视为已被修改。由于被包含的文件是在编译时才插入的，因此如果只修改了include文件内容，而没有对JSP修改，得到的结构将不会改变，所以直接执行已经存在的字节码文件，而没有重新编译。因此对不经常变化的内容，用include指令是合适的，如果需要的内容是经常变

jQuery  EasyUI的Datagrid组件功能算是很强大了，不过性能确实不怎么乐观，而对于性能问题，网络上几乎也找不到相关的优化资料，所谓的牛人们可能都望而却步了。本博客以后会带着分析Datagrid组件的性能问题，并且给出优化方案，也希望大家能集思广益，给出一些好的想法。慢在哪些方面以目前对Datagrid的了解程度去看待性能问题，主要有以下几点：加载大数据量时比

页面中调用函数--之${fn：}内置函数函数描述fn:contains(string, substring) 如果参数string中包含参数substring，返回truefn:containsIgnoreCase(string, substring) 如果参数string中包含参数substring（忽略大小写），返回truefn:endsWith(string,

MIME 类型MIME (Multipurpose Internet Mail Extensions) 是描述消息内容类型的因特网标准。MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据。官方的 MIME 信息是由 Internet Engineering Task Force (IETF) 在下面的文档中提供的：RFC-822 Standar

1、mime-util:      该工具可以通过 检测文件扩展名，或者检测magic header 两种技术方式来实现mime类型的检测。      比较可靠，而且轻量级、只依赖于slf4j一个包  。2010年后就没有更新了。      POM eu.medsea.mimeutil mime-util 2.1.3    示例代码：

table中加边框的样式（所有td都加薄边框） <style type="text/css"> .border-table { border-collapse: collapse; border: none; } .border-table td { border: solid #000 1px; } </style> <tabl...

该贴为H5网页的播放器的收集贴，以后会持续更新：1.西瓜视频播放器：感觉是比较专业的一款视频播放器（推荐使用）：http://h5player.bytedance.com/examples/https://github.com/bytedance/xgplayer-vue2.vue-video-playerhttps://github.com/surmon-china...

       Etag 是URL的Entity Tag，用于标示URL对象是否改变，区分不同语言和Session等等。具体内部含义是使服务器控制的，就像Cookie那样。　　HTTP协议规格说明定义ETag为“被请求变量的实体值” 。另一种说法是，ETag是一个可以与Web资源关联的记号（token）。典型的Web资源可以一个Web页，但也可能是JSON或XML文档。服务器单独负责判断记号是什...

TD不换行也不会被撑大的方法TD不换行也不会被撑大撑开 的方法：table{table-layout : fixed;width:100%;}td{word-break : keep-all; overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}注意：table的宽度一定要设置，否则TD还是不被内容撑大的，宽度可以是百分比、也可...

EASYUI组件的程序基本结构easyui组件代码的编写结构具有较好的扩展性、可以作为javascript组件开发的参考模型。其代码结构大致如下：EASYUI基本函数属性一览No函数属性说明1$.fn.(options, param)组件调用的主入口、用户组件初始化、方法调用、参数修改、常用的方法有options、getV

ExtJs使用总结(非常详细)ExtJs使用总结(非常详细)，需要的朋友可以参考下一、获取元素（Getting Elements） 1.Ext.get var el = Ext.get('myElementId');//获取元素，等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el

大家都知道EasyUI的Datagrid组件在加载大数据量时的优势并不是很明显，相对于其他一些框架，如果数据量达到几千，便会比较慢，特别是在IE下面。针对这种情况，我们首要做的是要相办法优化datagrid组件的各方面性能，不过任何事情都是可以变通解决的，virtualScrollView就是一种不错的解决方案。virtualScrollView的准则就是尽量少画tr到table里，表

为了做一个在线表单编辑的功能收集的资料：1、表单编辑http://formdesign.leipi.org/2、JS编辑http://www.17sucai.com/pins/7250.html

最近在研究ZTree树组件，学习了很多功能，包括右键菜单、shift多选等功能，shift多选功能网上资料比较少，所以记录下来。首先，要正常使用zTree，当然少不了引入它的js、css文件；其次，正常初始化一棵树，可以参考官方网站哦；最后，实现shift多选，代码如下1）定义一个全局变量：var nodes=null;2）使用回调函数beforeClick

解决CSS中float:right后右对齐换行问题 问题:在IE下就会出现，加了float:right后的标签另起一行了。但在Chrome、Firefox下这个问题没有出现。 解决办法：在另一个标签中添加float：left，那么就在同一行了。  部门选择

史上最全的css hack（ie6-9,firefox,chrome,opera,safari）        在这个浏览器百花争鸣的时代，作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心，主要体现在javascript和css上面。javascript我这次就不谈了，先说说css。      为了适应不同浏览器不同的版本（版本主要就ie来说），ie这朵奇葩

 TABLE固定表头和行头  html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>无标题文档title>style>    body{font-size:12px;

VB与IE交互实现WEB画面的自动测试(用VB填写IE中控件的内容和提交表单) 看这篇文件需要有VBA编程基础.我们在做WEB项目测试的时候,为了测试一个点在IE上反复的输入相同的内容,浪费了很多的时间.我们就可以思考这样一个问题,画面测试是否也可以像Junit测试一样只要点击一下鼠标什么都不用做就完成测试. 答案是可以的.我的设想是:用EXCEL VBA技术把想要设置的值设置到网页上

 如何取得上一页的URL(进入本页前的URL )1.Javascript的方式： document.referrer 2.asp/asp.net的方式：request.servervariables("HTTP_REFERER") 3.asp/asp.net的方式（手机）：我是用Request.ServerVariables("HTTP_REFERER")这一句   在WEB上

如何利用Javascript刷新画面(多种方式) 1.javascript 刷新父窗口script><img id="_33_71_Open_Image" onclick="function onclick(){this.style.display=none; document.getElementById(_33_71_Open_Text).style.d

 如何取得当前页面网址(URL)和查询参数在javascript中取得当前页面网址(url)和查询参数。有时候出于需要，我们需在客户端取得当前页面的url参数，你可能知道要是在服务器端取得，如php或jsp中那是比较容易的，其实在javascript中更简单。先让我们来看看如下所示的网址：http://www.webfans.org/index.php?query.前面部分为页面的当前URL即

     div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白: 　　style="visibility: none;"　　document.getElementById("typediv1").style.visibility="hidden";//隐藏　　document.getElementById("typediv1").style.visibilit

tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}-->第1行第1行第2行第2行第3行第3行第4行第4行第5行第5行//myhyli @ blueidea -----------------------------------------------tr {background-col

(Dwr教程)dwr_ajax入门教程以下三篇文章,由林信良台湾的技术作家写的: DWR 入門與應用（一）: http://blog.csdn.net/caterpillar_here/archive/2006/09/06/1186566.aspx DWR 入門與應用（二）: http://blog.csdn.net/caterpillar_here

同一元素应用多个class的优先级的测试使用多个class，以空格分开，如：效果： .a1 { font-size: 9pt; color: #FF0000;}.a2 { font-size: 18pt; color: #0000FF;}.a1 {font-size: 9pt;color: #FF000

[VBA]Excel操作IE(打开网页、等待网页加载、填写网页控件数据、点击网页按钮、抓取网页数据)       该贴的附件提供了一个利用SHDocVw.InternetExplorer对象、进行打开网页、等待网页加载、填写网页控件中数据（检索条件）、点击网页按钮（检索按钮）、等待网页加载（检索中）、抓取网页数据（检索结果）的一个完整的例子。该技术对与开发人员可以用于Web页面的批量测

之前我们曾有介绍过IE中“浏览器模式”和“文档模式”的区别，今天我们就来看一个简单的对比测试，看看在不同的“浏览器模式”或“文档模式”下，浏览器对代码的渲染会发生什么什么变化。浏览器模式下的影响：简单来说，“浏览器模式”影响的是浏览器的版本及IE的条件注释，”浏览器模式”会影响服务器端对浏览器版本的判断，先看看以下的代码：.content{color:#F00;}

X-UA-Compatible是针对ie8新加的一个设置，对于ie8以下的浏览器是不识别的，这个区别与 content="IE=7"在无论页面是否包含指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说，它是首选的兼容性模式。    必须是在页面的header的meta标签中加入

html5开发之viewport使用 随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍

使用jquery获取iframe加载完成事件网页中的iframe加载完成后，希望做一些工作。比如在iframe内容改变前在某处显示"正在加载"，在加载完成后，显示内容改为"加载完成"。那么该怎么处理呢？在jquery中iframe加载完成事件为load，而不是ready $(function(){ $("#phone").change(

1、 HTML 特殊符号编码对照表特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒΒΓΓΓΔΔΔΕΕΕΖ&Zet

直接用JSON创建树形控件（Ext.tree.TreePanel ）1、创建多个根节点的树形2、直接使用JsonList创建树形 Fully Loaded Tree<!--Ext.onReady(function(){

       Acegi安全框架在AJAX下的超时控制        当我们使用Acegi安全框架时，一般都会对所有请求就像拦截。这样，如果session超时，通过DWR进行Ajax远程调用时，同样会被Acegi的Filter拦截，这时Acegi发现用户没有登录，就会对请求进行转发（转发到登录页面），但由于此时进行的是Ajax的调用，页面并不会将进行跳转，而是返回302的HTTP响应码，这样浏

<br />表格Table宽度设置无效的解决方法<br /> <br />在对设置表格设置table-layer:fixed样式后，发现表格中有一行合并过，其它没有合并的行的列宽会平均化，对列宽的设置会失效。<br />请看如下代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="h