- 博客(15)
- 资源 (3)
- 收藏
- 关注
RSS订阅
1原创 原生js/jQuery实现点击复制文字功能
// 方法一：原生js // var lis = document.querySelectorAll('li') // for (let i = 0; i < lis.length; i++) { // lis[i].onclick = function () { // let str = lis[i].innerHTML; //拿到li标签内的文本 // let input = document.createEle...
2021-01-18 19:30:47
322
原创 layui踩坑日常-选项卡控制数据表格显示隐藏问题
场景图片：在使用数据表格的时候难免会遇到和选项卡结合的案例，选项卡默认展现第一项其余的隐藏，这里我是默认展示“单日”。发现问题：当切换到“多日”时，表格的宽度无法自适应，全缩在了一起。解决方法：给选项卡切换添加一个layui方法：layui.table.resize();可以让表格重新计算宽度。//选项卡方法$(".tab-title>button").on("click", function () { $(this).addClass("active").siblings()
2020-11-20 14:49:56
1678
原创 给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
919
原创 hightcharts图表-点击柱状图修改柱子的颜色
功能说明要求点击柱状图，当前被点击柱子改变颜色，再次点击颜色恢复默认颜色。先看效果图方法一：绑定点击事件，修改属性 plotOptions: { series: { cursor: 'pointer', // allowPointSelect: true, events: { click: function (e) { let i
2020-06-15 17:44:05
1648
原创 layui踩坑日常-实现动态生成表单自定义验证规则
先看需求录入信息功能，指的是根据一张已知数据库表结构，新增一条数据。1.需要前端对输入的字段信息进行一些判断，包括：文本类型、文本长度、是否必填。2.不同的文本类型对应不同的输入框：时间使用layui的时间选择器；长文本使用layui的文本域；其他类型使用layui的普通输入框。3.不同字段需要对长度进行判断，需要判断是否为必填项(图中带*的就是)，需要判断是否为数字类型。表结构里面字段很多，主要是varchar、datetime、text这三种类型。最终实现的效果封装的方法
2020-05-27 19:39:05
3433
原创 jq为某一元素之外的所有元素添加事件
今天遇到一个需求，大致如下：点击【填写发票抬头】显示提示框，点击其他位置则隐藏提示框，要求不能使用失去焦点事件【 blur ()】。why? blur()那么好用的方法为什么不让用？原因是部分手机输入法点击隐藏输入法会触发失焦事件，不会保证提示框一直被唤醒，无奈网上找度娘，找到一个比较好的解决方法。代码如下： //点击其他区域，隐藏搜索列表 $(docum...
2020-01-03 15:38:44
493
原创 JavaScript生成随机数字
工作的时候经常遇到使用一些假数据，例如数字、人名等。一个个敲太费劲，做个简单点的方法生成数字数据，喜欢的童鞋可以拿去用。效果图如下：代码如下：<!DOCTYPE html><html lang=" "><head> <meta charset="UTF-8"> <meta name="viewport" conte...
2019-12-12 09:54:47
547
原创 JavaScript字符串截取三种方法：slice、substring、substr
1.slice()方法：str.slice(beginIndex[, endIndex])如果beginIndex为负数,则将该值加上字符串长度后再进行计算（如果加上字符串的长度后还是负数，则从0开始截取）。如果beginIndex大于或等于字符串的长度，则slice()返回一个空字符串。如果endIndex省略，则将slice()字符提取到字符串的末尾。如果为负，它被视为strLengt...
2019-09-20 16:43:42
479
原创 认识css中的单位：px、em、rem、%、vw、vh。
1.pxpx即像素，是绝对长度单位的一种，它的大小是根据用户屏幕显示器的分辨率决定的（因此不同的设备显示相同的像素值也可能会有不同的结果）。特点：绝对单位，很难适应移动设备。2.emem为相对长度单位。相对于当前对象内文本的字体尺寸，如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸，国外使用比较多。特点：1.em的值并不是固定的;2.em会继承父级元素的字体大小。...
2019-08-20 22:20:02
287
原创 快速了解Vue的修饰符
声明：本文部分内容来自vue官方文档或网络。一、事件修饰符. stop：阻止冒泡. prevent：阻止默认事件的发生. capture：捕获冒泡. self：将事件绑定到自身. once：设置事件只能触发一次.passive：不阻止事件的默认行为实例代码：<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis">&l...
2019-08-18 22:12:59
99
原创 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
982
原创 使用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
507
原创 使用nodejs的fs模块读写文件
nodejs的fs模块里包含许多对文件以及目录的读写操作的方法，所有方法都具有同步和异步的形式，建议使用异步版本。fs.readFile(path[, options], callback)，异步地读取文件的全部内容。fs.writeFile(file, data[, options], callback)，异步地将数据写入到一个文件。本次案例使用以上两种方法，具体参数说明可查阅Node....
2019-08-03 09:54:29
942
原创 认识JavaScript的数据类型
//注意：JavaScript严格区分大小写。//注意：Object是所有类的基类，JavaScript 中的所有事物都是对象，字符串、数值、数组、函数等等。//JavaScript数据类型：基本数据类型、引用数据类型。 //1.基本数据类型：string/字符串、number/数值型、boolean/布尔、null、undefined。 var a = '文字'; v...
2019-05-14 17:58:27
102
JavaScript+css+svg 实现简单的图片编辑器
2022-07-04
菜鸟专区-PHP实现简单学生信息管理
2019-03-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人