Web前端
关注
分享
扫一扫
文章平均质量分 63
May的博客
这个作者很懒，什么都没留下…
展开
-
（二）html5中的属性
1、全局属性所谓全局属性，是指可以对任何元素都使用的属性；(1)contentEditable属性contentEditable属性的主要功能是允许用户编辑元素中的内容，所以该元素必须是可以获得鼠标焦点的元素，而且在点击鼠标后要向用户提供一个插入符号，提示用户该元素中的内容允许编辑。contentEditable属性是一个布尔值属性，可以被指定为true或false。除此之外，该属性还有一个隐藏in原创 2016-03-15 15:14:42 · 1792 阅读 · 0 评论 -
JSON格式以及基本用法
一、JSON的标准格式里面的是一个对象，如果是多个对象，则用逗号间隔，即{},{}，这样就组成了一个对象序列，为了辨别开始和结束，则需要加上[]才能进行传递，则实际传递的形式应该是[{},{}]，如果只要传递一个对象，则{}的形式就可以了。接下来就是对象属性的表现方式了，属性必须在”“里面，属性与值之间用:隔开，属性之间用,来分隔，如果属性的值为数组，则用[]包括起来，这样实际传递的数据格式可能有：原创 2015-11-02 00:41:15 · 6233 阅读 · 1 评论 -
OGNL使用方法总结
1、访问属性名字属性获取:<s:property value="user.username"/><br>地址属性获取:<s:property value="user.address.addr"/><br>2、访问方法调用值栈中对象的普通方法：<s:property value="user.get()"/><br>3、访问静态属性和方法调用Action原创 2015-06-04 16:06:35 · 731 阅读 · 0 评论 -
OGNL基础
OGNL是Object-Graph Navigation Language的缩写，全称为对象图导航语言，是一种功能强大的表达式语言，它通过简单一致的语法，可以任意存取对象的属性或者调用对象的方法，能够遍历整个对象的结构图，实现对象属性类型的转换等功能。struts2标签中使用OGNL语言，这是一种类似于EL表达式、但是比EL表达式功能强大的多的语言。但原创 2015-06-04 15:49:49 · 661 阅读 · 0 评论 -
在JSP页面中使用Ajax主题时的引入
struts2.0到struts2.1有一个重要的改变就是对ajax支持的改变，struts2.0的ajax支持主要以DWR和dojo为主，并专门提供ajax主题,如：<struts:head theme="ajax"/>,但是在struts2.1不在提供ajax主题，而将原来的ajax主题放入了dojo插件中，我们需要将dojo标签引入到jsp页面，<%@ tagl原创 2015-06-09 00:23:28 · 2165 阅读 · 0 评论 -
正则表达式总结
每次使用到正则表达式的时候都要去翻书或者去网上查，很麻烦，抽出点时间做一个总结，方便以后用到的时候查阅。一、正则表达式的几个特殊符号1、^和$两个特殊的符号‘^’和’$’。他们的作用是分别指出一个字符串的开始和结束。例子如下："^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）；"of despair$"：表示所以以"of despair"结尾的字符串；"^ab原创 2016-09-06 22:21:42 · 2093 阅读 · 1 评论 -
<![CDATA[ ]]>
问题引入：最近在开发webservice + xml协议的接口时发现一个问题：webservice配置文件如上图所示（生成请求xml报文的原理：解析requestSameSpace标签和variableSameSpace标签下的内容，将其合并为一个完整的请求报文），当我把xml格式的文本使用<![CDATA[ ]]> 包裹起来的时候能生成正确xml格式的报文；而如果不使用<![CDATA[ ]]>原创 2016-10-08 22:35:43 · 5370 阅读 · 0 评论 -
HTTP、HTTPS、SSL总结
HTTPS（Secure Hypertext Transfer Protocol）安全超文本传输协议： 它是一个安全通信通道，它基于HTTP开发，用于在客户计算机和服务器之间交换信息，它使用安全套接字层(SSL)进行信息交换，简单来说它是HTTP的安全版。它是由Netscape开发并内置于其浏览器中，用于对数据进行压缩和解压操作，并返回网络上传送回的结果。HTTPS实际上应用了Netscap原创 2017-03-31 01:55:42 · 892 阅读 · 0 评论 -
HTTP报文头Accept和Content-Type总结
1.Accept属于请求头， Content-Type属于实体头。 Http报头分为通用报头，请求报头，响应报头和实体报头。 请求方的http报头结构：通用报头|请求报头|实体报头 响应方的http报头结构：通用报头|响应报头|实体报头2.Accept代表发送端（客户端）希望接受的数据类型。 比如：Accept：text/xml（application/json）;原创 2017-04-19 21:45:07 · 13306 阅读 · 0 评论 -
浏览器兼容性问题汇总及解决方案
最近一直在调测系统在各个浏览器的兼容性问题，真是让人抓狂啊，我最爱的Firefox竟然还是出问题最多的，好伤心……把碰到的问题和查到的一些资料总结一下写在这里，一方面方便自己以后使用，另一方面希望对遇到相似问题的可怜的人儿有帮助。所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站...原创 2016-03-21 22:28:28 · 8596 阅读 · 0 评论 -
java.io.CharConversionException isHexDigit JS转码问题
首先escape(String)采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。所以第一可以尝试去掉escape()方法，用encodeURI(encodeURI(String))对你要进行传递的参数进行转码，然后在Servlet接受的时候用java...原创 2016-01-16 23:44:59 · 1019 阅读 · 0 评论 -
web前端性能优化总结
网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。除了后台需要在性能上做优化外，其实前端的页面更需要在性能优化上下功夫，只有这样才能给我们的用户带原创 2016-04-09 19:17:16 · 17713 阅读 · 2 评论 -
四种常见的 POST 提交数据方式
四种常见的 POST 提交数据方式 在我们平时开发中，特别是需要与接口打交道时，无论是写接口还是用接口，拿到接口后肯定都得提前测试一下，这样的话就非常需要有一个比较给力的Http请求模拟工具，现在流行的这种工具也挺多的，像火狐浏览器插件-RESTClient，Chrome浏览器插件-Postman等等。这里我们学习一下Postman。Postman是一种网页调试与发送网页http请求的chrome原创 2016-04-25 21:27:32 · 1915 阅读 · 0 评论 -
深入理解WEB请求过程
随着web2.0时代的到来，互联网的网络架构已经从传统的C/S架构转变成更加方便快捷的B/S架构，B/S架构大大简化了用户使用网络应用的难度，带来了以下两方面的好处： 1、客户端使用统一的浏览器。由于浏览器具有统一性，不需要特殊的配合和网络连接，有效的屏蔽了不同服务提供商给用户使用服务的差异性。 2、服务端基于统一的HTTP。和传统的C/S架构使用自定义的应用层协议不同，B/S架构使用原创 2017-10-11 11:59:33 · 1197 阅读 · 0 评论 -
【抓包工具】Fiddler（详细介绍）
一、Fiddler与其他抓包工具的区别 1、Firebug虽然可以抓包，但是对于分析http请求的详细信息，不够强大。模拟http请求的功能也不够，且firebug常常是需要“无刷新修改”，如果刷新了页面，所有的修改都不会保存； 2、Wireshark是通用的抓包工具，能获取HTTP，也能获取HTTPS，但是不能解密HTTPS，所以wireshark看不懂HTTPS中的内容，但如果是TCP...转载 2018-03-08 21:57:49 · 2581 阅读 · 0 评论 -
【echarts】echarts开发流程详解
首先是封装echarts option和echarts series的两个POJO类：EchartsOptions.javapackage com.hollycrm.hollyuniproxy.opration.svcmonitor.entities;import java.util.ArrayList;import java.util.List;import java.util...原创 2016-01-16 18:57:34 · 2711 阅读 · 3 评论 -
【easyui】easyui datagrid加载成功之后选定并获取首行数据
//加载成功之后，选定并获取首行数据 onLoadSuccess:function(data){ alert("grid加载成功"); var rows=$('test').datagrid("getRows"); if (rows.length > 0) { ...原创 2015-11-26 20:07:12 · 10230 阅读 · 0 评论 -
【echarts】echarts开发详解
echarts官方文档： http://echarts.baidu.com/doc/doc.html#简介ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRe...原创 2015-11-04 23:05:58 · 15146 阅读 · 2 评论 -
jQuery图片自动轮转动画特效
本例的功能是用jQuery图片自动轮转动画特效实现阿里巴巴首页图片动画效果。所用到的图片截图：从网上下载一个jQuery文件jquery.js；具体HTML网页代码如下：<!DOCTYPE html><html> <head> <title>1688.html</title> <!-- 实现功能：阿里巴巴首页图片自动轮转 --> <me原创 2015-06-16 22:45:34 · 3073 阅读 · 0 评论 -
js获取当前页面的URL信息
设置或获取对象指定的文件名或路径。alert(window.location.pathname)设置或获取整个 URL 为字符串。alert(window.location.href);设置或获取与 URL 关联的端口号码。alert(window.location.port)设置或获取 URL 的协议部分。alert(window.location.protocol)设置或获取 href 属性中在原创 2015-12-16 19:08:13 · 1410 阅读 · 0 评论 -
js页面加载之前触发的事件
<script> $(document).ready(function(){ var param = window.location.search;//获取当前页面URL信息 //HollyProxy.HomePage.prototype.search(view,startDate,endDate,'${ctx}'); }); </script>原创 2015-12-16 19:17:06 · 11505 阅读 · 0 评论 -
（十）HTML5本地存储——SQLLite实现web留言本
实现原理： 界面中，存在一个输入姓名的文本框，一个输入留言的文本框，以及一个保存数据使用的按钮，在按钮下面放置一个表格，保存数据后从数据库中重新拿去的所有数据，然后把数据显示在这个表格中。再单击按钮时，调用saveData()函数，保存数据时的处理都被写在了这个函数里；另外，打开页面时将调用init()函数（），将数据库中全部已保存的留言信息显示在表格中。 实现代码：原创 2015-07-03 20:49:53 · 2355 阅读 · 0 评论 -
（九）HTML5本地存储——本地数据库SQLLite的使用
在HTML5中，大大丰富了客户端本地可以存储的内容，添加了很多功能将原本必须要保存在服务器上的数据转为保存在客户端本地，从而大大提高了web应用程序额的性能，减轻了服务器端的负担，使web时代重新回到了“客户端为重，服务器端为轻”的时代。 在这其中，一项非常重要的功能就是对于数据库的本地存储功能。在HTML4中，数据库只能放在服务器端，只能通过服务器来访问数据库，但是在HTML5中，可以像原创 2015-07-03 20:45:01 · 1922 阅读 · 0 评论 -
（八）webStorage使用实例——利用storage事件实时监视webStorage中的数据
在HTML5中，可以通过window对象的storage事件进行监听并指定其事件处理函数的方法来定义当其在其他页面中修改sessionStorage或localStorage中的值时所要执行的处理，代码如下： window.addEventListener('storage',function(){ //当sessionStorage或localStorage中的值原创 2015-07-03 13:29:54 · 3066 阅读 · 0 评论 -
（七）webStorage使用实例——webStorage作为简易数据库来使用
webStorage作为简易数据库来使用原创 2015-07-03 12:24:33 · 2630 阅读 · 0 评论 -
（六）Web Storage的使用实例——简单web留言本
简单web留言本原创 2015-07-03 11:31:47 · 3577 阅读 · 1 评论 -
（五）HTML5本地存储——Web Storage
一、sessionStorage与localStorage二、为什么选择Web Storage而不是Cookie？三、Web Storage缺陷与不足四、sessionStorage与localStorage读写数据时的基本用法五、简单示例原创 2015-07-02 11:08:47 · 1497 阅读 · 0 评论 -
（四）Canvas API方法和属性汇总
canvas主要属性和方法方法描述save()保存当前环境的状态restore()返回之前保存过的路径状态和属性createEvent() getContext()返回一个对象，指出访问绘图功能必要的APItoDataURL()返回canvas图像的U转载 2015-07-01 18:21:45 · 1137 阅读 · 0 评论 -
（三）html5的结构
一、新增的主体结构元素二、新增的非主体结构元素三、HTML5的结构原创 2015-07-01 16:19:51 · 944 阅读 · 0 评论 -
（一）html5中的新增元素和废除元素
1、新增的结构元素2、新增的其他元素3、新增的input元素的类型4、废除的元素原创 2015-06-29 23:37:08 · 2301 阅读 · 0 评论 -
JavaScript && jQuery获取radio/下拉框的选中值
JavaScript获取radio选中值<ww:iterator value="proceList" status="rowstatus" id="it"> <tr style="cursor: pointer;"> <td class="Page_TableLabel_Center" > <input type="radio"原创 2016-07-19 08:31:57 · 1360 阅读 · 0 评论 -
jquery的$F()函数
$F()是一个能够简化编码量的函数， 对于字符输入控件有效，包括input、textarea、select等，该函数的输入参数为这些输入控件元素对象的id或元素对象本身，函数负责返回这些输入控件元素对象的值，即value。例子：<input value="hello world" id="testInput"> <input type=button value=test onclick=test(原创 2016-06-25 19:45:37 · 6877 阅读 · 1 评论 -
Ajax系统学习总结
Ajax的工作原理相当于在用户和服务器之间加上了一个中间层，是用户操作与服务器响应异步化。Ajax的一个最大的特点是无需刷新页面，便可向服务器传输或读写数据（又称无刷新更新页面），这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。这样就可以异步向服务器发送请求，并处理响应结果，而无须刷新页面也不用每次将数据处理的工作提交给服务器来做，这样既减轻了服务器的负担又加快了响应速度、缩短原创 2016-05-26 19:58:33 · 1572 阅读 · 3 评论 -
JS判断当前的浏览器类型
<script type="text/javascript"> //window.navigator.userAgent.indexOf("MSIE")>=1 为ie浏览器。 //window.navigator.appName.indexOf("Microsoft") != -1 为ie浏览器。 //window.navigator.userAgent.indexOf(原创 2016-03-24 00:22:24 · 813 阅读 · 0 评论 -
JavaScript动态设置table的高度
这两天在调测系统的兼容性时遇到一个设置table高度的问题，页面功能很简单，就是页面中央一个文件，文件下方有一个保存按钮，文件内可以点击“添加项目按钮”来在该文件内增加表格数（这就意味着文件的高度随时可能发生变化）。现在的问题是IE显示正常，但是chrome中保存按钮框始终出现在文件的中央（真想偷懒设置一个定死的高度，呵呵，1365px，不要问我怎么知道，我没有这么 想过~_~）。最简单的动态设置t原创 2016-03-22 00:02:19 · 20759 阅读 · 0 评论 -
js浏览器窗口大小改变时事件
设置一个宽高根据当前窗口自适应的div，当页面大小发生改变时，div的宽高也随之发生改变：<div id="homePage_svcSuccessData" class="main" style="background-color:white;"></div> <script> //页面加载完成后默认执行的代码. $(function(){原创 2015-12-15 22:02:01 · 12851 阅读 · 0 评论 -
JavaScript实现表单的分向提交
在一般情况下，同一个表单只能被提交给同一个地址。但在实际web应用中，我们希望同一个表单可以根据用户的选择来完成不同的操作，即表单的分向提交。比如说：在一个网站后台用户管理系统中，我需要对一些恶意的用户进行批量解锁，锁定用户或者删除的操作，当我选择删除会员时，我们希望表单会提交给能进行删除的处理程序，当我选择锁定会员时，我们希望表单会提交到锁定会员的处理程序，解锁会员也如此。我们极不愿意看到分别为这原创 2016-03-09 21:28:43 · 1045 阅读 · 1 评论 -
轻量级的日期时间控件Pikaday
今天看到一个网友分享的一篇文章，有关轻量级的日期时间控件Pikaday，感觉很实用。在这里总结一下,方便日后使用。因为之前也遇到过类似的问题，My97datepicker插件样式过于老旧，但又没有其它更符合要求的日期时间插件。Pikaday插件的样式跟Bootstrap类似，简洁美观。如下图所示：在线演示地址：http://www.travisup.com/demo/plugins/pikaday/原创 2016-03-03 22:12:16 · 2517 阅读 · 0 评论 -
【zTree】基于zTree动态生成树节点的一些应用
最近项目中需要用到zTree动态构建树节点，实现树节点的增删改查，以及点击树节点展示树节点对应的页面。趁着这个机会把zTree的用法大概看了一遍，代码示例见我的Github：基于zTree动态生成树节点的一些应用实现效果如下： 主界面： 树节点的搜索（根据节点名称模糊匹配子节点）： ...原创 2018-08-30 00:55:25 · 1414 阅读 · 0 评论