前端js
哔哔小子
这个作者很懒,什么都没留下…
展开
-
常见js表单验证方法(H5,layUI,amazeUI,vue)
记录一下自己用过的不同工具的表单验证方法,默认非表单提交而是用resultful请求风格提交。原生H5验证:<form id="form-demo" onsubmit="return false;"> <input type="text" class="form-control modaltd" placeholder="请输入..." id="s01Fo...原创 2020-01-08 11:27:41 · 894 阅读 · 0 评论 -
HTML iframe标签下 子页面调用父页面js 容易产生的跨域调用问题 Uncaught DOMException
在一些非前端项目中,经常出现HTML和JSP页面中经常出现 Iframe页面嵌套格式的结构,有些场景需要子页面调用父页面的js方法,如在tab子页面获取父页面方法。iframe页面和父页面在同一域下:不会产生跨域调用js错误1.1子页面获取父页面元素:$('#userId', parent.document);1.2父页面获取子页面元素:$("#userId", docu...原创 2019-12-30 11:16:30 · 1657 阅读 · 1 评论 -
ajax请求实用的封装方法
个人身为一个java后端开发,对js的闭包简单理解为跨方法访问变量值,放到java里就是方法A能使用方法B中的变量。今天写代码时看到公司之前同事写的ajax到处都是,没有任何封装,需要优化一下。项目中的ajax到处都是这类代码:重复多,占空间,可读性差$.ajax({ type: 'get', url: BASE_PATH + '/manag...原创 2019-11-04 14:46:53 · 733 阅读 · 0 评论 -
Vue异步获取数据后初始化数据不能及时更新
1.钩子函数尽量使用mounted来完成初始化函数,根据vue的生命周期尽量不要用mounted之前的2.对于可能要改变的值,最好直接写到data{}中,比如这样写:而不是在mounted中这样写这个问题发现于修改一处input绑定的对象属性,另外一处{{person.name}}不能及时更新,vue似乎只会对第一层(这里的m80)的数据进行实时更新,如果想让他对第二层(m80里的...原创 2019-08-23 14:21:23 · 12526 阅读 · 2 评论 -
ajax异步下载文件并判断状态
今日需要对公司的代码进行更新,发现之前有的文件丢失导致下载不到直接跳转到一个空的页面,第一反应是应该没有用异步请求,直接用a标签或者表单之类的处理下载文件请求了。但是ajax似乎是不支持下载文件的,会把流信息当初文本类处理。。。自然不能还原文件数据。通过测试发现原生ajax xhlHttpRequest可以处理流信息,具体在于它可以将请求中的数据变成blob对象进行读取(好吧我一个后端的实...原创 2019-08-13 14:15:42 · 865 阅读 · 0 评论 -
vue+axios上传文件
单独上传文件: <input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @change="update"/>methods: { update(e){ let file = e.target.files[0];转载 2019-02-19 17:28:43 · 951 阅读 · 1 评论 -
JavaScript实现图片上传并预览并提交
学习一下思路,上传部分可以用vue对象方法和axios代替图片上传并预览HTML<div class="file-box"> <img id="preview" /> <input type="text" id="imgfield" class="txt" placeholder="预览"转载 2019-02-18 17:09:24 · 1741 阅读 · 0 评论 -
推荐几个精致的web UI框架及常用前端UI框架
1.AliceuiAliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。gitHub地址:https://github.com/aliceui/aliceui.github.io2.AmazeuiAmaze UI 是一个轻量级、 Mobile first 的前端框架...转载 2018-12-09 21:53:10 · 626 阅读 · 0 评论 -
javascript中对象的深度克隆
想直接复制深度克隆代码的请直接复制:function clone(obj){ var buf; if(obj instanceof Array){ buf = []; //创建一个空数组 var i = obj.length; while(i--){ buf[i] = clone(obj[i]); } return buf; } else if(obj in...转载 2018-12-13 10:20:33 · 143 阅读 · 0 评论 -
解决jQuery多个版本,与其他js库冲突方法
jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法。1.同一页面jQuery多个版本或冲突解决方法。<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <原创 2018-12-06 11:17:15 · 920 阅读 · 0 评论 -
Tomcat下ajax请求路径总结
ajax的url有两种,一种是绝对路径,另一种是相对路径。 一、绝对路径:包括协议名称、主机地址、端口、web项目名称等的完整请求路径。例如:$.ajax({ url:"http://localhost:8080/webname/test"}); 好处:比如在webA项目中的ajax需要请求webB项目中的服务,则必须使用绝对路径。坏处:使用绝对路径要求古地理更web项目的名称,如果webB...原创 2018-06-21 17:15:41 · 395 阅读 · 0 评论