摘要: 13-1.函数的参数 函数的本质: ü 函数的作用,代码重用,编写一个函数,就是为了解决一类问题。 ü 函数每次调用,都有一个结果,那么结果和什么相关呢?y = x , y = x2,y = sin(x)。和我们给定的某一个值相关的。 这就涉及到参数的问题。 ​ 函数中的参数分为 形参:函数定义时小 阅读全文
posted @ 2020-12-14 13:12 人心不古 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 11-1.引入(认识函数) ​ 引入: 说起函数,其实我们并不陌生,在初中数学中我们就接触过函数;例如我们所学的 y = 2X+1 ; 这是一个二元一次方程,也是我们数字中的函数; ​ 当我们每次输入一个X的值时,经过这个函数的运算,就会输出一个对应的y; ​ 从这里我们可以看出:函数能够揭示一些规 阅读全文
posted @ 2020-12-14 13:11 人心不古 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 11-1.跳转语句 在js中,有如下四种跳转语句: ü break ü continue break:结束本层循环 continue:跳过(结束)本次循环,继续进入下一次循环 就是两个关键字 #11-2.多重循环 在实际的开发中,经常需要用到多重循环,尤其是二重循环。 不管是while还是for都可 阅读全文
posted @ 2020-12-14 13:09 人心不古 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 十、循环语句-1: 非常之重要。 作用:重复执行一段代码 ü while ü do...while ü for 它们的相同之处,都能够实现循环。 不同的地方,格式不一样,使用的场景略有不同。 #10-1.while循环 语法格式: ​ 基本使用: while循环的使用细节: ü 在循环体中,一定要修 阅读全文
posted @ 2020-12-14 13:08 人心不古 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 9-3.if...else if ...else语句 多分支的if语句,多选一。 格式: 基本使用 注意: ü 在js中,else和if要分开写,不能连写。 在js中,else...if的多分支,本质上是if...else的嵌套使用,只不过可以用简化的写法,让程序看起来要简洁一些。 #9-4、pro 阅读全文
posted @ 2020-12-14 12:57 人心不古 阅读(788) 评论(0) 推荐(0) 编辑
摘要: 1.什么是语句 概念:在JavaScript中表达式是短语,语句就是整句或命令。 作用:用来执行以使某件事发生 特征:用 ; 结尾 Js中语句的常见形式: ü 表达式语句 ü 复合语句 ü 声明语句 ü 条件语句 ü 循环语句 ü 跳转 #2.表达式语句 具有副作用的表达式式,就可以形成一个完整的语 阅读全文
posted @ 2020-12-14 12:55 人心不古 阅读(102) 评论(0) 推荐(0) 编辑
摘要: (1).什么是表达式 任何有值的内容都是表达式 一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如a=3中的3就是一个表达式,a=3整体也可以作为一个表达式。 常见表达式有如下几种: ü 原始表达式 ü 运算符构成的表达式 ü 对象和数组初始化表达式 ü 函数定义表达式 ü 调用表达式 ü 阅读全文
posted @ 2020-12-14 12:53 人心不古 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 6.1.关系运算符 用来进行比较的。比较的结果通常是布尔值真和假。 ü ==:相等,只比较值是否相等 ü :全等,比较值的同时比较数据类型是否相等 ü !=:不相等,比较值是否不相等 ü !==:不全等,比较值的同时比较数据类型是否不相等 ü 返回值:boolean型 相等运算符,使用两个=表示。 阅读全文
posted @ 2020-12-14 12:49 人心不古 阅读(170) 评论(1) 推荐(0) 编辑
摘要: 5.1.认识运算符 什么是运算符? 运算符用于执行程序代码运算,会针对一个以上操作数项目来进行运算。 运算符的应用: 购物车:计算总价,数量; **Js ** 中有哪些运算符? 算术运算符、赋值运算符、关系运算符、逻辑运算符、三元运算符 #5.2.如何理解运算符 ü 运算数的个数:一元、二元、三元 阅读全文
posted @ 2020-12-14 12:35 人心不古 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 1、 转布尔类型 Boolean():可以将任意类型的数据转为布尔类型; 语法:Boolean(值) 规则: #2、转字符型 1、 String():可以将任意类型的数据转为字符型 语法:String(值) 返回值:转换的内容加引号 ​ 2、 **toString()😗*除了null和undefi 阅读全文
posted @ 2020-12-14 12:34 人心不古 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 3.1.什么是数据类型 a. 什么是数据类型? 想从生活中出发: 考验智商的时刻到了: 1(只)+1(只)=1(双) 3(天)+4(天)=1(周) 5(月)+7(月)=1(年) 4(时)+9(时)=1(时) 6(盎司)+10(盎司)=1(磅) 在日常生活中,描述不同的东西,有不同的一些单位。 实际上 阅读全文
posted @ 2020-12-14 12:33 人心不古 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 1.JavaScript词法结构 所谓词法结构是指一套基础性规则,用来描述如何使用这门语言来编写程序,包括如下几项: ü 字符集unicode ü 区分大小写 (true和TRUE) ü 忽略空白字符(空格、制表符和换行符) ü 注释 ü 标识符和关键字(保留字) 解释: 命名:英文命名; 空白:由 阅读全文
posted @ 2020-12-14 12:31 人心不古 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 1.JavaScript简介 **JavaScript ** 是什么?(重点) Js是一种专门为网页交互设计的客户端(浏览器端)的脚本语言; Js与html和css有相似之处,都在浏览器端解析; Js和java,c#,php等一样,是一门真正的编程语言 javaScript简称js 小故事:js的创 阅读全文
posted @ 2020-12-14 12:30 人心不古 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 一.购物车 效果图: 功能思路分析: 1. 面向对象框架 2. 模拟数据 1.多个店铺数组套对象 2.每个店铺多个商品,数组套对象 3. 渲染数据 先渲染店铺,在渲染店铺中嵌套渲染商品 4. 加购物车 \1. 点击加号按钮计算小计: 小计 = 数量 * 单价 \2. 调用合计方法 5. 减购物车 \ 阅读全文
posted @ 2020-12-14 12:29 人心不古 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 一.吸顶楼层 效果图: 功能思路分析: 1. 面向对象框架 2. 渲染导航 \1. 数据 \2. 对象结构的数据用for in遍历 \3. 渲染时将属性名设为锚点(a标签的href) 3. 渲染车系 \1. 车系分类是对象的数据结构,外层渲染用for in \2. 每个分类的内容是数组的数据结构,内 阅读全文
posted @ 2020-12-14 12:28 人心不古 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 一.分页 效果图: 功能思路分析: 分页就是将所有的数据按指定条数分成若干份: 假如有24条数据,每页只显示5条,则需要分成Math.ceil(24 / 5) = 5页; 每次只显示1页数据,所以需要在总数据中利用slice截取出1页数据渲染 每一页的数据分布如下: 第一页: 显示1 - 5条数据 阅读全文
posted @ 2020-12-14 12:26 人心不古 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 一.面向对象轮播 效果图: 功能思路分析: **1. ** 面向对象框架搭建 **2. ** 渲染数据 1.通过**map().join(‘’)**分别渲染导航和内容的数据 2.渲染时在导航菜单上挂载自定义属性保存下标 3.默认给第一个高亮( 添加类名 ) **3. ** 封装公用切换方法 1.先把 阅读全文
posted @ 2020-12-14 12:23 人心不古 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 一.封装格式化日期 功能思路分析: \1. 第一个参数format表示指定的时间格式 \2. 第二个参数date为指定的时间(可以不传,默认当前时间) \3. 获取第二个参数中指定时间的年月日时分秒 \4. 将format中的格式利用replace()方法替换 #二.表单验证 效果图: 功能思路分析 阅读全文
posted @ 2020-12-14 12:22 人心不古 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 一.正则表达式简介 什么是正则表达式 正则表达式,也叫规则表达式, 是对字符串操作的一种逻辑公式。 为什么要使用正则? 1、使用极简单的方式,去匹配字符串 2、速度快,代码少 3、在复杂的字符串中快速精准的匹配想要的字符 正则表达式创建: 字面量: var reg = / 规则/修饰符; 实例化: 阅读全文
posted @ 2020-12-14 12:21 人心不古 阅读(88) 评论(0) 推荐(0) 编辑
摘要: 一.软键盘拖拽 效果图: ![img](file:////Users/sairitsutakara/Library/Group%20Containers/UBF8T346G9.Office/TemporaryItems/msohtmlclip/clip_image276.jpg) 功能思路分析: 1 阅读全文
posted @ 2020-12-14 12:20 人心不古 阅读(75) 评论(0) 推荐(0) 编辑