JavaScript
关注
分享
扫一扫
文章平均质量分 78
柯南你好吗
QQ：1563882532
展开
-
layui踩坑日常-选项卡控制数据表格显示隐藏问题
场景图片：在使用数据表格的时候难免会遇到和选项卡结合的案例，选项卡默认展现第一项其余的隐藏，这里我是默认展示“单日”。发现问题：当切换到“多日”时，表格的宽度无法自适应，全缩在了一起。解决方法：给选项卡切换添加一个layui方法：layui.table.resize();可以让表格重新计算宽度。//选项卡方法$(".tab-title>button").on("click", function () { $(this).addClass("active").siblings()原创 2020-11-20 14:49:56 · 1803 阅读 · 0 评论 -
给iframe添加点击事件，控制菜单显示隐藏
功能需求页面分为 头部菜单 和 底部iframe盒子，头部的菜单可以伸缩，要求点击iframe的时候菜单会缩回去。 //点击其他区域，隐藏菜单 var iframe = document.getElementById('ra-iframe'); iframe.onload = function () { iframe.contentDocument.onclick = function () { $('.bottom-box').remove原创 2020-06-17 19:40:03 · 1006 阅读 · 0 评论 -
layui踩坑日常-实现动态生成表单自定义验证规则
先看需求录入信息功能，指的是根据一张已知数据库表结构，新增一条数据。1.需要前端对输入的字段信息进行一些判断，包括：文本类型、文本长度、是否必填。2.不同的文本类型对应不同的输入框：时间使用layui的时间选择器；长文本使用layui的文本域；其他类型使用layui的普通输入框。3.不同字段需要对长度进行判断，需要判断是否为必填项(图中带*的就是)，需要判断是否为数字类型。表结构里面字段很多，主要是varchar、datetime、text这三种类型。最终实现的效果封装的方法原创 2020-05-27 19:39:05 · 3615 阅读 · 0 评论 -
jq为某一元素之外的所有元素添加事件
今天遇到一个需求，大致如下：点击【填写发票抬头】显示提示框，点击其他位置则隐藏提示框，要求不能使用失去焦点事件【 blur ()】。why? blur()那么好用的方法为什么不让用？原因是部分手机输入法点击隐藏输入法会触发失焦事件，不会保证提示框一直被唤醒，无奈网上找度娘，找到一个比较好的解决方法。代码如下： //点击其他区域，隐藏搜索列表 $(docum...原创 2020-01-03 15:38:44 · 526 阅读 · 0 评论 -
JavaScript生成随机数字
工作的时候经常遇到使用一些假数据，例如数字、人名等。一个个敲太费劲，做个简单点的方法生成数字数据，喜欢的童鞋可以拿去用。效果图如下：代码如下：<!DOCTYPE html><html lang=" "><head> <meta charset="UTF-8"> <meta name="viewport" conte...原创 2019-12-12 09:54:47 · 589 阅读 · 0 评论 -
JavaScript字符串截取三种方法：slice、substring、substr
1.slice()方法：str.slice(beginIndex[, endIndex])如果beginIndex为负数,则将该值加上字符串长度后再进行计算（如果加上字符串的长度后还是负数，则从0开始截取）。如果beginIndex大于或等于字符串的长度，则slice()返回一个空字符串。如果endIndex省略，则将slice()字符提取到字符串的末尾。如果为负，它被视为strLengt...原创 2019-09-20 16:43:42 · 544 阅读 · 0 评论 -
快速了解Vue的修饰符
声明：本文部分内容来自vue官方文档或网络。一、事件修饰符. stop：阻止冒泡. prevent：阻止默认事件的发生. capture：捕获冒泡. self：将事件绑定到自身. once：设置事件只能触发一次.passive：不阻止事件的默认行为实例代码：<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis">&l...原创 2019-08-18 22:12:59 · 121 阅读 · 0 评论 -
Vue的14个内置指令、自定义指令和5个指令钩子函数
声明：部分内容来自vue官方文档或网络。一、从Vue官方文档中可以了解Vue的14个内置指令，如表格所示：序号指令代码作用1v-text更新元素的 textContent。2v-html更新元素的 innerHTML。3v-show根据表达式之真假值，切换元素的 display CSS 属性。4v-if根据表达式的值的真假条件渲染元素。...原创 2019-08-18 21:34:39 · 1041 阅读 · 0 评论 -
使用nodejs的http模块搭建HTTP服务端
1.一般使用方法如下。let http=require('http');//导入http模块//创建服务器 需要接受一个回调函数作为参数 该函数有两个参数 request ，response//request对象，获取所有的HTTP请求信息//response对象，将数据相应给客户端let server=http.createServer((request,response)...原创 2019-08-03 10:16:26 · 568 阅读 · 0 评论 -
使用nodejs的fs模块读写文件
nodejs的fs模块里包含许多对文件以及目录的读写操作的方法，所有方法都具有同步和异步的形式，建议使用异步版本。fs.readFile(path[, options], callback)，异步地读取文件的全部内容。fs.writeFile(file, data[, options], callback)，异步地将数据写入到一个文件。本次案例使用以上两种方法，具体参数说明可查阅Node....原创 2019-08-03 09:54:29 · 1007 阅读 · 0 评论 -
认识JavaScript的数据类型
//注意：JavaScript严格区分大小写。//注意：Object是所有类的基类，JavaScript 中的所有事物都是对象，字符串、数值、数组、函数等等。//JavaScript数据类型：基本数据类型、引用数据类型。 //1.基本数据类型：string/字符串、number/数值型、boolean/布尔、null、undefined。 var a = '文字'; v...原创 2019-05-14 17:58:27 · 127 阅读 · 0 评论