前端项目——当当书网(js项目)

一、编译器：HBuilderX 运行：各种浏览器

二、项目技术：1.广告随鼠标滚动而发生位置变化 2.循环向上垂直特效

三、项目中的难点：购物车的相关系列操作

界面要求：1.实现点击收起 2.实现点击删除时弹出提示框（询问是否删除） 3.实现全选和删除所选功能

注意：插入行时应插入第一行（程序员即第0行，小标从0开始），单引号、双引号的套用以及对转义字符的运用

四、界面展示

注册界面

要求：1、当鼠标放置文本框或者密码框时提醒用户正确的输入格式 2、当鼠标移出时检查是否符合要求并且予以提示，如果错误即清空框内内容 3.信息无误即进入登录界面

登录界面

登录成功进入首页面

主界面：首页面

点击首页旁图书可跳转至图书界面

图书界面

点击购物车可跳转至购物车界面

购物车界面

五、代码展示

注册界面（函数）

正则表达式：数字：\d [0-9]
\d:数字 [0-9]

\w:合法字符 [0-9a-zA-Z]
\s:空格

真正的点：\.
. :除了\n以外的任意字符
+：至少出现1次 >=1

?:0次或者1次要么不想出现要么就只出现一次

*：任意次包括0次
  -：连字符
  |：或者
  ():分组
[a-h]{2}:在a-h中任选1个重复2次例如：ab ac bf

[0-9]{2,}:数字至少出现2次 >=2 例如：1223

[a-h]{2,6}:在a-h中任选1个重复2-6次例如：edg

登录界面的函数同上

首页界面函数

图书界面函数

购物车界面函数

第148行：

col1.innerHTML = " <input name='cartCheckBox' type='checkbox' value='h0"+i+"' οnclick='selectSingle()'><td class='shopping_list_title_1'>" +nr[0].innerHTML + "</td>";

前端项目——当当书网(js项目)相关推荐

【前端】搭建 Vite + P5.js 项目
文章目录前言框架介绍一.初始化项目 1.1 创建一个新项目 1.2 选择框架 1.3 初始化项目二.安装依赖三.开始编程 3.1 添加容器 3.2 编写绘图代码 3.3 运行项目四.打包并 ...
IT创业网赚项目 - 做视频网赚项目，选择好平台很重要！
信任现在很多重视网赚项意图人都知道短视频创造挣钱.问答挣钱.还有带货挣钱这些路子,可是真正能赚到钱的有多少,又有多少混迹其中的人各怀鬼胎这个就要仁者见仁智者见智了.咱们在某音上会看到某条视频火了然后就 ...
前端React项目的Next.js项目通过CSS引入自定义字体文件
最近在Web3的项目,需要引入自定义字体,做下记录: 1. 如果是下载的字体文件,直接能使用的就不需要转换,如果是TTF格式则需要转换成eot.svg.woff.woff2,这里提供一个网站Font ...
项目一众筹网01_00_项目简介_此项目是SSM过渡到分布式项目(SpringBoot、SpringCloud)、互联网的发展引领了技术的发展、瀑布模型、敏捷开发是什么意思
系列文章目录文章目录系列文章目录前言 01项目介绍什么是众筹众筹的大致架构 02-众筹网-项目架构 03-必备知识知识 04-学习方法-上 05-学习方法-下 06-商业背景-互联网金融 0 ...
多项目结构_[网红项目]碳云大厦
周坚荣高成结构顾问中心副总工程师设计总监高级工程师从事建筑结构设计工作11年,代表作:碳云大厦项目.平安金融中心南塔.深圳民治第三工业区更新项目.广东潭洲会展中心二期.广东省第十四届省运会主体 ...
网赚项目，你知道哪些暴力截流的方法？
做网络项目的人都知道,在做任何互联网项目,流量都是非常重要的,它是一切变现的根本,没有流量,其他都是扯淡. 现在获取精准流量的成本也越来越大了,再加上各平台也加强了管控,想方设法的防止流量外流,对于引 ...
赚商联盟：为什么你做知识付费网课项目赚不到钱
赚商联盟知识付费网课项目,也运营一段时间了.团队也越来越壮大,很多代理和站长都陆续开单了,喜报连连. 都知道知识付费网课项目是众多网赚项目中,比较正规,持久,有发展前景的项目之一.所以纷纷选择进场. ...
「Vue 学习笔记 1」Vue 项目快速搭建，初始项目各个文件夹作用介绍和启动代码执行流程分析
「Vue 学习笔记 1」Vue 项目快速搭建,初始项目各个文件夹作用介绍和启动代码执行流程分析前言一.我的开发环境二.使用 Vue CLI (Vue 脚手架)快速搭建项目三.初始项目的目录结构 ...
【HTML响应式项目】成人教育官网前端页面（HTML+CSS+JS实现三端适应）
项目源码已上传至码云仓库:云南农业职业技术学院/HTML响应式成人教育官网前端页面(HTML+CSS+JS实现) 项目演示地址:成人教育网 AAP端下载地址:成人教育网APP端.apk-互联网文档类资 ...

前端项目——当当书网(js项目)

前端项目——当当书网(js项目)相关推荐

最新文章

热门文章