- 关于主流3D引擎的基础知识分享。5 89浏览¥ 9.90
- PHP、web前端开发0 84浏览¥ 9.90
- PHP、web前端开发0 118浏览¥ 9.90
- PHP、web前端开发0 51浏览¥ 9.90
- PHP、web前端开发5 155浏览¥ 11.90
- PHP、web前端开发0 61浏览¥ 9.90
- PHP、web前端开发0 66浏览¥ 9.90
- PHP、web前端开发0 77浏览¥ 9.90
- PHP、web前端开发0 61浏览¥ 9.90
- PHP、web前端开发0 71浏览¥ 9.90
- PHP、web前端开发0 66浏览¥ 9.90
- PHP、web前端开发0 92浏览¥ 9.90
- PHP、web前端开发0 103浏览¥ 9.90
- PHP、web前端开发0 47浏览¥ 9.90
- PHP、web前端开发0 90浏览¥ 9.90
- PHP、web前端开发0 62浏览¥ 9.90
- PHP、web前端开发0 116浏览¥ 9.90
- PHP、web前端开发0 111浏览¥ 9.90
- PHP、web前端开发0 155浏览¥ 9.90
- PHP、web前端开发0 98浏览¥ 9.90
- PHP、web前端开发0 49浏览¥ 9.90
- PHP、web前端开发0 88浏览¥ 9.90
- 前端开发与实践0 206浏览¥ 9.90
- 前端开发与实践0 66浏览¥ 9.90
- 前端开发与实践0 110浏览¥ 9.90
- 前端开发与实践0 188浏览¥ 9.90
- 前端开发与实践0 139浏览¥ 9.90
- 前端开发与实践0 58浏览¥ 9.90
- 前端开发与实践0 56浏览¥ 9.90
- 综合案例(制作年历) 综合案例 制作年历 代码实现思路: 利用prompt()函数接收用户设置的年份。 编写calendar()函数,根据指定的年份生成年历。 设计并输出日历的显示样式。 综合案例 制作年历 代码实现思路: 获取指定年份1月1日的星期值,获取每个月共有多少天。 循环遍历每个月中的日期。 将日期显示到对应的星期下面。 总结 首先讲解了对象的基本概念,然后讲解了如何自定义对象、如何使用内置对象,对值类型和引用类型进行了详细的讲解。通过学习,能够通过内置对象完成实际开发需求。0 346浏览¥ 9.90
- 综合案例(无缝轮播图); 综合案例; 综合案例;案例展示:;案例分析: 编写一个简单的留言板页面 单击“发布”按钮,显示用户发布的留言 在每个留言的右边提供一个“删除”链接,用来删除留言;案例实现:;案例实现:;案例实现:;案例展示:;案例分析: 当用户将页面滚动到“家用电器”模块时,导航栏中的“家用电器”就会被设为激活的效果; 如果用户滚动到“手机通讯”模块,则导航栏中的“手机通讯”就会被设为激活的效果 如果用户在导航栏中单击其中的某一项,则可以自动滚动到对???的模块下。例如,单击“家用电器”,则页面会自动滚动到“家用电器”模块下;案例实现:;案例实现:;案例实现:只有用户滚动到指定区域时,才会显示电梯导航。;案例实现:当用户单击电梯导航上的选项时,需要让页面滚动到对应的内容区域。;;;;;5 664浏览¥ 14.90
- 综合案例(简易留言板);综合案例;综合案例;综合案例;节点和节点的操作;综合案例;删除留言功能:首先在添加li时,给li中增加一个a链接,给所有的a链接注册单击事件,找到a的父节点li,进行删除即可。;综合案例;综合案例;;5 895浏览¥ 9.90
- 综合案例(函数的定义) 函数的定义 JavaScript Web前端开发技术 综合案例 案例展示: 案例1-放大镜效果 综合案例 案例1-放大镜效果 案例设计分析图: 综合案例 案例实现: 案例1-放大镜效果 放大镜结构 综合案例 案例实现: 案例1-放大镜效果 放大镜样式 综合案例 案例实现: 案例1-放大镜效果 JavaScript 函数的定义 JavaScript Web前端开发技术 综合案例 案例2-固定侧边栏效果 案例展示: 综合案例 案例2-固定侧边栏效果 案例分析: Client和scrool应用 案例2-固定侧边栏效果 案例实现: 固定侧边栏结构 综合案例 案例2-固定侧边栏效果 案例实现: 固定侧边栏样式 综合案例 案例2-固定侧边栏效果 案例效果:在浏览器中打开,查看默认页面效果。 综合案例 案例2-固定侧边栏效果 案例实现:编写JavaScript代码,实现页面交互效果。 JavaScript 综合案例 案例2-固定侧边栏效果 案例效果查看:刷新浏览器页面,当页面移动到主体部分时,浏览器预览效果。 总结 学习了BOM的构成,以及其各属性的作用。讲解了window对0 207浏览¥ 9.90
- 综合案例 综合案例 案例1 打印金字塔 代码实现思路: ① 分析金字塔组成:由空格和星星“*”组成的三角形。 分析“*”和空格的分布规律(假设最上面的一个星星作为金字塔的第一层)。 每层中星星的数量 = 当前层数*2 -1。例如当前为第4层,则星星数= 4*2-1=7。 每层星星前的空格 = 金字塔层数 – 当前层数。例如当前行数为第3层,则空格数=5-3=2。 打印九九乘法表 JavaScript Web前端开发技术 综合案例 案例 九九乘法表 九九乘法表体现了数字之间乘法的规律,成为了学生在学习数学时必不可少的一项内容。 综合案例 九九乘法表 找规律,假设最上面的一层作为第1层,表格的分布规律: ① 九九乘法表的表格是由9行,每行最多9列的单元格组成。 ② 乘法表的层数 = 表格的行数 = 每行中的列数。如乘法表的第3层,是表格的第3行,且共有3个单元格。 综合案例 九九乘法表 找规律,假设最上面的一层作为第1层,乘法运算的规律: ① 被乘数的取值范围在“1~每行中的列数”之间。如表格第3行中被乘数的值在1~3之间。 ② 乘数的值 = 表格的行数。如表格第3行中乘数的值就为3。 猜5 896浏览¥ 9.90
- Web前端开发技术-注释与输入和输出.pptx0 125浏览¥ 9.90
- 元素偏移量offset应用;offset概述;offset含义:offset的含义是偏移量,使用offset的相关属性可以动态地获取该元素的位置、大小等。;获取鼠标位置:鼠标指针在盒子内的坐标位置示意图分析。;案例演示:获取鼠标指针在盒子内的坐标。;案例实现:获取鼠标在盒子内的坐标位置的值。;具体区别见下表:;缓动动画设计;核心思想: (1)相对于匀速移动,盒子每次移动的步长都是变化的 公式:盒子位置=盒子本身位置+(目标位置-盒子本身位置)/10;模态框拖曳效果;案例展示:; 【案例】模态框拖曳效果 ; 【案例】模态框拖曳效果; 【案例】模态框拖曳效果; 【案例】模态框拖曳效果;0 145浏览¥ 14.90
- 数组基本操作 数组基本操作 创建数组 创建数组的两种常见方式的用法: 使用“new Array()”创建数组 使用“[ ]”字面量来创建数组 // 使用new Array()创建数组 var arr1 = new Array(); // 使用字面量来创建数组 var arr1 = []; 数组基本操作 访问数组元素 使用索引来访问数组中的元素,索引是一个数字,从0开始。 var arr = ['苹果', '橘子', '香蕉', '桃子']; console.log(arr[0]); // 输出结果:苹果 console.log(arr[1]); // 输出结果:橘子 console.log(arr[2]); // 输出结果:香蕉 console.log(arr[3]); // 输出结果:桃子 console.log(arr[4]); // 输出结果:undefined(数组元素不存在) 数组基本操作 数组遍历 数组遍历是将数组中的元素全部访问一遍,可以利用for循环来实现,在for循环中让索引从0开始自增。 如果数组元素比较多时,计算数组元素的个数不太方便,这时候可以利用“数组名.le0 151浏览¥ 9.90
- Web前端开发技术-属性操作.pptx0 138浏览¥ 9.90
- 使用JavaScript运算符;算术运算符;使用JavaScript运算符;使用JavaScript运算符;使用JavaScript运算符;使用JavaScript运算符;比较运算符;使用JavaScript运算符;逻辑运算符;使用JavaScript运算符;使用JavaScript运算符;赋值运算符;使用JavaScript运算符;使用JavaScript运算符;三元运算符;使用JavaScript运算符;运算符优先级;使用JavaScript运算符;0 173浏览¥ 14.90
- 认识函数作用域 作用域的分类 JavaScript 认识函数作用域 思考:声明变量后就可以在任意位置使用该变量嘛? 回答:不是。 举例:函数内var关键字声明的变量,不能在函数外访问。 示例 1.作用域分类 认识函数作用域 总结:变量的使用是有作用域范围的。 作用域划分:全局作用域、函数作用域和块级作用域(ES6提供的)。 不同作用域对应的变量:全局变量、局部变量、块级变量(ES6提供的)。 函数作用域 全局作用域 块级作用域 1.作用域分类 全局变量和局部变量 JavaScript 认识函数作用域 全局变量:不在任何函数内声明的变量(显示定义)或在函数内省略var声明变量(隐式定义)都称为全局变量。 作用范围:它在同一个页面文件中的所有脚本内都可以使用。 全局变量 2.全局变量和局部变量 认识函数作用域 局部变量:在函数体内利用var关键字定义的变量称为局部变量,它仅在该函数体内有效。 局部变量 2.全局变量和局部变量 认识函数作用域 块级变量:ES6提供的let关键字声明的变量称为块级变量,仅在“{}”中间有效,如if、for或while语句等。 块级变量 2.全局变量和局部变量0 130浏览¥ 9.90
- Web前端开发技术-认识变量.pptx0 106浏览¥ 9.90
- JQuery及其应用 学习目标 了解jQuery的基本概念 掌握jQuery选择器的使用 掌握使用jQuery实现动画效果的方法 掌握使用jQuery操作元素样式的方法 掌握jQuery事件的使用 掌握jQuery操作属性方法的使用 掌握jQuery操作元素尺寸和位置方法的使用 任务1 认识JQuery 什么是jQuery JavaScript Web前端开发技术 认识jQuery jQuery是一个快速、简洁的JavaScript框架,是一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 1.什么是jQuery 认识jQuery 1.什么是jQuery 认识jQuery 什么是jQuery jQuery的特点: jQuery是一个轻量级的脚本,其代码非常小巧。 语法简洁易懂,学习速度快,文档丰富。 支持CSS1~CSS3定义的属0 299浏览¥ 14.90
- 认识JavaScript的数据类型;学习目标;认识JavaScript的数据类型; 1.变量的数据类型;基本数据类型-数字型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;基本数据类型-字符串型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;基本数据类型-undefined;认识JavaScript的数据类型;基本数据类型-字符串型;认识JavaScript的数据类???;基本数据类型-null类型;可以给一个变量赋一个null值,下面通过代码演示null值的使用。; 数据类型检测;认识JavaScript的数据类型;认识JavaScript的数据类型; 数据类型转换;认识JavaScript的数据类型;认识JavaScript的数据类型;认识Jav0 167浏览¥ 14.90
- 项目5 JavaScript对象;学习目标;任务1 认识JavaScript的对象;在JavaScript中,对象是一种数据类型,它是由属性和方法组成的一个集合。属性是指事物的特征,使用“对象.属性名”访问;方法是指事物的行为,使用“对象.方法名()”进行访问。;;;利用字面量创建对象;对象的字面量就是用花括号“{ }”来包裹对象中的成员,每个成员使用“key: value”的形式来保存,key表示属性名或方法名,value表示对应的值。多个对象成员之间用“,”隔开。;;访问对象的属性和方法;;;;0 116浏览¥ 9.90
- Web前端开发技术-认识JavaScript变量.pptx0 120浏览¥ 9.90
- DOM对象应用;学习目标;任务1 认识DOM对象;Web API是浏览器提供的一套操作浏览器功能和页面元素的接口。JavaScript语言由3部分组成,分别是ECMAScript、BOM和DOM,其中ECMAScript是JavaScript语言的核心,而Web API包括BOM和DOM两部分。;;API:应用程序编程接口,是一些预先定义的函数,这些函数是由某个软件开放给开发人员使用的,帮助开发者实现某种功能,开发人员无须访问源码、无须理解其内部工作机制细节,只需知道如何使用即可。例如,调起手机的摄像头拍摄画面。;Web API:主要针对浏览器的API,在JavaScript语???中被封装成了对象,通过调用对象的属性和方法就可以使用Web API。例如,console对象、document对象、window对象。;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认0 217浏览¥ 14.90
- DOM对象应用;学习目标;任务1 认识BOM对象;什么是BOM;BOM:浏览器对象模型(Brower Object Model,BOM)提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。 作用:操作浏览器窗口及窗口上的控件,实现用户和页面的动态交互。 浏览器对象:浏览器提供的一系列内置对象的统称。 BOM浏览器对象模型:各内置对象之间按照某种层次组织起来的模型的统称。 ;区别: DOM是文档对象模型,把文档当作一个对象来看待,它的顶级对象是document。 BOM是浏览器对象模型,是把浏览器当做一个对象来看待,它的顶级对象是window。; BOM的构成;认识BOM对象;认识BOM对象;0 125浏览¥ 9.90
- 节点和节点的操作; 什么是节点;节点和节点的操作;节点和节点的操作;节点和节点的操作; 获取节点;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作; 案例-下拉菜单;节点和节点的操作;节点和节点的操作;节点和节点???操作; 节点操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作; 案例图片动态添加、删除、替换操作;节点和节点的操作;0 208浏览¥ 19.90
- 复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;0 117浏览¥ 9.90
- 二维数组及操作 创建二维数组 JavaScript Web前端开发技术 二维数组及操作 创建二维数组 创建二维数组的两种常见方式的用法: var info = new Array( new Array('Tom', 13, 155), new Array('Lucy', 11, 152) ); console.log(info[0]); // 输出结果:(3) ["Tom", 13, 155] console.log(info[0][0]); // 输出结果:Tom 使用“new Array()”字面量来创建数组 二维数组及操作 创建二维数组 创建二维数组的两种常见方式的用法: var nums = [[1, 2], [3, 4]]; console.log(nums[0]); // 输出结果:(2) [1, 2] console.log(nums[1][0]); // 输出结果:3 使用“[ ]”字面量来创建数组 二维数组求和 JavaScript Web前端开发技术 二维数组及操作 二维数组求和 二维数组求和是对二维数组进行遍历,需要用双层循环来控制二维数组中的元素的索引值。 va0 179浏览¥ 9.90
- 创建对象 创建对象的方式 JavaScript Web前端开发技术 创建对象 用new Object创建对象 1.创建对象的方式 创建对象 利用构造函数创建对象 使用构造函数创建对象的语法为“new 构造函数名()”,在小括号中可以传递参数给构造函数,如果没有参数,小括号可以省略。 1.创建对象的方式 创建对象 利用构造函数创建对象 1.创建对象的方式 遍历对象的属性和方法 JavaScript Web前端开发技术 创建对象 2. 遍历对象的属性和方法 使用for…in语法可以遍历对象中的所有属性和方法,示例代码如下: 创建对象 2. 遍历对象的属性和方法 使用in运算符判断一个对象中的某个成员是否存在。 var obj = {name: 'Tom', age: 16}; console.log('age' in obj); // 输出:true,表示对象成员存在console.log('gender' in obj); // 输出:false ,表示对象成员不存在 值类型和引用类型 JavaScript Web前端开发技术 创建对象 在JavaScript中,简单数据类型(如字符串型0 190浏览¥ 14.90
- 任务1 初识JavaScript;学习目标;JavaScript概述;JavaScript:是Web开发领域中的一种功能强大的编程语言,主要用于开发交互式的Web页面。在计算机、手机等设备上浏览的网页,其大多数的交互逻辑几乎都是由JavaScript实现的。 作用:主要用于开发交互式的Web页面,使网页的互动性更强,用户体验更好。 ;初识JavaScript;;JavaScript内嵌于HTML网页中,通过浏览器内置的JavaScript引擎进行解释执行,把一个原本只用来显示的页面转变成支持用户交互的页面程序。 浏览器是访问互联网中各种网站所必备的工具,JavaScript主要就是运行在浏览器中的。;常见浏览器及特点: Internet Explorer:Windows操作系统的内置浏览器,用户数量较多 Microsoft Edge:Windows10操作系统提供的浏览器,速度较快、功能较多 Google Chrome:目前市场占有率较高的浏览器,具有简洁、快速的特点 Mozilla Firefox:一款优秀的浏览器,市场占有率低于Google Chrome Safari:主要应用在苹0 234浏览¥ 14.90
- 任务2 JavaScript的开发 常用开发工具 JavaScript Web前端开发技术 JavaScript的开发 工欲善其事,必先利其器,一款优秀的开发工具能够极大提高程序开发效率与体验。在Web前端开发中,常用的开发工具包括很多,例如: Visual Studio Code Sublime Text Hbuilder Adobe Dreamweaver WebStorm 1.常用开发工具0 285浏览¥ 9.90
- 操作元素; 操作元素内容和属性;操作元素;操作元素;操作元素;操作元素;操作元素;操作元素;操作元素;操作元素;操作元素; 显示隐藏密码明文;操作元素;操作元素;操作元素;操作元素;操作元素; 操作元素样式;操作元素;操作元素;案例:操作元素的sytle和className;操作元素;操作元素;操作元素;操作元素;操作元素;操作元素;操作元素;案例:显示隐藏文本框内容;操作元素;操作元素;操作元素;操作元素;操作元素;案例:鼠标指针经过时背景变色;案例分析:当表格中的单元格比较多时,可以在用户鼠标指针经过时把当前行添加背景色,使表格内容显得清晰和一目了然,容易阅读。;;;;;0 152浏览¥ 19.90
- 认识JavaScript变量 变量的命名规范 JavaScript Web前端开发技术 认识JavaScript变量 2.变量的命名规范 在对变量进行命名时,需要遵循变量的命名规范,具体如下: 由字母、数字、下划线和美元符号($)组成 严格区分大小写 不能以数字开头 不能是关键字、保留字 要尽量做到“见其名知其意” 建议遵循驼峰命名法,首字母小写,后面的单词首字母大写 认识JavaScript变量 案例 交换两个变量的值 2.变量的命名规范 总结 首先介绍了JavaScript的用途、发展状况,以及JavaScript的3大组成部分及其与ECMAScript的关系,然后讲解了常用开发工具相关的内容,接着针对JavaScript的入门知识进行了介绍,包括代码书写位置、注释、输入输出语句及控制台的使用,最后针对JavaScript变量进行了介绍,包括变量的本质、使用方式、语法规范及命名规范。5 257浏览¥ 9.90
- window对象; 窗口加载事件;window对象;window对象; 调整窗口大小事件; 2 调整窗口大小事件 ; 定时器方法; 3.定时器方法 ; 案例 60s内只能发送一次短信 ;JavaScript的执行机制;window对象; 同步和异步 ; 执行机制 ; 执行机制 ;0 159浏览¥ 9.90
- Jquery样式操作; 修改样式;jQuery样式操作;jQuery样式操作;jQuery样式操作; 类操作;jQuery样式操作;jQuery样式操作;jQuery样式操作;jQuery样式操作; Tab栏切换;jQuery样式操作;jQuery样式操作;jQuery样式操作;jQuery样式操作;0 139浏览¥ 9.90
- 认识JavaScript;学习目标;JavaScript概述;JavaScript:是Web开发领域中的一种功能强大的编程语言,主要用于开发交互式的Web页面。在计算机、手机等设备上浏览的网页,其大多数的交互逻辑几乎都是由JavaScript实现的。 作用:主要用于开发交互式的Web页面,使网页的互动性更强,用户体验更好。 ;初识JavaScript;;JavaScript内嵌于HTML网页中,通过浏览器内置的JavaScript引擎进行解释执行,把一个原本只用来显示的页面转变成支持用户交互的页面程序。 浏览器是访问互联网中各种网站所必备的工具,JavaScript主要就是???行在浏览器中的。;;0 181浏览¥ 9.90
- JavaScript的事件;认识事件;JavaScript的事件;JavaScript的事件;JavaScript的事件; 注册和删除事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件; 事件对象;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件; 事件鼠标对象;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件;JavaScript的事件; 键盘事件对象;JavaScript的事件;JavaScript的事件;J0 140浏览¥ 19.90
- JavaScript的内置对象;字符串对象的使用;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;Math对象的使用;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;Date对象的使用;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;案例讲解;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;JavaScript的内置对象;0 175浏览¥ 14.90