随笔分类 -  js

摘要:问题:在项目页面内的视频跟图片突然无法正常访问,GET报403错误。排查:发现视频文件跟图片文件是引用的其他网站的文件地址,但是该地址copy在浏览器里可以正常打开与访问图片、视频文件的。原因:可能是视频存放的服务器方,为了防止图片、视频防盗做的保护措施。方案:1.视频服务器的服务商加Referer 阅读全文
posted @ 2019-10-11 09:54 Fourteen 阅读(1021) 评论(0) 推荐(0)
摘要:前端上传图片时,对图片大小进行判断。如果上传的图片大于1M,则进行压缩后再上传。代码如下: 阅读全文
posted @ 2019-10-10 10:54 Fourteen 阅读(5145) 评论(0) 推荐(0)
摘要:起因:公司一次常规安全扫描提出了jquery版本漏洞问题:1.x系列版本等于或低于1.12的jQuery,和2.x系列版本等于或低于2.2的jQuery,过滤用户输入数据所使用的正则表达式存在缺陷,可能导致LOCATION.HASH跨站漏洞。(漏洞官方修复介绍:http://bugs.jquery. 阅读全文
posted @ 2019-08-29 16:15 Fourteen 阅读(25140) 评论(0) 推荐(0)
摘要:项目场景:从后台回来的数据要处理成h5代码然后渲染到页面上,结果&times被转义成x。 解决方案:把还有&times字样的字符串转化为文本。 代码如下: 结果如下: 阅读全文
posted @ 2019-08-29 10:39 Fourteen 阅读(6017) 评论(0) 推荐(0)
摘要:在<head>标签中引入vconsole.min.js文件,js代码中初始化: 即可在移动端对应界面查看调试。 阅读全文
posted @ 2019-08-27 14:35 Fourteen 阅读(167) 评论(0) 推荐(0)
摘要:起因:项目中一次jquery版本升级后出现了很多问题。 项目报错如下:1.Cannot read property ‘msie’ of undefined2.Uncaught TypeError: $(...).live is not a function 原因: 最新版本的jquery废弃了很多a 阅读全文
posted @ 2019-08-08 15:00 Fourteen 阅读(3187) 评论(0) 推荐(0)
摘要:给多个div绑定点击事件,切换显示/隐藏chirdren元素。 有两种方式—— html代码如下: css代码如下: js代码如下,两种方式: 结果如下—— 界面初始化:点击红块:点击蓝块: 阅读全文
posted @ 2019-08-06 15:45 Fourteen 阅读(1770) 评论(0) 推荐(0)
摘要:ajax请求成功返回200,但还是进入error事件。 出错原因: 前台dataType:"json",而后台返回的数据不符合json规范。 解决方案有两种: 1.前台:让ajax数据返回类型为text而不是json;即dataType: "text"; 2.后台:修改后台返回值 阅读全文
posted @ 2019-08-06 10:24 Fourteen 阅读(1946) 评论(0) 推荐(0)
摘要:代码如下: 之前: 修改以后: 资料: html5中如何去掉input type data默认样式 https://www.jianshu.com/p/298d6d54ffbc 阅读全文
posted @ 2019-07-25 16:23 Fourteen 阅读(947) 评论(0) 推荐(0)
摘要:1.以下两种立即执行函数没有区别,在函数定义的地方就直接执行了。 (function(){...}()); (function(){...})(); 2.$(function (){...})==$(document).ready(function()(...))是DOM结构绘制完毕后就执行,不必等 阅读全文
posted @ 2019-07-03 13:32 Fourteen 阅读(167) 评论(0) 推荐(0)
摘要:最近做手机端应用页面,根据开始年月、截止年月查询数据并渲染到页面里,数据条目可以展开与折叠,初始化时间为当前年月。 界面如下: 代码如下: 阅读全文
posted @ 2019-06-27 16:16 Fourteen 阅读(420) 评论(0) 推荐(0)
摘要:做移动端,发现在苹果手机上input显示有问题,上边框一直有阴影。input的border初始化、box-shadow也做了处理:box-shadow:0 0 0 #fff,在手机端都无效。 如图: 解决方案: 效果: 阅读全文
posted @ 2019-06-27 15:18 Fourteen 阅读(340) 评论(0) 推荐(0)
摘要:代码如下: 页面如下: 密码校验成功后跳转页面: 阅读全文
posted @ 2019-06-25 16:28 Fourteen 阅读(821) 评论(0) 推荐(0)
摘要:休假申请 休假类别* 休假开始日期时间* 休假结束日期时间* 假期联系电话 休假事由 ... 阅读全文
posted @ 2019-06-25 15:16 Fourteen 阅读(181) 评论(0) 推荐(0)
摘要:html页面: js部分代码: 阅读全文
posted @ 2019-04-03 16:52 Fourteen 阅读(6844) 评论(0) 推荐(0)
摘要:页面如下: 阅读全文
posted @ 2019-03-21 14:41 Fourteen 阅读(227) 评论(0) 推荐(0)
摘要:html页面: js部分代码: 阅读全文
posted @ 2019-03-12 11:02 Fourteen 阅读(8178) 评论(0) 推荐(0)
摘要:a b c 投票 function toVote(){ var voteList = []; $('input:checkbox').each(function(){ if($(this).is(':checked')==true){ voteList.pus... 阅读全文
posted @ 2019-03-07 14:45 Fourteen 阅读(4198) 评论(0) 推荐(0)
摘要:1.append() jq方法,在被选元素的结尾(仍然在内部)插入指定内容。 2.appendChild() js方法 3.prepend() jq方法,在被选元素的开头(仍位于内部)插入指定内容。 <table id="dataList"></table> <script> var trHtml_ 阅读全文
posted @ 2019-03-07 10:30 Fourteen 阅读(3819) 评论(0) 推荐(0)
摘要:var testObj = { 'a':'111', 'b':'222', 'c':'333', 'd':'444'}for(var i in testObj){ console.log(i); //a,b,c,d}for(var i in testObj){ console.log(testObj 阅读全文
posted @ 2019-03-07 10:09 Fourteen 阅读(19975) 评论(0) 推荐(0)