feat: 新增Web服务

songxingguo · Jan 16, 2024 · dc98bb7 · dc98bb7
1 parent a840939
commit dc98bb7
Show file tree

Hide file tree

Showing 42 changed files with 73 additions and 20 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,34 @@
-.idea
+
+\.idea/
+
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.parcel-cache
+package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "demo",
+  "version": "1.0.0",
+  "description": "",
+  "source": "src/index.html",
+  "scripts": {
+    "dev": "parcel",
+    "build": "parcel build"
+  },
+  "author": "songxingguo",
+  "license": "ISC",
+  "devDependencies": {
+    "parcel": "latest"
+  },
+  "dependencies": {
+    "parcel": "^2.11.0"
+  }
+}
diff --git a/CSS3动画/3D盒子展开练习.html → src/CSS3动画/3D盒子展开练习.html b/CSS3动画/3D盒子展开练习.html → src/CSS3动画/3D盒子展开练习.html
diff --git a/CSS3动画/3D盒子炸开练习.html → src/CSS3动画/3D盒子炸开练习.html b/CSS3动画/3D盒子炸开练习.html → src/CSS3动画/3D盒子炸开练习.html
diff --git a/CSS3动画/3D盒子练习.html → src/CSS3动画/3D盒子练习.html b/CSS3动画/3D盒子练习.html → src/CSS3动画/3D盒子练习.html
@@ -58,11 +58,14 @@
 			}
 			.face:nth-child(5) {
 				background-color: cornflowerblue;
-			    transform: translateZ(200px);  //立方体前面正对着屏幕，所以不用旋转，只需向Z轴前移动距离
+               /* 立方体前面正对着屏幕，所以不用旋转，只需向Z轴前移动距离 */
+			    transform: translateZ(200px);  
+
 			}
 			.face:nth-child(6) {
 				background-color: cadetblue;
-			    transform: translateZ(0);   //立方体后面正对着屏幕，所以不用旋转，只需向Z轴后移动距离
+        /* 立方体后面正对着屏幕，所以不用旋转，只需向Z轴后移动距离 */
+			    transform: translateZ(0);   
 			}
 			#container:hover .box {
 				transform: rotateX(360deg) rotateY(-360deg);

diff --git a/CSS3动画/fir.im网站.html → src/CSS3动画/fir.im网站.html b/CSS3动画/fir.im网站.html → src/CSS3动画/fir.im网站.html
diff --git a/CSS3动画/倾斜的导航.html → src/CSS3动画/倾斜的导航.html b/CSS3动画/倾斜的导航.html → src/CSS3动画/倾斜的导航.html
diff --git a/CSS3动画/时钟练习.html → src/CSS3动画/时钟练习.html b/CSS3动画/时钟练习.html → src/CSS3动画/时钟练习.html
diff --git a/CSS3动画/风车练习.html → src/CSS3动画/风车练习.html b/CSS3动画/风车练习.html → src/CSS3动画/风车练习.html
@@ -70,7 +70,6 @@
 				top: 50%;
 				margin-top: -10px;
 			}
-		</styl
 		</style>
 	</head>
 	<body>

diff --git a/CSS基础/响应式图片相册.html → src/CSS基础/响应式图片相册.html b/CSS基础/响应式图片相册.html → src/CSS基础/响应式图片相册.html
@@ -59,7 +59,7 @@ <h2 style="text-align:center">响应式图片相册</h2>
 
 <div class="responsive">
   <div class="img">
-    <a target="_blank" href="img_fjords.jpg">
+    <a target="_blank">
       <img src="http://www.runoob.com/wp-content/uploads/2016/04/img_fjords.jpg" alt="Trolltunga Norway" width="300" height="200">
     </a>
     <div class="desc">Add a description of the image here</div>
@@ -69,7 +69,7 @@ <h2 style="text-align:center">响应式图片相册</h2>
 
 <div class="responsive">
   <div class="img">
-    <a target="_blank" href="img_forest.jpg">
+    <a target="_blank">
       <img src="http://www.runoob.com/wp-content/uploads/2016/04/img_forest.jpg" alt="Forest" width="600" height="400">
     </a>
     <div class="desc">Add a description of the image here</div>
@@ -78,7 +78,7 @@ <h2 style="text-align:center">响应式图片相册</h2>
 
 <div class="responsive">
   <div class="img">
-    <a target="_blank" href="img_lights.jpg">
+    <a target="_blank">
       <img src="http://www.runoob.com/wp-content/uploads/2016/04/img_lights.jpg" alt="Northern Lights" width="600" height="400">
     </a>
     <div class="desc">Add a description of the image here</div>
@@ -87,7 +87,7 @@ <h2 style="text-align:center">响应式图片相册</h2>
 
 <div class="responsive">
   <div class="img">
-    <a target="_blank" href="img_mountains.jpg">
+    <a target="_blank">
       <img src="http://www.runoob.com/wp-content/uploads/2016/04/img_mountains.jpg" alt="Mountains" width="600" height="400">
     </a>
     <div class="desc">Add a description of the image here</div>

