JavaScript
菜鸟级码农小林
这个作者很懒,什么都没留下…
展开
-
vue 倒计时
vue 倒计时原创 2022-10-25 18:41:03 · 531 阅读 · 0 评论 -
vue+element-ui项目中实现复制功能
【代码】vue+element-ui项目中实现复制功能。原创 2022-09-23 17:08:56 · 1148 阅读 · 0 评论 -
vue 把链接转成二维码
vue 把链接转成二维码原创 2022-09-23 16:52:58 · 3346 阅读 · 1 评论 -
vue form表单验证清除
vue form表单验证清除原创 2022-09-12 11:23:12 · 972 阅读 · 0 评论 -
jQuery的排他思想
因为jQuery具备隐式迭代,所以在写排他思想的时候不需要循环遍历,直接用下面这个就能实现。<html> <button>变色</button> <button>变色</button> <button>变色</button> <button>变色</button></html><script> $('button').click(function.原创 2022-05-26 16:37:58 · 749 阅读 · 1 评论 -
jQuery基础
jQuery是用$来获取对象的隐式迭代就是把该元素的所有数据都循环遍历。原创 2022-05-26 11:53:18 · 55 阅读 · 0 评论 -
本地存储
本地存储有两个:sessionStorage,localStoragesessionStorage和localStorage的区别<html> <input type="text"> <button class="set">存储数据</button> <button class="get">获取数据</button> <button class="remove">删除数据</butto.原创 2022-05-20 11:02:18 · 115 阅读 · 0 评论 -
网页轮播图
lunbo.css<style> body { margin: 0 auto; width: 800px; } .box { width: 600px; height: 420px; position: relative; overflow: hidden; } .leftBox { display: none; position: absolute;.原创 2022-05-17 14:14:59 · 616 阅读 · 0 评论 -
变速的动画效果
先封装一个动画函数animate.jsfunction animate(obj,target,callBack){ clearInterval(obj.timer) obj.timer = setInterval(function(){ var step = (target - obj.offsetLeft) / 10 // 取整数 step = step > 0 ? Math.ceil(step) : Math.floor(step) if原创 2022-05-09 10:41:48 · 151 阅读 · 0 评论 -
简单动画原理
动画的原理: 就是利用定时器不断重复这个操作,停止动画则利用清除定时器来完成。<style> div{ position: absolute; left: 0; width: 200px; height: 200px; background-color: pink; }</style><html> <div></div></html><script> var ...原创 2022-05-07 15:45:12 · 144 阅读 · 0 评论 -
到指定位置固定侧边栏
<style> body{ margin:0 auto; width: 800px; } .goBack{ display: none; } .aside{ background-color: pink; width: 50px; height: 200px; position: absolute; top: 400px; left: 1400px; } .header{ background-color: red; width: 80.原创 2022-05-07 14:03:09 · 364 阅读 · 0 评论 -
图片放大镜效果
<style> .content{ position: relative; border: 1px solid #ccc; height: 400px; width: 400px; text-align: center; } .eyeImg{ width: 300px; height: 300px; margin: 50px; } .mask{ position: absolute; top: 0; left: 0; width: 20.原创 2022-05-06 15:32:40 · 91 阅读 · 0 评论 -
手机发送验证码
<html> <input type="text"> <button>发送</button></html><script> var btn = document.querySelector('button') var time = 3; btn.addEventListener('click', function () { btn.disabled = true .原创 2022-05-02 19:20:21 · 84 阅读 · 0 评论 -
倒计时页面效果
<style> span { background-color: #333; color: #fff; }</style><html> <span class="hour">1</span> : <span class="minute">2</span> : <span class="second">3</span><.原创 2022-05-02 18:51:16 · 183 阅读 · 0 评论 -
模拟京东快递单号查询框
<html> <div class="con"></div> <input type="text" placeholder="请输入内容"></html><style> .con { display: none; background-color: #fff; height: 50px; line-height: 50px; f.原创 2022-05-02 17:32:57 · 264 阅读 · 0 评论 -
动态生成表格
<style> table { width: 500px; margin: 100px auto; border-collapse: collapse; /*相邻边合并*/ text-align: center; } td, th { border: 1px solid #333; } thead tr { height: 40.原创 2022-04-29 17:12:51 · 94 阅读 · 0 评论 -
简单的发布留言
<html> <textarea name="" id=""></textarea> <button>发送</button> <ul> <li></li> </ul> </html><script> var text = document.querySelector('textarea') var btn = documen.原创 2022-04-29 14:44:46 · 55 阅读 · 0 评论 -
排他思想(算法)
<html> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button></html><script> // 获取所有按钮元素 var bt.原创 2022-04-28 18:01:33 · 278 阅读 · 0 评论 -
密码框验证信息
<html> <input type="password" class="pwd" /> <p class="message">请输入6~16位的密码</p></html><script> // 获取元素 var a = document.querySelector(".pwd"); var b = document.querySelector(".message"); .原创 2022-04-28 16:58:19 · 349 阅读 · 0 评论 -
显示隐藏文本框内容
<html> <input type="text" value="手机" style="color: #999;"></html><script> // 获取元素 var a = document.querySelector('input') // 获取焦点事件 onfocus a.onfocus = function(){ if(this.value === '手机'){ .原创 2022-04-28 15:41:19 · 82 阅读 · 0 评论 -
密码设置隐藏
<html> <div> <img src="./close.jpg" alt="" id="eye" /> <input type="password" placeholder="请输入密码" id="pwd" /> </div></html><script> //1. 获取元素 var pwd = document.getElementById("pw.原创 2022-04-28 12:08:27 · 97 阅读 · 0 评论 -
倒计时方法
倒计时原创 2022-04-28 11:38:21 · 234 阅读 · 0 评论 -
JavaScript数组对象
1、.concat() 方法例一:var a = [1,2,3]console.log(a.concat(4,5)); //1,2,3,4,5例二:var arr = new Array(3)arr[0] = "aaa"arr[1] = "bbb"arr[2] = "ccc"var arr1 = new Array(3)arr2[0] = "ddd"arr2[1] = "eee"arr2[2] = "fff"console.log(arr.concat(arr1));..原创 2022-04-26 17:12:16 · 1601 阅读 · 0 评论 -
父子组件之间的通信
1.props / $emit父组件通过props向子组件传递数据,子组件通过$emit和父组件通信(1)父组件向子组件传值props只能是父组件向子组件进行传值,可以显示定义一个或一个以上的数据,可以接收各种数据类型,也可以传递一个函数。// 父组件<template> <div id="father"> <son :msg="msgData" :fn="myFunction"></son> <...原创 2022-04-20 18:03:55 · 3315 阅读 · 0 评论 -
创建npm vue项目
1.自己先创建一个文件夹,然后在所在的目录文件下搜索cmd2.输入vue create+文件名选择下面红色框框的内容,按回车这样就创建成功了3.在你刚才创建的文件目录下,搜索cmd,然后输入npm run serve成功之后会出现端口号,然后复制下面红色框框的内容到浏览器就可以看到啦...原创 2021-09-06 16:29:58 · 242 阅读 · 0 评论 -
js正则表达式检测邮箱地址是否正确
一般的邮箱格式为:123456@qq.com,若用indexOf来判断此email地址,那么当用户输入了123456@qq的时候,检测仍可通过,明显这个地址缺少了后面的“.com”,所以这是不行的,最好还是使用正则表达式来判断:<script type="text/javascript">function ischeckemail(){var email = document.getElementById("emailname").value; if(email != "") {原创 2021-08-26 18:07:48 · 4191 阅读 · 0 评论