随笔分类 -  Web常用案例

摘要:有时候在不分页且数据多的时候就需要滚动条,或者说是下拉加载的时候也需要滚动条,但是希望在滚动的时候数据的表头固定便于理解表体。 1. 第一种,在tbody元素上进行滚动 这种方式有个缺陷就是所有的单元格的宽度一样,平分整个tr的宽度,不会根绝内容自适应宽度。 如下: 结果: 有时候需要根据屏幕可用高 阅读全文
posted @ 2019-04-01 14:25 QiaoZhi 阅读(3096) 评论(0) 推荐(0) 编辑
摘要:经常在网上见一些网站访问一次背景图片改变一次,而且图片的大小不停变换,于是想着自己研究一下。 背景图片可以通过JS的随机数来改变图片的src来实现随机图片,图片的大小变换可以用JS的setInterval实现。 img目录下的图片: 测试代码: <!DOCTYPE html> <html> <hea 阅读全文
posted @ 2018-10-30 16:54 QiaoZhi 阅读(2175) 评论(0) 推荐(0) 编辑
摘要:在项目中用到了amcharts,amcharts图标统计插件是利用SVG实现的,其自带下载png功能,但是不支持IE以下浏览器。因此研究了SVG转换为png,最终实现的效果是将amcharts生成一张png写入一个excel并提供下载。(只支持IE9以上) 1.SVG简介: SVG 意为可缩放矢量图 阅读全文
posted @ 2018-10-12 18:28 QiaoZhi 阅读(7586) 评论(0) 推荐(0) 编辑
摘要:通常我们通过http访问图片或者pdf的时候都是将文件上传到指定文件夹下面,然后通过配置虚拟路径来访问指定的资源。 在不配置虚拟路径的情况下,我们通过获取到response的outpurstream,然后向该outputstream输出指定的文件也可以,用IOUtils工具类更是简单方便。 例如: 阅读全文
posted @ 2018-08-21 13:43 QiaoZhi 阅读(1187) 评论(0) 推荐(0) 编辑
摘要:CSS和JS文件经常需要压缩,比如我们看到的XX.min.js是经过压缩的JS。 压缩文件第一个是可以减小文件大小,第二个是对于JS文件,默认会去掉所有的注释,而且会去掉所有的分号,也会将我们的一些参数替换为一些简单的a,b之类的变量,从界面看起来非常难阅读,起到加密作用。 常见的有好多压缩工具,这 阅读全文
posted @ 2018-07-31 13:49 QiaoZhi 阅读(2131) 评论(0) 推荐(0) 编辑
摘要:思路:点击图片的时候获取所点击图片的url,最后将模态框中的图片的url换为获取到的url,即可实现单个图片的预览。 上一张,下一张的实现思路是:点击上一张,获取当前模态框中图片的名字,再到对应的div中找到此照片的原来的位置,获取到之后在其原来位置获取其父div的上一个和下一个div进行实现获取对 阅读全文
posted @ 2018-02-09 14:43 QiaoZhi 阅读(1072) 评论(0) 推荐(0) 编辑
摘要:今天在项目中遇到了在线预览word的需求,经过查阅资料与测试发现可以解决问题,特做记录: 方式: http://view.officeapps.live.com/op/view.aspx?src= src后面填写你上传的文件地址, 例如:https://view.officeapps.live.co 阅读全文
posted @ 2018-02-03 11:48 QiaoZhi 阅读(2692) 评论(1) 推荐(0) 编辑
摘要:思路:根据访问的路径动态的设置菜单的折叠。前提是同一级菜单放大同一文件夹下面,根据文件夹的名字动态的设置菜单的class属性。 例如: 我的一个url: location.pathname获取到除去ip与端口的地址 /Exam/view/outDepart/outdepartEmpManage.js 阅读全文
posted @ 2018-01-18 22:13 QiaoZhi 阅读(294) 评论(0) 推荐(0) 编辑
摘要:有时候我们需要对不同数据的背景色加以区分,简单例子是将用户希望一眼看出来的数据加重颜色。 思路:根据不同的状态修改每行开始的tr的背景色. 例子: 结果: 阅读全文
posted @ 2017-12-02 21:42 QiaoZhi 阅读(472) 评论(0) 推荐(0) 编辑
摘要:今天遇到这么一个需求: 对数据进行统计,可是在统计的时候parseFloat的时候出来一个NaN。后来用isNaN判断,如果是NaN,就给其设置一个初值. 先看对两个方法的解释 parseFloat: 返回由字符串转换得到的浮点数。 parseFloat(numString) 必选项 numStri 阅读全文
posted @ 2017-11-03 20:09 QiaoZhi 阅读(1745) 评论(0) 推荐(0) 编辑
摘要:今天遇到这么一个需求: 选择一部分人,在点击确定的时候添加到对应的div中,也就是添加到对应的表单下面,当再次查询的时候需要在已经选过的人的复选框前面打伤对勾。 点确定添加到: 再次打开模态框: 也就是对已经选过的数据进行标记,提醒用户已经选过。 思路: 已经选过的人有唯一的标记ID,获取到全部的I 阅读全文
posted @ 2017-11-02 22:56 QiaoZhi 阅读(559) 评论(0) 推荐(0) 编辑
摘要:今天,在做试验遇到这么一个需求: 一个input文本框,输入值后将标签传到后台,在后台解析标签,发现value仍然是初值,不是我们改变后的值。 例如: 当为们改变文本框的值的时候,其value属性值仍然是SS 解决办法:在失去焦点的时候删除此input标签,再创建一个一模一样的标签,value属性设 阅读全文
posted @ 2017-11-01 17:49 QiaoZhi 阅读(16255) 评论(4) 推荐(0) 编辑
摘要:下拉菜单的所有option都必须有value值,如果没有value会将标签中间的值传上去: 比如: 将提示性下拉选项的value设为"",传的值为空:(所以所有的option都应该有value属性,提示性的value为空串) 阅读全文
posted @ 2017-10-11 20:22 QiaoZhi 阅读(10888) 评论(0) 推荐(0) 编辑
摘要:附加总结: 设置多选框联动(点一个,其他跟着变) 动态设置下拉列表的值:(有时候会不灵所以用下面这个) 补充:建议还是用$("#selectId").val("222");的方式修改下拉列表的值。 例如: 更多具体的可以参考:http://www.cnblogs.com/qlqwjy/p/75118 阅读全文
posted @ 2017-09-12 21:19 QiaoZhi 阅读(1974) 评论(0) 推荐(0) 编辑
摘要:实现思路是编写过滤器,如果用户登录之后session中会存一个user。如果未登录就为null,就可以通过过滤器将用户重定向到登陆页面,让用户进行登陆,当然过滤器得判断用户访问的如果是登陆请求需要放行,如果不是就需要进行拦截并进行验证。登陆成功再session存存入user,这样过滤器每次都会通过。 阅读全文
posted @ 2017-09-11 00:29 QiaoZhi 阅读(4059) 评论(0) 推荐(0) 编辑
摘要:可以从网站上404模板,下载后进行修改即可。 一个项目难免会出现404页面,为了防止404错误暴露给用户,需要提前做好404页面。在404页面中给用户友好的提示,同时可以自动重定向到项目的主页。 web.xml配置404页面 一个404页面的模板: 404.jsp (页面中引用的图片要放到image 阅读全文
posted @ 2017-09-09 16:37 QiaoZhi 阅读(875) 评论(0) 推荐(0) 编辑
摘要:0.业务需求: 点击每个数字的时候可以显示每个对应的详细记录。也就是得点击11的时候拿着开采部与C级去查询。 1.页面中的模态框与分页组件(注意:需要隐藏一个页号,点击分页插件的时候给隐藏的页号赋值,ajax再次请求的时候取页面的页号值) 2.首先确定按钮的点击事件(还有一种方法就是jQuery动态 阅读全文
posted @ 2017-09-08 09:46 QiaoZhi 阅读(549) 评论(0) 推荐(0) 编辑
摘要:JS多个函数之间传递参数的一个重要思想是在页面定义一个隐藏域,当第一个函数请求到数据时候修改隐藏域的值,第二个函数用jQuery的选择器选择页面中隐藏域的值。 比如: 页面中定义一个隐藏的页号。 第一个ajax函数获取页面中的页号: 第二个函数给隐藏的页号赋值(下次点击页号的时候就可以通过一个隐藏域 阅读全文
posted @ 2017-09-07 22:41 QiaoZhi 阅读(17348) 评论(1) 推荐(1) 编辑
摘要:Jquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结。 首先建立一个通用的表格css 和一个 表格Table: 一、鼠标移动到行更换背景色: 增加一个css样式: Js脚本: 结果执行结果: 二、 表格奇偶行变色 : 奇数行和偶数行css: Js脚本: 结果显 阅读全文
posted @ 2017-09-07 20:00 QiaoZhi 阅读(812) 评论(0) 推荐(0) 编辑
摘要:单点登录(Single Sign On),简称为SSO,SSO不仅在企业级开发很常用,在互联网中更是大行其道。随便举几个例子,比如我们登录新浪微博后,再访问新浪首页后,我们发现, 已经自动登录了;再比如我们登录CSDN后,可以写博客、逛论坛、下载资源等等。前者是完全跨域的单点登录,下文会讲,后者是共 阅读全文
posted @ 2017-08-28 22:31 QiaoZhi 阅读(449) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示