JavaScript
关注
分享
扫一扫
没有名字随便喊
bug搬运工。
展开
-
vue3发送axios请求
vue3发送axios请求。原创 2022-07-22 17:00:23 · 1232 阅读 · 1 评论 -
vue2发送Ajax请求实例
vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护vue使用axios发送AJAX请求：首页安装并引入axiosnpm install axios -S或者网上直接下载axios.min.js文件通过script src的方式进行文件的引入<script原创 2022-01-17 14:56:59 · 3146 阅读 · 0 评论 -
JS自定义Video的播放按钮并监听该事件
自定义video标签播放封面按钮<video width="628" height="375" id="video" poster="img/video.png" autoplay="autoplay" preload="none" controls="controls"> <source src="img/video.mp4" /></video><p class="playBtn" id="playBtn"><img src="im原创 2021-07-09 15:36:17 · 3907 阅读 · 0 评论 -
JS使用扫码枪传递参数调取后端接口
项目需求：使用条码枪进行商品编码扫描并录入商品信息方法一：<input type="text"><script type="text/javascript"> var a = []; var timeout; $("input").keyup(function(){ a.push($(this).val()); clearTimeout(timeout); timeout = setTimeout(f原创 2021-04-16 16:17:26 · 1722 阅读 · 2 评论 -
针对Layui数据表格单击tr行选中当前行的单选框或者复选框功能
1、table单击tr行勾选checkbox功能：//单击行勾选checkbox事件 var tableDiv; $(document).on("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents(原创 2020-06-08 16:51:07 · 2707 阅读 · 0 评论 -
基于Layui开发的X-admin2.0框架监听数据表格行点击事件无反应问题
基于Layui开发的轻量级后台管理X-admin2.0框架问题需求是想要单击监听数据表格行并获取该行数据对象的问题直接用框架文档里的监听行事件根本没有效果table.on('row(bodyTab)', function(obj){})最后还是采用了原生DOM查找的办法获取到tr行的事件监听：,done: function(res, curr, count){ //dom获取到tr行绑定单击事件 $('#DetailDiv').find('.layui-table原创 2020-06-05 15:26:39 · 641 阅读 · 0 评论 -
JS使用递归方法解析多层嵌套json接口的方法
实现：动态加载后台管理项目菜单功能，并且json为三层嵌套对象如图所示json返回：解析如上所示多层json对象，一开始我直接用each方法解析,发现不是name就是url获取不到一直报错undefined $.each(json, function (index) { var result = ''; var json = data.data; var name = json[index].name; var chil原创 2020-06-02 16:07:31 · 4232 阅读 · 0 评论 -
Layui动态添加下拉选项值以及根据后台返回数据默认选中某项值的功能
最近项目遇到需要动态加载option选项后还要默认选中某项值的问题，折磨了几天终于试出了目前可以解决的方法。两种方式各有优劣：HTML：<td><span class="colorRed">*</span>运抵国家：</td><td> <select name="currency" id="currency"...原创 2019-05-23 15:05:43 · 8909 阅读 · 2 评论 -
input输入框点击回车切换到下一个输入框功能
直接上代码：HTML：<form class="layui-form" action="../in" id="form" method="post" name='Form'> <div class="layui-form-item"> <label class="layui-form-label">货架条形码:</l...原创 2019-05-10 11:07:15 · 13702 阅读 · 3 评论 -
简单原生js实现开关门效果
主体html内容部分：<body> <div id="d1">树形列表</div> <div id="d2"><<</div> <div id="d3">内容的主体</div></body>css部分： <style>...原创 2017-08-01 23:45:54 · 2133 阅读 · 0 评论 -
匹配url后的参数（模拟a标签点击定位）
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null){ ...原创 2018-04-09 11:53:43 · 474 阅读 · 0 评论 -
rem/em/响应式用法总结
Js动态设置rem来实现移动端字体的自适应 实际上讲了这么多，大家可能已经了解了rem的用法，但是还不了解如何利用rem去实现移动端的自适应。说到底，rem实现移动端自适应的原来在于它本身的特性，它可以始终根据根元素的字体大小去改变自己的值。目前各种常见手机的屏幕尺寸大小如下图所示：想实现手机端自适应，就是可以让页面的元素字体、间距、宽高等属性的属性值可以随着手机屏幕尺寸的变化而...原创 2018-04-09 12:01:50 · 1875 阅读 · 0 评论 -
清理项目缓存的几种方法
清理项目缓存的几种方法：meta方法//不缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTEN...原创 2018-04-17 14:41:40 · 3858 阅读 · 0 评论 -
使用Date对象获取时间相关的信息
获取当前时间：var date = new Date();var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDate();var hour = date.getHours();var minute = date.getMinutes();var second =...原创 2018-05-18 16:38:10 · 1130 阅读 · 0 评论 -
看完让你彻底搞懂Websocket原理
一、websocket与http WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有 1.1 和 1.0 之说，也就是所谓的 keep-alive ，把多个HTTP请求合并为一个，但是 Websocket 其实是一个新协议，跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范...转载 2018-07-12 16:08:46 · 258 阅读 · 0 评论 -
Javascript常用方法函数收集
本文收集了一些比较常用的Javascript函数，是在网上看到的总结的不错，希望对学习JS的朋友们有所帮助。1.字符串长度截取function cutstr(str, len) { var temp, icount = 0, patrn = /[^-ÿ]/， strre = ""; for (var i = 0; i < ...原创 2018-11-08 11:46:53 · 853 阅读 · 0 评论 -
JS跨页面传递参数值并获取该参数
对于js跨页面传递参数的方法有两种：1、针对参数较为简单，字符串较短的参数传递可以采用url后缀添加参数的方法来实现；2、但是对于参数较为复杂或者参数比较多的情况就可以采用本地储存的方式来实现；**首先第一种：通过url传递参数值并获取该参数window.location.href="index.html?id=01&name='test'";将参数直接拼接在url地...原创 2018-12-11 16:08:31 · 12046 阅读 · 0 评论 -
JS利用FormData模拟表单上传文件
js上传文件的方式有很多种，我比较习惯用的就是模拟表单提交name值来上传文件针对FormData 有一个详细的网站进行使用方法和对象说明--FormData使用<form>表单初始化FormData对象方式上传文件：html代码 <form action="" class="layui-form" id="form" enctype="multipart...原创 2019-04-11 16:13:10 · 4553 阅读 · 0 评论