菜鸟级码农小林-CSDN博客

原创 flex布局多种方法让两个盒子分布在左右两边

一个父盒子里面包含了两个子盒子的，可以用justify-content:space-between属性。

2022-11-30 11:50:22 14837 3

原创 vue+element-ui项目中实现复制功能

【代码】vue+element-ui项目中实现复制功能。

2022-09-23 17:08:56 1174

原创 jQuery的排他思想

因为jQuery具备隐式迭代，所以在写排他思想的时候不需要循环遍历，直接用下面这个就能实现。<html> <button>变色</button> <button>变色</button> <button>变色</button> <button>变色</button></html><script> $('button').click(function.

2022-05-26 16:37:58 761 1

原创 jQuery基础

jQuery是用$来获取对象的隐式迭代就是把该元素的所有数据都循环遍历。

2022-05-26 11:53:18 59

原创本地存储

本地存储有两个：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 118

原创网页轮播图

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 628

先封装一个动画函数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 160

原创简单动画原理

动画的原理：就是利用定时器不断重复这个操作，停止动画则利用清除定时器来完成。<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 146

原创到指定位置固定侧边栏

2022-05-07 14:03:09 382

原创图片放大镜效果

2022-05-06 15:32:40 96

原创手机发送验证码

<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 88

原创倒计时页面效果

2022-05-02 18:51:16 198

原创模拟京东快递单号查询框

<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 271

原创动态生成表格

2022-04-29 17:12:51 101

原创简单的发布留言

<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 57

原创排他思想（算法）

<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 289

原创密码框验证信息

<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 374

原创显示隐藏文本框内容

<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 88

原创密码设置隐藏

<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 114

原创倒计时方法

倒计时

2022-04-28 11:38:21 250

原创 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 1613

原创父子组件之间的通信

1.props / $emit父组件通过props向子组件传递数据，子组件通过$emit和父组件通信(1）父组件向子组件传值props只能是父组件向子组件进行传值，可以显示定义一个或一个以上的数据，可以接收各种数据类型，也可以传递一个函数。// 父组件<template> <div id="father"> <son :msg="msgData" :fn="myFunction"></son> &lt...

2022-04-20 18:03:55 3323

原创 vue的生命周期

1.beforeCreate（创建前）：数据观测和初始化事件还未开始，此时 data 的响应式追踪、event/watcher 都还没有被设置，也就是说不能访问到data、computed、watch、methods上的方法和数据。2.created（创建后）：实例创建完成，实例上配置的 options 包括 data、computed、watch、methods 等都配置完成，但是此时渲染得节点还未挂载到 DOM，所以不能访问到 $el 属性。3.beforeMount（挂载前）：在挂载开始之前

2022-04-18 17:21:33 301

m0_59735348的博客

原创 flex布局多种方法让两个盒子分布在左右两边

原创 vue 倒计时

原创 webstorm常用的快捷键

原创 vue+element-ui项目中实现复制功能

原创 vue 把链接转成二维码

原创 vue form表单验证清除