前端页面技术
文章平均质量分 62
明天还有我
这个作者很懒,什么都没留下…
展开
-
JSP页面内嵌PDF文档
这是一个用object展示pdf文件的例子! Insert title here <% String docPath = request.getParameter("docPath ") == null ? "": request.getParameter("docPath "); %> <object classid="clsid原创 2015-12-30 15:15:44 · 673 阅读 · 0 评论 -
jQuery操作select下拉框的text值和value值的方法
这篇文章主要介绍了jQuery操作select下拉框的text值和value值的方法,需要的朋友可以参考下 1、jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2、jquery获取当前选中select的value值 var checkValu原创 2016-03-09 15:06:57 · 3318 阅读 · 0 评论 -
JavaScript eval处理JSON数据 为什么要加括号
由于Ajax的兴起,JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来,进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象。利用eval函数无疑是一种简单而直接的方法。在转化的时候需要将JSON字符串的外面包装一层圆括号: var jsonObject = eval("(" + jsonFormat + ")"); 为什么要加括号?原创 2016-03-10 13:19:11 · 317 阅读 · 0 评论 -
HTML5之FileReader的使用
HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单,可以按照如下步骤创建FileReader对象并调用其方法: 1.检测浏览器对FileReader的支持 [javascript] view plainco转载 2016-03-11 23:33:00 · 308 阅读 · 0 评论 -
下拉框内容太多,一个带搜索功能的下拉输入框实现
下拉框中的选项太多 需要一个带搜索功能的输入框,类似于下面这个样子: 本例子中用了一个js插件,首先需要引入插件的css和css中用到的图片,再引入插件的js 第一步引入css: 第二步修改css用到的插件图标: background: url('../../img/select2.png') right top no-repeat;把css中的所有引入的select2.png的图原创 2016-03-14 13:09:42 · 44199 阅读 · 3 评论 -
js图片预览插件
最新版的浏览器已经获取不到图片的绝对路径地址了,所以预览起来有待年麻烦 我用js插件预览的 页面代码: 广告图片: 广告预览: js代码:用id选中的 //本地预览 $("#fileName").uploadPreview({ Img: "hotAdv", Width: 100, Height: 100 }); $("#fileName").ch原创 2016-03-14 15:11:27 · 1086 阅读 · 0 评论 -
浏览器图片\文件上传到服务器 ajaxfileupload.js使用实例
在电商项目中经常遇到图片或者文件上传的需求,但是现在的浏览器为了安全起见都封闭了file控件上传的本地绝对路径,所以我用一个js插件完成上传需求 现在我把我写的代码拿出关键部分当个例子分享给大家,希望大家多多指教 第一步 在页面引入ajaxfileupload.js插件 第二步 在页面js中写代码: //保存提交事件 function saveData(status) { if(!$原创 2016-03-14 16:17:26 · 3346 阅读 · 0 评论 -
java开发_jcrop_网页截图工具(插件)
今天给大家介绍一下一个web 中经常会用到的截图(如:头像等)工具: Jcrop 项目结构: 效果图: 这个很有用: 看到这些,大家也想自己试试吧 =========================================== 代码部分: ====================转载 2016-03-15 00:06:56 · 976 阅读 · 0 评论 -
简单分页插件,kkpager
后台用习惯了框架分页,到做网页的时候就不自己去写分页了,并且需要的分页也是比较简单的,然后就在网上找了个简单的分页插件:kkpager 需要导入的js 和cs: kkpager.js kkpager.min.js kkpager.css 效果图如下: 以下为实例: ----------BaseDao.java原创 2016-04-14 16:25:09 · 1968 阅读 · 1 评论 -
4种方法让SpringMVC接收多个对象
问题背景: 我要在一个表单里同时一次性提交多名乘客的个人信息到SpringMVC,前端HTML和SpringMVC Controller里该如何处理? 第1种方法:表单提交,以字段数组接收;第2种方法:表单提交,以BeanListModel接收;第3种方法:将Json对象序列化成Json字符串提交,以List接收;第4种方法:将表单对象序列化成Json字符串提交,以List接收; 第转载 2016-05-12 20:11:09 · 481 阅读 · 0 评论 -
秒杀系统架构分析与实战
0 系列目录 秒杀系统架构 秒杀系统架构分析与实战 1 秒杀业务分析 正常电子商务流程 (1)查询商品;(2)创建订单;(3)扣减库存;(4)更新订单;(5)付款;(6)卖家发货 秒杀业务的特性 (1)低廉价格;(2)大幅推广;(3)瞬时售空;(4)一般是定时上架;(5)时间短、瞬时并发量高; 2 秒杀技术挑战 假设原创 2016-03-08 15:39:14 · 416 阅读 · 0 评论 -
5款好用的开源JS图片裁剪插件(3个jQuery插件,2个AngularJS插件)
tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件,stars数量2k+,功能非常丰富,文档齐全,首选。Github.com官网也使用了这个插件。有一个小细节是,边框线的蚂蚁线是动画的,真的很用心。 Jcrop项目地址 | demo1 | demo2 | demo3 | demo4 fengyuanchen / cropper Cropper原创 2016-03-08 09:55:52 · 1189 阅读 · 0 评论 -
ajaxFileUpload.js 无刷新上传图片,支持多个参数同时上传,支持 ie6-ie10
ajaxFileUpload 无刷新上传的原理: 在页面动态创建 form 表单和 ifram 贞,设定 form 表单提交的目标为 ifram 贞, 将文件域和要 post 的参数动态写入 form 表单中,然后提交 from 表单。 通过 window.attachEvent 向 ifram 贞的 onload 事件中注册监听事件响应回调函数。 1.html 部分转载 2016-03-08 09:45:10 · 674 阅读 · 0 评论 -
如何让div中的table居中
要让table在div中居中, 水平居中:div设置css属性:{text-align:center} table设置css属性:{margin:auto} HTML: 效果:原创 2015-12-30 22:57:14 · 2274 阅读 · 0 评论 -
WEB图像切割
图像切割 呵呵,我做的图像切割系统,准备在系统中用起来,演示文件下载转载 2015-12-30 23:03:17 · 423 阅读 · 0 评论 -
js 判断两个变量是否相等
判断两个变量是否相等是程序设计中非常重要的运算。在处理原始值时,这种运算相当简单,但涉及对象,任务就稍有点复杂。 ECMAScript 提供了两套等性运算符:等号和非等号用于处理原始值,全等号和非全等号用于处理对象。 等号和非等号 在 ECMAScript 中,等号由双等号(==)表示,当且仅当两个运算数相等时,它返回 true。非等号由感叹号加等号(!=)表示,当且仅当两个运算数不原创 2016-03-02 22:31:35 · 981 阅读 · 0 评论 -
【FreeMarker】【模板文件FTL】模板自定义指令 macro
自定义指令macro 自定义指令可以使用 macro 指令来定义,这是模板设计者所关心的内容。Java程序员若不想在模板中实现定义指令,而是在Java语言中实现指令的定义,这时可以使用freemarker.template.TemplateDirectiveModel类来扩展(后续章节)。 宏是有一个变量名的模板片段。你可以在模板中使用宏作为自定义指令,这样就能进行重复性的工作。转载 2016-03-04 00:22:11 · 725 阅读 · 0 评论 -
Freemarker常用技巧
1,截取字符串 有的时候我们在页面中不需要显示那么长的字符串,比如新闻标题,这样用下面的例子就可以自定义显示的长度 gt. >= gte ${jstbqkVO.gzdd?default("")} ${jstbqkVO.gzdd[0..3]?default("")}... 意思就是如果这个字符串的长度小于8,那么就正常显原创 2016-03-06 09:24:18 · 368 阅读 · 0 评论 -
JS中的!=、== 、!==、===的用法和区别。
js == 与 === 的区别 1、对于string,number等基础类型,==和===是有区别的 1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等 2)同类型比较,直接进行“值”比较,两者结果一样 2、对于Array,Object等高级类型,==和===是没有区别的 进行“指针地址”比较原创 2016-03-07 15:06:09 · 312 阅读 · 0 评论 -
handlebars自定义helper的写法
handlebars相对来讲算一个轻量级、高性能的模板引擎,因其简单、直观、不污染HTML的特性,我个人特别喜欢。另一方面,handlebars作为一个logicless的模板,不支持特别复杂的表达式、语句,只内置了一些基本的语法,像if、each这些。可惜的是就连if都十分弱,只能判断值是否为true/false,或转化后是否为true/false,不能对值进行比较。不过,handlebars提原创 2016-03-07 15:19:38 · 2155 阅读 · 0 评论 -
springmvc + ajaxfileupload 实现异步上传文件(图片)
最近在做一个项目需要实现异步上传图片,在网上找了很多资料后,采用了ajaxfileupload可以实现,以下是核心代码: jsp: [html] view plain copy div id="uploadPicWindow" class="easyui-window" title="上传图片" style="width:420p原创 2016-03-08 08:58:35 · 1109 阅读 · 0 评论 -
SpringMVC结合ajaxfileupload.js实现文件无刷新上传
直接看代码吧,注释都在里面 首先是web.xml [html] view plain copy print? xml version="1.0" encoding="UTF-8"?> web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xs转载 2016-03-08 09:32:07 · 501 阅读 · 0 评论 -
javascript 60行编写的俄罗斯方块游戏
var domain="***"; var author="zuidaima"; var map=eval("["+Array(23).join("0x801,")+"0xfff]"); var tatris=[[0x6600],[0x2222,0xf00],[0xc600,0x2640],[0x6c00,0x4620],[0x4460,0x2e0,0x6220,0x740],[0x2260,0x原创 2016-05-31 15:20:46 · 107 阅读 · 0 评论