摘要: ##一、用户名验证基本逻辑 为用户名输入框绑定blur事件,当输入框失去焦点后,客户端向后端服务器发送Ajax请求(此处使用Ajax模拟表单请求提交) 服务器收到请求后,连接数据库进行查询并将结果响应回前端 客户端接收后端响应后进行处理并展示给用户 ##二、主要知识点:Ajax发送post请求、no 阅读全文
posted @ 2023-01-19 16:42 Ben-studying 阅读(111) 评论(0) 推荐(0)
摘要: ##知识点 ###获取post请求表单数据 get请求可以使用response对象的url属性进行获取,post请求则需要使用response对象的事件监听函数req.on('data',rollback)和req.on('end',rollback),前者表示数据发送,在回调函数中有一个chunk 阅读全文
posted @ 2023-01-13 22:02 Ben-studying 阅读(75) 评论(0) 推荐(0)
摘要: ##主要知识点 ###登录业务流程 服务器获取客户端登录数据并与数据库数据进行比对 ###知识点一:node搭建web服务器 引入http模块 创建服务器对象 监听端口 ###知识点二:node连接mysql数据库 引入mysql模块(在此之前需要先下载mysql包) 创建数据库连接 对数据库进行操 阅读全文
posted @ 2023-01-13 21:29 Ben-studying 阅读(91) 评论(0) 推荐(0)
摘要: #携程移动端静态首页flex布局(弹性布局) ##主要知识点:flex布局&属性选择器&阴影&背景渐变 ###HTML结构 <body> <!-- 顶部搜索 --> <div class="search-index"> <div class="search">搜索:目的地/酒店/景点/航班号</di 阅读全文
posted @ 2021-05-25 22:29 Ben-studying 阅读(908) 评论(0) 推荐(0)
摘要: #流式布局京东移动端首页实践(流式布局即百分比布局) ##主要知识点:meta视口标签&背景缩放&结构伪类选择器&定位&二倍精灵图 ###HTML结构 <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=" 阅读全文
posted @ 2021-05-21 21:16 Ben-studying 阅读(859) 评论(0) 推荐(0)
摘要: #注册页制作 ##主要知识点:表单&对齐技巧 ###HTML结构 <!-- 注册页 --> <div class="w header"> <a href="./index.html" target="_blank"><img src="./images/logo.png" alt=""></a> < 阅读全文
posted @ 2021-05-11 09:05 Ben-studying 阅读(578) 评论(0) 推荐(0)
摘要: #一、情怀墙(自己起的俗名,哈哈哈) ##主要知识点:浮动&定位&布局 ###HTML结构 <!-- 情怀墙模块 --> <div class="w mosion"> <div class="hd"> <div class="left">情怀墙</div> <div class="right"><a 阅读全文
posted @ 2021-05-08 17:00 Ben-studying 阅读(124) 评论(0) 推荐(0)
摘要: #海贼王*时尚潮牌购物模块 ##主要知识点:网页布局&定位&CSS3过渡 ###HTML结构 <!-- 时尚潮牌模块 --> <div class="w fasion"> <div class="hd"> <div class="left">海贼王*时尚潮牌</div> <div class="mi 阅读全文
posted @ 2021-05-07 13:56 Ben-studying 阅读(93) 评论(0) 推荐(0)
摘要: ###前情提示 ###因为学校的一个课程的课终作业是设计一个网站(包括ps和html),所以我就想着把前段时间写的品优购静态网站项目改成一个我喜欢的海贼王的一个网站,前面品优购已经完成的部分我就只是做了一点点改动,大体框架是没变的,后面几篇博客就介绍新的这个网站了(自我感觉做的还行) ###先来一张 阅读全文
posted @ 2021-05-06 21:20 Ben-studying 阅读(352) 评论(0) 推荐(0)
摘要: #猜你喜欢模块制作 ##主要知识点:结构伪类选择器和伪元素选择器&常规页面布局 ###HTML结构 <!-- 猜你喜欢模块 --> <div class="like"> <div class="hd"> <div class="left">猜你喜欢</div> <div class="right"> 阅读全文
posted @ 2021-04-26 18:29 Ben-studying 阅读(480) 评论(0) 推荐(0)