柠檬味小发糕-CSDN博客

原创 JavaScript基础学习引用move.js的动画

JavaScript基础学习引用move.js的动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=

2022-01-01 21:51:19 883

原创 JavaScript基础学习缓动动画函数的封装

JavaScript基础学习缓动动画函数的封装在HTML文件当中引入我们的move.js文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w

2021-12-31 12:45:30 399

原创 JavaScript基础学习缓动动画中的回调函数

JavaScript基础学习缓动动画中的回调函数移动到指定位置之后span标签的背景颜色会变动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device

2021-12-30 23:42:27 440

原创 JavaScript基础学习缓动动画多个值移动

JavaScript基础学习缓动动画多个值移动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0

2021-12-29 23:18:36 353

原创 JavaScript基础学习模拟京东查询快递单号

JavaScript基础学习模拟京东查询快递单号<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed

2021-12-28 23:55:25 412

原创 JavaScript基础学习 location的常见用法

JavaScript基础学习 location的常见用法五秒之后自动跳转页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"

2021-12-27 23:13:43 391

原创 JavaScript基础学习缓动动画

JavaScript基础学习缓动动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-12-26 23:29:25 271

原创 JavaScript基础学习动画原理

JavaScript基础学习动画原理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt

2021-12-25 12:56:43 333

原创 JavaScript基础学习仿淘宝固定侧边栏

JavaScript基础学习仿淘宝固定侧边栏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"

2021-12-24 21:24:10 364

原创 JavaScript基础学习立即执行函数

JavaScript基础学习立即执行函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge

2021-12-24 21:19:10 273

原创 JavaScript基础学习 offsetLeft和offsetTop获取元素偏移

JavaScript基础学习 offsetLeft和offsetTop获取元素偏移offset与style的区别<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=

2021-12-23 21:09:39 783

原创 JavaScript基础学习放大镜

JavaScript基础学习放大镜<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

2021-12-22 21:04:36 594

原创 JavaScript基础学习拖动模态框

JavaScript基础学习拖动模态框实现拖动模态框随鼠标移动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" conten

2021-12-22 17:12:03 493

原创 JavaScript基础学习页面显示倒计时效果

JavaScript基础学习页面显示倒计时效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg

2021-12-21 18:57:06 658

原创 JavaScript基础学习定时器setTimeout与setInterval

JavaScript基础学习定时器setTimeout与setInterval定时器setTimeout定时器setInterval定时器setTimeout<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0">

2021-12-20 19:40:24 581

原创 JavaScript基础学习 BOM

JavaScript基础学习 BOM调整窗口大小事件定时器之setTimeout定时器之setInterval<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X

2021-12-19 21:06:01 275

原创 JavaScript基础学习事件

JavaScript基础学习事件注册事件删除事件事件对象e.target与this的区别阻止默认行为(事件)阻止事件冒泡事件委托注册事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <met

2021-12-18 20:29:16 786

原创 JavaScript基础学习创建元素innerHTML和createElement

JavaScript基础学习创建元素innerHTML和createElement<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible

2021-12-18 20:25:06 521

原创 JavaScript基础学习节点

这里写目录标题节点操作新浪下拉菜单兄弟节点添加创建节点复制和删除节点发布留言案例删除留言案例节点操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Co

2021-12-17 14:16:30 632

原创 JavaScript基础学习动态生成表格

JavaScript基础学习动态生成表格根据我们拥有的数据来动态创建表格的行和列，以及实现删除行的操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-U

2021-12-17 10:57:23 2758

原创 JavaScript基础学习表单隔行变色

JavaScript基础学习表单隔行变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&g

2021-12-16 21:41:16 540

原创 JavaScript基础学习表单全选取消全选效果实现

JavaScript基础学习表单全选取消全选效果实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=e

2021-12-16 11:15:20 123

原创 JavaScript基础学习密码框验证信息

JavaScript基础学习密码框验证信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"

2021-12-15 11:09:51 318

原创 JavaScript基础学习显示隐藏文本框内容

JavaScript基础学习显示隐藏文本框内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg

2021-12-14 21:44:12 450

原创 JavaScript基础学习显示隐藏明文密码案例

JavaScript基础学习显示隐藏明文密码案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg

2021-12-14 19:56:13 275

原创 JavaScript基础学习 DOM

JavaScript基础学习 DOMDOM获取元素获取特殊元素 html与body事件三要素innerText与innerHTML的区别分时间问候案例DOM获取元素<!DOCTYPE html><html><head> <title>DOM开始学习</title></head><body> <div id="time">2021-12-13</div>

2021-12-14 16:47:53 492 3

