- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue项目的反向代理的配置
module.exports = { devServer:{ // proxy:"http://localhost:3000" proxy:{ '/api':{ changeOrigin:true, //设是否置改变host的地址，这样就可以跨域了 target:'http://localhost:3000', //设置代理的服务器地址以及端口号 p
2021-08-26 17:37:53
209
原创 城市切换 键盘事件 其他事件 事件对象 鼠标和键盘的事件对象 拖拽
1.城市切换<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>作业</title> <style type="text/css"> * { margin:0; padding:0; } .wp { width:600px; height:400px; border:1px #f00
2021-04-29 20:21:12
79
原创 面向对象 事件 监听的兼容写法 鼠标事件 事件冒泡和事件捕获 自定义下拉框
1.面向对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>面向对象</title> </head> <body> </body></html><script type="text/javascript"> // 字面量创建对象 var obj = { name: '魏忠贤'
2021-04-29 19:51:48
279
原创 打地鼠 锅打灰太狼 面向对象（工厂方法）
1.锅打灰太狼<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>锅打灰太狼</title> <link rel="stylesheet" type="text/css" href="css/lang.css"/> </head> <body> <div class="wp"> <sp
2021-04-29 19:42:48
257
原创 预加载 懒加载 瀑布流 this的理解
1.预加载<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>预加载</title> <style type="text/css"> * { margin:0; padding: 0; } .load { width:100%; height:100%; position: fixe
2021-04-29 19:39:53
209
原创 Dom轮播图 三级联动 Dom常用尺寸
1.Dom轮播图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>dom轮播图</title> <style type="text/css"> * { margin: 0; padding: 0; } .wp { width:1000px; height:600px; positi
2021-04-29 19:28:57
336
原创 Dom常用属性 兄弟属性 节点操作 发布评论效果 删除节点
1.Dom常用属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul class="list"> <li>哪吒</li> <li>金吒</li> <li>木吒</li>
2021-04-29 19:22:40
183
原创 Dom基础 特殊的节点 获取元素节点的内容 获取元素的属性 css属性 Dom获取元素的方法
1.Dom基础<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>dom基础</title> </head> <body> <div id="wp" class="aa bb cc"> 黄梅时节家家雨 <p id="cont">清明时节雨纷纷</p> <!-- &l
2021-04-29 19:17:23
466
原创 间隔大图轮播 选字游戏 tweenjs tween大图轮播 导航 淘宝轮播效果
1.间隔大图轮播<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>间隔大图</title> <style type="text/css"> * { margin: 0; padding: 0; } .wp { width:1000px; height: 600px; positio
2021-04-29 19:02:32
138
原创 闭包 时钟 无限大图滚动 banner图 碰壁反弹
1.闭包<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>闭包</title> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4<
2021-04-29 18:54:34
91
原创 对象 类型转换 Data对象 倒计时 引用类型
1.对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>对象</title> </head> <body> <!-- 点击事件也可以绑定在元素上 --> <button type="button" id="btn" οnclick="alt(this)">点击</button>
2021-04-29 18:43:25
211
原创 霓虹灯效果 函数 作用域
1.霓虹灯效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>霓虹灯效果</title> <style type="text/css"> * { margin: 0; padding: 0; } #wp { padding:50px 0; display: flex; justi
2021-04-28 20:40:07
277
原创 双色球 二维数组 Math常用方法 字符串方法 计时器
1.双色球实例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>双色球</title> <style type="text/css"> * { margin: 0; padding: 0; } .wp { width:1000px; margin: 50px auto; }
2021-04-28 20:27:09
232
原创 数组函数 冒泡排序
1.数组函数/* pop() 从数组的尾部删除一个元素，每一次删除一个元素 没有参数，返回值是删除的那个元素 shift() 从数组的头部删除一个元素，每一次删除一个元素 没有参数，返回值是删除的那个元素 splice() 从数组的任何一个位置开始，进行删除，替换，添加任意元素 参数：(以下序号代表参数的次序) 1.指定开始操作的位置 2.指定删除元素的长度，包括开始的位置 3.从开始的位置，添加的新元素 返回值 当删除了元素的时候，返回的删除的元素组成的数组，如果
2021-04-28 20:05:26
445
原创 随机数 while和do-while tab切换 自定义菜单 数组
1.随机数/* Math.floor() 向下取整 Math.round() 四舍五入 Math.ceil() 向上取整 随机数 Math.random() 取值范围是 [0,1),0到1，取到0，但是取不到1 */ document.write(Math.random()); // 把[0,100)的随机整数，添加到div.wp var wps = document.getElementsByClassName('wp'); var wp = wps
2021-04-28 15:57:13
158
原创 for循环 Switch 文档流和元素写入
1.登录框<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>登录框</title> <style type="text/css"> * { margin:0; padding: 0; } .wp { width: 200px; height: 200px; padding:20px;
2021-04-28 15:37:55
241
原创 运算符 分支语句 轮播图
1.运算符/* ++ 自增 -- 自减 c = a++ 相当于先把原来的a赋值给c，再完成a的自增 c = ++a 相当于先完成a的自增，再把a自增后的值赋给c */ var num1 = 10; var num2 = num1++; console.log('num2',num2); // num2=10 num1=11 console.log('num1',num1); // num1=11 var num3 = ++num1; // num1=12 n
2021-04-28 15:26:56
73
原创 判断一个数有几张20美元，几张10美元，几张5美元，几张1美元.
输入一个数字判断有几张美元var money = document.getElementById("money"); var btn = document.getElementById("btn"); // parseInt(num) 获取num的整数部分 console.log(parseInt(3.14)); btn.onclick = function(){ var val = money.value; var str = ''; //设置一个空字符串 //首先获取v
2021-04-28 15:21:13
114
原创 JS基础（变量的分类运算符）
1.JS基础 <!-- DOM ：document object model ，文档对象模型，通过js可以对dom进行增删改查操作 BOM ：browse object model，浏览器对象模型，如果数据存储在浏览器当中，都是通过bom进行操作的 js的特点 1.弱类型语言 2.直译性语言 3.不是完全的面向对象 4.跨平台 5.具有动态性，基于事件驱动形式
2021-04-28 15:18:23
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人