随笔分类 - 项目场景备忘录
摘要：输入框发生的事件流程依次为focus、keydown、input、keyup、change与blur，见下图所示。
阅读全文
摘要：let obj = { 1: "大灯右", 2: "前杠下护板" , 3: "左前叶子板", 4: "直供" } let keyArr =[] let valArr =[] let objArr = [] // ["1", "2", "3", "4"] keyArr = Object.keys(ob
阅读全文
摘要：vue项目，跳转到其他关联系统工具做操作，操作完成后跳转回本系统。 childCloseCallback(url, type) { // 跳转至百度 var val = 'https://www.baidu.com/'; // var name = "AI智能"; //网页名称，可为空; // va
阅读全文
摘要：vue项目，路由跳转当前页面时，页面不会刷新、重新加载方法。 解决方案是使用：location.reload() this.$router.push({ path: 'XXX' }) location.reload()
阅读全文
摘要：做项目经常会遇到各种时间判断做处理的场景。比如说文件存储问题，判断30天以内支持下载，否则过期。思路是获取当前时间的30天前对应的时间，跟文件时间进行比对，大于说明过期，小于则可以下载。 var day_30 = new Date().setMonth((new Date().getMonth()-
阅读全文
摘要：<input type="number" id="places" name="places" max="10000"> //js只能输入正整数（不包括负整数和0） var places = $("#places").val()； if(!(/(^[1-9]\d*$)/.test(places))){
阅读全文
摘要：包含文件上传的form表单提交，要添加属性 enctype="multipart/form-data" <form method="post" id="create_form" action="" enctype="multipart/form-data"> <table style="displa
阅读全文
摘要：问题：在项目页面内的视频跟图片突然无法正常访问，GET报403错误。排查：发现视频文件跟图片文件是引用的其他网站的文件地址，但是该地址copy在浏览器里可以正常打开与访问图片、视频文件的。原因：可能是视频存放的服务器方，为了防止图片、视频防盗做的保护措施。方案：1.视频服务器的服务商加Referer
阅读全文
摘要：前端上传图片时，对图片大小进行判断。如果上传的图片大于1M，则进行压缩后再上传。代码如下：
阅读全文
摘要：起因:公司一次常规安全扫描提出了jquery版本漏洞问题：1.x系列版本等于或低于1.12的jQuery，和2.x系列版本等于或低于2.2的jQuery，过滤用户输入数据所使用的正则表达式存在缺陷，可能导致LOCATION.HASH跨站漏洞。（漏洞官方修复介绍：http://bugs.jquery.
阅读全文
摘要：项目场景：从后台回来的数据要处理成h5代码然后渲染到页面上，结果×被转义成x。 解决方案：把还有×字样的字符串转化为文本。 代码如下： 结果如下：
阅读全文
摘要：在<head>标签中引入vconsole.min.js文件，js代码中初始化： 即可在移动端对应界面查看调试。
阅读全文
摘要：起因:项目中一次jquery版本升级后出现了很多问题。 项目报错如下：1.Cannot read property ‘msie’ of undefined2.Uncaught TypeError: $(...).live is not a function 原因： 最新版本的jquery废弃了很多a
阅读全文
摘要：给多个div绑定点击事件，切换显示/隐藏chirdren元素。 有两种方式—— html代码如下： css代码如下： js代码如下，两种方式： 结果如下—— 界面初始化：点击红块：点击蓝块：
阅读全文
摘要：ajax请求成功返回200，但还是进入error事件。 出错原因： 前台dataType:"json",而后台返回的数据不符合json规范。 解决方案有两种： 1.前台：让ajax数据返回类型为text而不是json；即dataType: "text"; 2.后台：修改后台返回值
阅读全文
摘要：代码如下： 之前： 修改以后： 资料： html5中如何去掉input type data默认样式 https://www.jianshu.com/p/298d6d54ffbc
阅读全文
摘要：1.以下两种立即执行函数没有区别，在函数定义的地方就直接执行了。 (function(){...}()); (function(){...})(); 2.$(function (){...})==$(document).ready(function()(...))是DOM结构绘制完毕后就执行，不必等
阅读全文
摘要：eclipse导入项目后，避免报错，做一些简单的配置如下。选中项目右键，打开Properties： 1.Resource：编码格式 UTF-8 2.Java Build Path：Libraries-JRE System Library[jdk版本](unbound)。 选中报错行JRE，点击Edi
阅读全文
摘要：做移动端，发现在苹果手机上input显示有问题，上边框一直有阴影。input的border初始化、box-shadow也做了处理：box-shadow：0 0 0 #fff，在手机端都无效。 如图： 解决方案： 效果：
阅读全文
浙公网安备 33010602011771号