Web前端
前端相关知识点学习笔记
周末未至
青春无问西东,岁月自成芳华
展开
-
利用ajaxSubmit()实现Form表单submit()提交后的回调函数
1、引入JQuery Form表单的js<script type="text/javascript" src="${ctxStatic}/common/jquery.form.js"></script>下载链接:jquery.form.js 密码:fqr9 2.设置相应的参数$(function(){ // 1.基本参数设置 var...原创 2018-07-14 12:24:11 · 46892 阅读 · 0 评论 -
JS计算本地文件MD5码
一、背景 由于项目中文件非常重要,为避免文件在网络传输以及读写过程字节丢失造成文件损坏的状况,需要在文件上传完毕之后对服务端保存的文件与客户本地文件进行核对,确保文件准确无误,由此想到了用文件的MD5值进行对比。 在java中获取文件的MD5值比较容易,但是在浏览器上获取文件MD5,并且需要兼容IE10+,就没那么简单了。 本实例是根据spark-md5而来的,有关于...原创 2018-12-20 11:06:54 · 4834 阅读 · 2 评论 -
CSS画流程进度导航引导条
一、CSS部分 /* 基本的样式 */.progress li{ font-size: 15px; padding: 0px 20px; line-height: 40px; background: #05a5fd; display: inline-block; color: #fff; position: rela...原创 2018-12-04 16:06:48 · 1931 阅读 · 0 评论 -
点击按钮实现文件下载
一、使用背景一般来说,当我们上传文件之后,便会要提供文件下载的入口。而其实文件下载就是获取文件,并将文件内容写入到HTTP返回响应的过程。二、前端实现方式构造form表单提交1、引入相关js<script src="${basepath}/jquery-3.3.1/jquery-3.3.1.js" type="text/javascript"></script...原创 2018-09-30 11:51:05 · 25843 阅读 · 0 评论 -
页面常用颜色记录
1、#d9534f (适用于警告,红而不刺眼)2、#c1e5f7 (对应Boostrap中class="info"的高亮色)3、#f3e9d8 (适用于表格鼠标悬浮高亮提示)4、#efc5c5 (对应Boostrap中class="danger"的高亮色)...原创 2018-09-07 16:12:03 · 345 阅读 · 0 评论 -
css拼接表格,达到冻结列的效果
一、背景 项目中有一个表单填报,表单基本可分为左右两边,左边是一些基本评分规则(数量不固定),右边是一些被评分人(数量也不固定)。现在的需求就是,当被评分人数过多时,右边表格需要自动形成滚动条,可滚动评分,而此时左边评分规则不动。 当每一个评分因素评完分之后,需要自动计算该评分项的小计总分以及该被评分人的总计得分,且此处表格存在合并单元格的样式。 二、解决方案...原创 2018-09-08 15:14:11 · 1664 阅读 · 0 评论 -
window、iframe、layer父子页面数据互调
1、返回上一个访问地址(页面)window.history.back();2、返回上一个访问地址(页面),同时进行刷新操作window.location = document.referrer;3、点击链接以新窗口(window)的形式打开,在新窗口刷新前一个窗口(页面)// 刷新前一个窗口内容window.opener.location.reload();// 关闭...原创 2018-07-29 16:12:45 · 1573 阅读 · 0 评论 -
Ajax设置为同步
<script> // 设置为同步 $.ajaxSettings.async = false; $.post(url, param, function(data){ /* 相关操作 */ }); // 设置异步 $.ajaxSettings.async = true; </script>...原创 2018-07-14 16:30:42 · 1570 阅读 · 0 评论 -
倒计时—精确与服务器时间保持一致
一、背景 在项目中,需要使用倒计时来提醒用户做出相应的操作,并且对倒计时的精准性有比较高的要求。一开始是页面直接获取服务器时间,在页面设置定时器【setInterval(function{…}, 1000);】,但发现各个页面从一开始加载出的时间就不一致,并且用户做出相应的操作时会导致定时器卡住,致使误差更大。二、原因分析 致使这种情况的大致原因如下:网络通讯...原创 2019-01-08 18:45:08 · 3695 阅读 · 1 评论