diff --git a/CSS基础/图片廊.html → src/CSS基础/图片廊.html b/CSS基础/图片廊.html → src/CSS基础/图片廊.html
diff --git a/Flex布局/响应式页面.html → src/Flex布局/响应式页面.html b/Flex布局/响应式页面.html → src/Flex布局/响应式页面.html
diff --git a/Flex布局/圣杯布局.html → src/Flex布局/圣杯布局.html b/Flex布局/圣杯布局.html → src/Flex布局/圣杯布局.html
diff --git a/Flex布局/骰子练习.html → src/Flex布局/骰子练习.html b/Flex布局/骰子练习.html → src/Flex布局/骰子练习.html
diff --git a/HTML基础/HTML基础.html → src/HTML基础/HTML基础.html b/HTML基础/HTML基础.html → src/HTML基础/HTML基础.html
diff --git a/HTML基础/JD导航.html → src/HTML基础/JD导航.html b/HTML基础/JD导航.html → src/HTML基础/JD导航.html
diff --git a/HTML基础/example.html → src/HTML基础/example.html b/HTML基础/example.html → src/HTML基础/example.html
diff --git a/HTML基础/图片的渐变切换.html → src/HTML基础/图片的渐变切换.html b/HTML基础/图片的渐变切换.html → src/HTML基础/图片的渐变切换.html
diff --git a/HTML基础/平移切换图片.html → src/HTML基础/平移切换图片.html b/HTML基础/平移切换图片.html → src/HTML基础/平移切换图片.html
diff --git a/HTML基础/幻灯片.html → src/HTML基础/幻灯片.html b/HTML基础/幻灯片.html → src/HTML基础/幻灯片.html
diff --git a/HTML基础/改变文字大小.html → src/HTML基础/改变文字大小.html b/HTML基础/改变文字大小.html → src/HTML基础/改变文字大小.html
diff --git a/HTML基础/猜图游戏.html → src/HTML基础/猜图游戏.html b/HTML基础/猜图游戏.html → src/HTML基础/猜图游戏.html
diff --git a/HTML基础/聊天窗口.html → src/HTML基础/聊天窗口.html b/HTML基础/聊天窗口.html → src/HTML基础/聊天窗口.html
diff --git a/HTML基础/表单.html → src/HTML基础/表单.html b/HTML基础/表单.html → src/HTML基础/表单.html
diff --git a/HTML基础/轮播图.html → src/HTML基础/轮播图.html b/HTML基础/轮播图.html → src/HTML基础/轮播图.html
diff --git a/img/jd.jpg → src/img/jd.jpg b/img/jd.jpg → src/img/jd.jpg
diff --git a/img/loading-Home.gif → src/img/loading-Home.gif b/img/loading-Home.gif → src/img/loading-Home.gif
diff --git a/img/next.png → src/img/next.png b/img/next.png → src/img/next.png
diff --git a/img/pic1.png → src/img/pic1.png b/img/pic1.png → src/img/pic1.png
diff --git a/img/pic2.png → src/img/pic2.png b/img/pic2.png → src/img/pic2.png
diff --git a/img/pic3.png → src/img/pic3.png b/img/pic3.png → src/img/pic3.png
diff --git a/img/pic4.png → src/img/pic4.png b/img/pic4.png → src/img/pic4.png
diff --git a/img/pic5.png → src/img/pic5.png b/img/pic5.png → src/img/pic5.png
diff --git a/img/pic6.png → src/img/pic6.png b/img/pic6.png → src/img/pic6.png
diff --git a/img/picture1.jpg → src/img/picture1.jpg b/img/picture1.jpg → src/img/picture1.jpg
diff --git a/img/picture2.jpg → src/img/picture2.jpg b/img/picture2.jpg → src/img/picture2.jpg
diff --git a/img/plane.svg → src/img/plane.svg b/img/plane.svg → src/img/plane.svg
diff --git a/img/prev.png → src/img/prev.png b/img/prev.png → src/img/prev.png
diff --git a/img/propeller.svg → src/img/propeller.svg b/img/propeller.svg → src/img/propeller.svg
diff --git a/index.html → src/index.html b/index.html → src/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="UTF-8">
-		<title>HTML基础</title>
-	</head>
-	<body>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <title>HTML基础</title>
+  </head>
+  <body>
 		<div>
 			<h2>HTML 基础</h2>
 			<ul>
@@ -24,16 +24,16 @@ <h2>CSS基础</h2>
 			<ul>
 				<li><a href="CSS基础/图片廊.html">图片廊</a></li>
 				<li><a href="CSS基础/响应式图片相册.html">响应式图片相册</a></li>
-			</ul>
+			</ul> 
 			<h2>CSS3 动画</h2>
 			<ul>
-				<li><a href="CSS3动画/倾斜的导航.html">倾斜的导航</a></li>
+			  <li><a href="CSS3动画/倾斜的导航.html">倾斜的导航</a></li>
 				<li><a href="CSS3动画/风车练习.html">风车练习</a></li>
 				<li><a href="CSS3动画/时钟练习.html">时钟练习</a></li>
 				<li><a href="CSS3动画/3D盒子练习.html">3D盒子练习</a></li>
 				<li><a href="CSS3动画/3D盒子展开练习.html">3D盒子展开练习</a></li>
 				<li><a href="CSS3动画/3D盒子炸开练习.html">3D盒子炸开练习</a></li>
-				<li><a href="CSS3动画/fir.im网站.html">fir.im网站</a></li>
+				<li><a href="CSS3动画/fir.im网站.html">fir.im网站</a></li> 
 			</ul>
 			<h2>Flex 布局</h2>
 			<ul>
@@ -42,5 +42,5 @@ <h2>Flex 布局</h2>
 				<li><a href="Flex布局/响应式页面.html">响应式页面</a></li>
 			</ul>
 		</div>
-	</body>
-</html>
+  </body>
+</html>
diff --git a/js/jquery.js → src/js/jquery.js b/js/jquery.js → src/js/jquery.js
diff --git a/js/myQuery.js → src/js/myQuery.js b/js/myQuery.js → src/js/myQuery.js