原创 JavaScript基础学习简单数据类型与复杂数据类型

JavaScript基础学习简单数据类型与复杂数据类型<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // 简单数据类型传参 // 当我们把一个值类型作为参数传给函数的形参时，其实是把变量在栈空间里的值复制了一份给形参 // 在方法内部对形参做任何修改，都不会影响到外部变量

2021-12-13 18:10:33 202

原创 JavaScript基础学习使用数组内置对象进行去重案例

JavaScript基础学习使用数组内置对象进行去重案例<!DOCTYPE html><html> <head> <title>js开始学习</title> <script> console.log('------------------------------------------------'); // 数组去重(重点案例)

2021-12-12 19:24:48 339

原创 JavaScript基础学习内置对象

JavaScript基础学习内置对象Math使用Math产生随机数进行猜数游戏Math<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // 取绝对值 console.log(Math.abs(-125)); //125 console.log(Math.abs('-125')); //12

2021-12-11 21:27:17 332

原创 JavaScript基础学习对象

JavaScript基础学习对象对象概念对象案例对象概念<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // 1. 利用对象字面量创建对象{} // var obj ={}; //创建了一个空对象 // 方法冒号后面跟的是一个匿名函数 // 调用对象的属性的两种方法:

2021-12-11 17:00:39 222

原创 JavaScript基础学习预解析

JavaScript基础学习预解析预解析预解析案例预解析<!DOCTYPE html><html><head> <title>js开始学习</title> <script> //js引擎运行js 分为两步：预解析代码执行 //预解析 js引擎会把js里面所有的var还有function提升到当前作用域的最前面 // 代码执行按照代书写的顺序从上

2021-12-11 11:31:25 238

原创 JavaScript基础学习函数与return、arguments

JavaScript基础学习函数与return、argumentsargumentsarguments案例<!DOCTYPE html><html><head> <title>js开始学习</title> <script> function getSum(num1, num2) { console.log(num1 + num2); }

2021-12-10 16:51:33 404

原创 JavaScript基础学习数组

JavaScript基础学习数组数组数组案例数组<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // var arr1 = [1, 2, 'zhangsan', true]; console.log(arr1); console.log(arr1[2]);

2021-12-09 20:22:45 191

原创 JavaScript基础学习 for循环

JavaScript基础学习循环循环案例for 循环for 循环案例for 循环案例之求学生平均成绩循环案例<!DOCTYPE html><html><head> <title>js开始学习</title> <script> var time = prompt('请你输入现在的时间段'); if (time >= 0 && time <= 12)

2021-12-08 22:43:29 598 2

原创 JavaScript基础学习逻辑运算符的使用

JavaScript基础学习逻辑运算符的使用<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // 用布尔值参与的逻辑运算 true && false =false 当有多个表达式的值，左边的表达式可以确定结果时，就不在继续运算右边的表达式的值 // 逻辑与短路运算如果表达式1 结果为

2021-12-08 18:24:10 113

原创 JavaScript基础学习数据类型的转换

JavaScript基础学习数据类型的转换<!DOCTYPE html><html> <head> <title>js开始学习</title> <script> // 1 把数字型转换成字符串类型变量.toString() var num = 10; console.log(num); var str

2021-12-07 22:44:11 287

原创 JavaScript基础学习 string与boolean

JavaScript基础学习 string与boolean<!DOCTYPE html><html> <head> <title>js开始学习</title> <script> // alert('酷热难耐，火辣的太阳底下，我挺拔的身姿，成为了最为独特的风景。\n我审视四周，这里，是我的舞台，我就是天地间的王者。\n这一刻，我冲天，终于大喊一声:"收破烂啦～"。');

2021-12-07 20:58:44 267

原创 JavaScript基础学习变量

JavaScript基础学习变量<!DOCTYPE html><html> <head> <title>js开始学习</title> <script> var age = 18, number =100, height = 180; console.log('这里打印

2021-12-06 19:15:05 267

原创基于以太坊的智能合约开发教程Solidity 结构体

基于以太坊的智能合约开发教程Solidity 结构体pragma solidity ^0.4.0;contract structTest{ // 结构体的定义 struct Student{ uint grade; string name; bool sex; uint student_number; } struct Student_Two{

2021-12-03 16:13:04 172

原创基于以太坊的智能合约开发教程Solidity 合约的销毁

基于以太坊的智能合约开发教程Solidity 合约的销毁pragma solidity ^0.4.0;contract destory{ uint public money = 100; address public owner; constructor() public{ owner = msg.sender; } function increaseMoney() public{ m

2021-12-03 11:29:53 5471