柠檬味小发糕-优快云博客

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

原创 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 553 3

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

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

2021-12-13 18:10:33 248

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

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

2021-12-12 19:24:48 373

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

原创 JavaScript基础学习对象

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

2021-12-11 17:00:39 253

原创 JavaScript基础学习预解析

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

2021-12-11 11:31:25 349

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

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

原创 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 637 2

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

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

2021-12-08 18:24:10 139

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

原创 JavaScript基础学习 string与boolean

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

2021-12-07 20:58:44 316

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

原创基于以太坊的智能合约开发教程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 222

原创基于以太坊的智能合约开发教程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 5596