2023年7月6日
ABOUT US
摘要： ABOUT US页面： 前端框架： <header> <nav class="navbar"> <div class="navbar-logo"> <img src="img/ABUIABAEGAAgsd3Z6QUopvnbvwYwkAM4kAM.png" alt="真至味logo"> </div> 阅读全文
posted @ 2023-07-06 09:44 mc猿 阅读(124) 评论(0) 推荐(0)
仿写门户网站首页
摘要： 首页 前端代码： 导航栏： <header> <nav class="navbar"> <div class="navbar-logo"> <img src="img/ABUIABAEGAAgsd3Z6QUopvnbvwYwkAM4kAM.png" alt="真至味logo"> </div> <ul 阅读全文
posted @ 2023-07-06 09:32 mc猿 阅读(67) 评论(0) 推荐(0)
2023年6月30日
css样式
摘要： CSS（Cascading Style Sheets）用于为 HTML 元素添加样式和布局。以下是一些常见的 CSS 样式和属性示例： 设置文本样式： cssCopy code h1 { color: blue; /* 设置文本颜色为蓝色 */ font-size: 24px; /* 设置字体大小为 阅读全文
posted @ 2023-06-30 12:48 mc猿 阅读(122) 评论(0) 推荐(0)
ajax如何应用
摘要： Ajax（Asynchronous JavaScript and XML）是一种通过在后台与服务器进行异步通信的技术，可以实现网页局部更新而无需刷新整个页面。常用于通过前端与后端进行数据交互。以下是一个使用 Ajax 的简单示例： <!DOCTYPE html><html><head> <title 阅读全文
posted @ 2023-06-30 12:46 mc猿 阅读(29) 评论(0) 推荐(0)
如何实现前后端交互
摘要： 要实现前后端的交互，通常使用客户端和服务器之间的通信协议，例如 HTTP。以下是一个简单的示例，展示了如何使用前端（JavaScript）和后端（Node.js）进行交互： 前端代码（HTML + JavaScript）： <!DOCTYPE html><html><head> <title>前后端 阅读全文
posted @ 2023-06-30 12:45 mc猿 阅读(842) 评论(0) 推荐(0)
贪吃蛇制作js
摘要： <!DOCTYPE html><html><head> <title>贪吃蛇游戏</title> <style> #game-board { width: 400px; height: 400px; border: 1px solid #000; position: relative; } .sna 阅读全文
posted @ 2023-06-30 12:41 mc猿 阅读(99) 评论(0) 推荐(0)
Bootstrap中的栅格系统是什么？它的作用和使用方法是什么？
摘要： Bootstrap的栅格系统是一种响应式布局系统，用于在网页上创建灵活的、自适应的网格结构。栅格系统将页面水平分割成12个等宽的列，可以根据不同的屏幕尺寸和设备类型，将内容组织成不同的布局。 栅格系统的作用是帮助开发人员快速实现响应式布局，使网页在不同的屏幕尺寸下都能呈现良好的可读性和用户体验。通过 阅读全文
posted @ 2023-06-30 12:37 mc猿 阅读(371) 评论(0) 推荐(0)
node 笔记
摘要： # node 笔记## 安装去node官网下载LTS，长期支持版本，傻瓜式安装打开命令行```shellnode -v```如果能出现版本号，即安装成功如果不出现，再安装一次，可以考虑选择repair备注：win7用户，需要自行配置环境变量## 配置淘宝镜像```shellnpm get regis 阅读全文
posted @ 2023-06-30 12:31 mc猿 阅读(11) 评论(0) 推荐(0)
Students-system开发步骤
摘要： # Students-system开发步骤## 项目初始化新建文件夹，命名为`students-system`，注意这里的命名不得为中文或其他特殊字符```shellnpm init -y```## 安装包```shellnpm i jquery express express-art-templa 阅读全文
posted @ 2023-06-30 12:28 mc猿 阅读(69) 评论(0) 推荐(0)
2023年6月5日
碰撞事件代码
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ margin: 0; } div{ width: 100px; height: 100px; positio 阅读全文
posted @ 2023-06-05 01:09 mc猿 阅读(22) 评论(0) 推荐(0)