摘要:
1.JavaScript简介 **JavaScript ** 是什么?(重点) Js是一种专门为网页交互设计的客户端(浏览器端)的脚本语言; Js与html和css有相似之处,都在浏览器端解析; Js和java,c#,php等一样,是一门真正的编程语言 javaScript简称js 小故事:js的创 阅读全文
posted @ 2020-12-14 12:30
人心不古
阅读(146)
评论(0)
推荐(0)
摘要:
一.购物车 效果图: 功能思路分析: 1. 面向对象框架 2. 模拟数据 1.多个店铺数组套对象 2.每个店铺多个商品,数组套对象 3. 渲染数据 先渲染店铺,在渲染店铺中嵌套渲染商品 4. 加购物车 \1. 点击加号按钮计算小计: 小计 = 数量 * 单价 \2. 调用合计方法 5. 减购物车 \ 阅读全文
posted @ 2020-12-14 12:29
人心不古
阅读(115)
评论(0)
推荐(0)
摘要:
一.吸顶楼层 效果图: 功能思路分析: 1. 面向对象框架 2. 渲染导航 \1. 数据 \2. 对象结构的数据用for in遍历 \3. 渲染时将属性名设为锚点(a标签的href) 3. 渲染车系 \1. 车系分类是对象的数据结构,外层渲染用for in \2. 每个分类的内容是数组的数据结构,内 阅读全文
posted @ 2020-12-14 12:28
人心不古
阅读(73)
评论(0)
推荐(0)
摘要:
一.分页 效果图: 功能思路分析: 分页就是将所有的数据按指定条数分成若干份: 假如有24条数据,每页只显示5条,则需要分成Math.ceil(24 / 5) = 5页; 每次只显示1页数据,所以需要在总数据中利用slice截取出1页数据渲染 每一页的数据分布如下: 第一页: 显示1 - 5条数据 阅读全文
posted @ 2020-12-14 12:26
人心不古
阅读(85)
评论(0)
推荐(0)
摘要:
一.面向对象轮播 效果图: 功能思路分析: **1. ** 面向对象框架搭建 **2. ** 渲染数据 1.通过**map().join(‘’)**分别渲染导航和内容的数据 2.渲染时在导航菜单上挂载自定义属性保存下标 3.默认给第一个高亮( 添加类名 ) **3. ** 封装公用切换方法 1.先把 阅读全文
posted @ 2020-12-14 12:23
人心不古
阅读(83)
评论(0)
推荐(0)
摘要:
一.封装格式化日期 功能思路分析: \1. 第一个参数format表示指定的时间格式 \2. 第二个参数date为指定的时间(可以不传,默认当前时间) \3. 获取第二个参数中指定时间的年月日时分秒 \4. 将format中的格式利用replace()方法替换 #二.表单验证 效果图: 功能思路分析 阅读全文
posted @ 2020-12-14 12:22
人心不古
阅读(87)
评论(0)
推荐(0)
摘要:
一.正则表达式简介 什么是正则表达式 正则表达式,也叫规则表达式, 是对字符串操作的一种逻辑公式。 为什么要使用正则? 1、使用极简单的方式,去匹配字符串 2、速度快,代码少 3、在复杂的字符串中快速精准的匹配想要的字符 正则表达式创建: 字面量: var reg = / 规则/修饰符; 实例化: 阅读全文
posted @ 2020-12-14 12:21
人心不古
阅读(111)
评论(0)
推荐(0)
摘要:
一.软键盘拖拽 效果图:  功能思路分析: 1 阅读全文
posted @ 2020-12-14 12:20
人心不古
阅读(99)
评论(0)
推荐(0)
摘要:
一.对象 什么是对象: 一组无序的属性集合 创建对象两种方式: 对象字面量: var obj = {} 实例化: var obj = new Object() 对象取值: **[] ( ** 中括号): 变量、数字等不规范的属性名 .(点) : 符合命名规范的属性名 删除对象的属性: delete 阅读全文
posted @ 2020-12-14 12:18
人心不古
阅读(92)
评论(0)
推荐(0)
摘要:
一.垃圾分类 效果图: 功能思路分析: 1. 鼠标按下 (1) 获取鼠标到元素的距离(e.offsetX) (2) 开启开关变量 (3) 获取事件源 (4) 记录垃圾初始位置 2. 鼠标移动 (1) 当开关变量为真时,修改垃圾的位置即的left和top (2) 垃圾位置 = 鼠标位置到页面位置 阅读全文
posted @ 2020-12-14 12:17
人心不古
阅读(189)
评论(0)
推荐(0)
浙公网安备 33010602011771号