2021年12月24日
Node实现从后端向前端传输数据
摘要： 首先我们现在下载Node.js 网站是https://nodejs.org/zh-cn/ 如图所示 我们下载长期维护版 然后我们验证一下是否成功 按下win+R 输入cmd 打开命令行 输入代码 node -v 按是否成功安装 效果如下 伴随着node的安装还有个小工具npm被一起安装上了。 npm 阅读全文
posted @ 2021-12-24 14:48 doudou帅 阅读(741) 评论(0) 推荐(0)
HTML基础标签
摘要： 首先我们在编写HTML页面的时候 都会有这个界面 首先我们先要了解各部分分别是什么意思 首先 <!DOCTYPE html> <!-- html5的标识，告诉浏览器这是一个html5的页面，请按照解析html5的方式解析 -->这样浏览器就可以识别HTML了其次 <head> </head> <he 阅读全文
posted @ 2021-12-24 14:09 doudou帅 阅读(46) 评论(0) 推荐(0)
2021年12月22日
DOM对象
摘要： DOM是文档对象模型 是一种可以操作HTML文档的重要手段，利用DOM可完成对HTML文档中所有元素的获取，访问，标签属性和样式的设置等操作 DOM HTML节点树 1.根节点：<html>标签是整个文档的根节点，有且仅有一个。 2.子节点：指的是某个节点的下级节点， 列如<head>和<body> 阅读全文
posted @ 2021-12-22 19:00 doudou帅 阅读(105) 评论(0) 推荐(0)
JS数组
摘要： 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数组</title> </head> <body> </body> </html> <script> var arr2 = [1, 2, 3, 4, 阅读全文
posted @ 2021-12-22 18:18 doudou帅 阅读(40) 评论(0) 推荐(0)
拖拽图形碰撞变色效果
摘要： 效果如下 拖拽后 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽</title> <style> #div1 { width: 100px; height: 100px; background 阅读全文
posted @ 2021-12-22 17:05 doudou帅 阅读(57) 评论(0) 推荐(0)
2021年12月11日
键盘事件实现方块的移动
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>键盘事件</title> <style> #box { width: 400px; height: 600px; margin: 20px auto 0; bo 阅读全文
posted @ 2021-12-11 21:13 doudou帅 阅读(83) 评论(0) 推荐(0)
2021年12月9日
鼠标放置实现图片缩放
摘要： 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #box{ width: 800px; height: 300px; margin: 100px auto 0; } 阅读全文
posted @ 2021-12-09 21:39 doudou帅 阅读(209) 评论(0) 推荐(0)
轮播图的实现
摘要： 首先我们新建一个文件夹名为lunbotu1在它下面新建三个文件夹分别名为js css img 和index.html 如图所示 然后我们打开命令行输入以下代码 npm init -y 初始化命令 npm i swiper@4.0.1 下载4.0.1版本的swiper 如图所示 然后我们编写html代 阅读全文
posted @ 2021-12-09 21:18 doudou帅 阅读(85) 评论(0) 推荐(0)
2021年11月20日
JavaScript实现钟表样式
摘要： 效果如图所示 代码如下 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #box { width: 225px; height: 225px; margin: 阅读全文
posted @ 2021-11-20 20:08 doudou帅 阅读(237) 评论(0) 推荐(0)
2021年11月8日
HTML实现百度页面
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>百度</title> <style typ 阅读全文
posted @ 2021-11-08 21:41 doudou帅 阅读(4387) 评论(1) 推荐(0)