![](https://csdnimg.cn/release/downloadcmsfe/public/img/no-data.51c5211b.png)
![](https://csdnimg.cn/release/downloadcmsfe/public/img/good-course.ff455529.png)
- 前端打包工具的演进ppt前端打包工具是用于将前端代码(HTML、CSS、JavaScript)打包为浏览器可识别的静态资源的工具。它们可以帮助开发者自动处理诸如代码压缩、文件合并、图片压缩等任务,以提高应用程序的加载速度和性能。常见的前端打包工具包括Webpack、Vite等
0 21浏览
免费 - AIER OA管理员培训AIER OA管理员培训
0 6浏览
免费 - ppt动画效果展示文件ppt动画效果展示文件
0 12浏览
会员免费 - 最全的时尚科技商务PPT循环流程图模板之二- 小兵(酷简100)最全的时尚科技商务PPT循环流程图模板之二- 小兵(酷简100)
0 19浏览
免费 - Vite分享、原理介绍pptVite分享、原理介绍ppt。vite是一种新型前端构建工具,能够显著提升前端开发体验。 本ppt从什么是vite、为什么选择vite作为构建工具、vite与webpack在冷启动与热更新方面的区别、vite的优势与劣势等方面详细介绍了vite的相关知识。同时本ppt含盖较为详细的vite的原理介绍,如vite是如何处理依赖预购建,是如何对源码进行转换的,以及热更新的原理等。同时通过与webpack在打包等方面的对比,展示了为什么会选择vite作为前端构建工具的原因。同时本ppt还介绍了一些额外知识,如esbuild为何构建这么快、esm的定义,有多少浏览器支持esm、Monorepo、虚拟模块又是什么?为什么可以用 esbuild 打包代替深度遍历的过程?html 类型的文件是如何转换为js的?预购建 inclued 、exclude 的使用场景是什么?预购建是如何实现缓存判断与依赖扫描、依赖打包的?有没有预购建的影响是怎样的?有无 middlewares 的影响又是怎样的?等等,这些问题都可以在这里找到答案。快来看看吧~~
0 323浏览
会员免费 - pythonqt 下载 样例关于pytqt的应用下在和样例
0 40浏览
免费 - 3D基础知识分享PPT关于主流3D引擎的基础知识分享。
5 32浏览
¥ 3.90 - 数据可视化seaborn数据可视化seaborn
0 113浏览
免费 - 各种PPT可编辑图标几百个 工作总结 PPT模板网上搜集整理的几百个可编辑小图标
0 35浏览
会员免费 - PHP、web前端开发-页面传参POST方法.pptxPHP、web前端开发
0 83浏览
¥ 9.90 - PHP、web前端开发-运算符.pptxPHP、web前端开发
0 63浏览
¥ 9.90 - PHP、web前端开发-主页的实现.pptxPHP、web前端开发
0 31浏览
¥ 9.90 - PHP、web前端开发-页面传参GET方法.pptxPHP、web前端开发
5 94浏览
¥ 11.90 - PHP、web前端开发-文章页的实现.pptxPHP、web前端开发
0 40浏览
¥ 9.90 - PHP、web前端开发-数组的值的输出.pptxPHP、web前端开发
0 53浏览
¥ 9.90 - PHP、web前端开发-数组的定义.pptxPHP、web前端开发
0 54浏览
¥ 9.90 - PHP、web前端开发-数据类型.pptxPHP、web前端开发
0 39浏览
¥ 9.90 - PHP、web前端开发-数组的常用操作.pptxPHP、web前端开发
0 54浏览
¥ 9.90 - PHP、web前端开发-开发工具介绍.pptxPHP、web前端开发
0 68浏览
¥ 9.90 - PHP、web前端开发-列表页的实现.pptxPHP、web前端开发
0 41浏览
¥ 9.90 - PHP、web前端开发-内容排版.pptxPHP、web前端开发
0 67浏览
¥ 9.90 - PHP、web前端开发-创建Homogeneous类型复杂逻辑器件.pptxPHP、web前端开发
0 34浏览
¥ 9.90 - PHP、web前端开发-布局系统.pptxPHP、web前端开发
0 41浏览
¥ 9.90 - PHP、web前端开发-工作环境部署.pptxPHP、web前端开发
0 56浏览
¥ 9.90 - PHP、web前端开发-PHP的基础语法.pptxPHP、web前端开发
0 56浏览
¥ 9.90 - PHP、web前端开发-PHP工作原理.pptxPHP、web前端开发
0 61浏览
¥ 9.90 - PHP、web前端开发-MySQL数据库应用.pptxPHP、web前端开发
0 117浏览
¥ 9.90 - PHP、web前端开发-Bootstrap框架介绍.pptxPHP、web前端开发
0 67浏览
¥ 9.90 - PHP、web前端开发-CMS系统前台的数据表设计.pptxPHP、web前端开发
0 33浏览
¥ 9.90 - PHP、web前端开发-按钮和按钮组.pptxPHP、web前端开发
0 64浏览
¥ 9.90 - 前端开发与实践- 格式化文本、段落与列表.pptx前端开发与实践
0 118浏览
¥ 4.90 - 前端开发与实践- 表格.pptx前端开发与实践
0 44浏览
¥ 4.90 - 前端开发与实践- 表单.pptx前端开发与实践
0 59浏览
¥ 4.90 - 前端开发与实践- 超链接与多媒体文件应用.pptx前端开发与实践
0 102浏览
¥ 4.90 - 前端开发与实践- DIV与SPAN.pptx前端开发与实践
0 38浏览
¥ 4.90 - 前端开发与实践- CSS DIV页面布局.pptx前端开发与实践
0 45浏览
¥ 4.90 - 前端开发与实践- WEB前端开发环境与HTML基础.pptx前端开发与实践
0 65浏览
¥ 4.90 - 微信小程序 1111111111111111111111111微信小程序 1111111111111111111111111
0 36浏览
免费 - Web数据库设计原则 精品资料.pptxWeb数据库设计原则
0 90浏览
会员免费 - vue2+iview+webpack 和vue3+vben+vite的技术对比的pptvue2+iview+webpack 和vue3+vben+vite的技术对比的ppt,用于解释为什么使用新技术和框架
0 694浏览
会员免费 - 初始VuePPT,基本标签初始VuePPT,基本标签
0 75浏览
会员免费 - Web前端开发技术-综合案例(制作年历).pptx综合案例(制作年历) 综合案例 制作年历 代码实现思路: 利用prompt()函数接收用户设置的年份。 编写calendar()函数,根据指定的年份生成年历。 设计并输出日历的显示样式。 综合案例 制作年历 代码实现思路: 获取指定年份1月1日的星期值,获取每个月共有多少天。 循环遍历每个月中的日期。 将日期显示到对应的星期下面。 总结 首先讲解了对象的基本概念,然后讲解了如何自定义对象、如何使用内置对象,对值类型和引用类型进行了详细的讲解。通过学习,能够通过内置对象完成实际开发需求。
0 295浏览
¥ 4.90 - Web前端开发技术-综合案例(无缝轮播图).pptx综合案例(无缝轮播图); 综合案例; 综合案例;案例展示:;案例分析: 编写一个简单的留言板页面 单击“发布”按钮,显示用户发布的留言 在每个留言的右边提供一个“删除”链接,用来删除留言;案例实现:;案例实现:;案例实现:;案例展示:;案例分析: 当用户将页面滚动到“家用电器”模块时,导航栏中的“家用电器”就会被设为激活的效果; 如果用户滚动到“手机通讯”模块,则导航栏中的“手机通讯”就会被设为激活的效果 如果用户在导航栏中单击其中的某一项,则可以自动滚动到对???的模块下。例如,单击“家用电器”,则页面会自动滚动到“家用电器”模块下;案例实现:;案例实现:;案例实现:只有用户滚动到指定区域时,才会显示电梯导航。;案例实现:当用户单击电梯导航上的选项时,需要让页面滚动到对应的内容区域。;;;;;
5 483浏览
¥ 14.90 - Web前端开发技术-综合案例(简易留言板).pptx综合案例(简易留言板);综合案例;综合案例;综合案例;节点和节点的操作;综合案例;删除留言功能:首先在添加li时,给li中增加一个a链接,给所有的a链接注册单击事件,找到a的父节点li,进行删除即可。;综合案例;综合案例;;
5 770浏览
¥ 9.90 - Web前端开发技术-综合案例(函数的定义).pptx综合案例(函数的定义) 函数的定义 JavaScript Web前端开发技术 综合案例 案例展示: 案例1-放大镜效果 综合案例 案例1-放大镜效果 案例设计分析图: 综合案例 案例实现: 案例1-放大镜效果 放大镜结构 综合案例 案例实现: 案例1-放大镜效果 放大镜样式 综合案例 案例实现: 案例1-放大镜效果 JavaScript 函数的定义 JavaScript Web前端开发技术 综合案例 案例2-固定侧边栏效果 案例展示: 综合案例 案例2-固定侧边栏效果 案例分析: Client和scrool应用 案例2-固定侧边栏效果 案例实现: 固定侧边栏结构 综合案例 案例2-固定侧边栏效果 案例实现: 固定侧边栏样式 综合案例 案例2-固定侧边栏效果 案例效果:在浏览器中打开,查看默认页面效果。 综合案例 案例2-固定侧边栏效果 案例实现:编写JavaScript代码,实现页面交互效果。 JavaScript 综合案例 案例2-固定侧边栏效果 案例效果查看:刷新浏览器页面,当页面移动到主体部分时,浏览器预览效果。 总结 学习了BOM的构成,以及其各属性的作用。讲解了window对
0 128浏览
¥ 9.90 - Web前端开发技术-综合案例(打印九九乘法表).pptx综合案例 综合案例 案例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 796浏览
¥ 9.90 - Web前端开发技术-注释与输入和输出.pptxWeb前端开发技术-注释与输入和输出.pptx
0 100浏览
¥ 4.90 - Web前端开发技术-元素偏移量offset应用.pptx元素偏移量offset应用;offset概述;offset含义:offset的含义是偏移量,使用offset的相关属性可以动态地获取该元素的位置、大小等。;获取鼠标位置:鼠标指针在盒子内的坐标位置示意图分析。;案例演示:获取鼠标指针在盒子内的坐标。;案例实现:获取鼠标在盒子内的坐标位置的值。;具体区别见下表:;缓动动画设计;核心思想: (1)相对于匀速移动,盒子每次移动的步长都是变化的 公式:盒子位置=盒子本身位置+(目标位置-盒子本身位置)/10;模态框拖曳效果;案例展示:; 【案例】模态框拖曳效果 ; 【案例】模态框拖曳效果; 【案例】模态框拖曳效果; 【案例】模态框拖曳效果;
0 123浏览
¥ 14.90 - Web前端开发技术-数组基本操作.pptx数组基本操作 数组基本操作 创建数组 创建数组的两种常见方式的用法: 使用“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开始自增。 如果数组元素比较多时,计算数组元素的个数不太方便,这时候可以利用“数组名.le
0 128浏览
¥ 4.90 - Web前端开发技术-属性操作.pptxWeb前端开发技术-属性操作.pptx
0 98浏览
¥ 9.90 - Web前端开发技术-使用JavaScript运算符.pptx使用JavaScript运算符;算术运算符;使用JavaScript运算符;使用JavaScript运算符;使用JavaScript运算符;使用JavaScript运算符;比较运算符;使用JavaScript运算符;逻辑运算符;使用JavaScript运算符;使用JavaScript运算符;赋值运算符;使用JavaScript运算符;使用JavaScript运算符;三元运算符;使用JavaScript运算符;运算符优先级;使用JavaScript运算符;
0 106浏览
¥ 14.90 - Web前端开发技术-认识函数作用域.pptx认识函数作用域 作用域的分类 JavaScript 认识函数作用域 思考:声明变量后就可以在任意位置使用该变量嘛? 回答:不是。 举例:函数内var关键字声明的变量,不能在函数外访问。 示例 1.作用域分类 认识函数作用域 总结:变量的使用是有作用域范围的。 作用域划分:全局作用域、函数作用域和块级作用域(ES6提供的)。 不同作用域对应的变量:全局变量、局部变量、块级变量(ES6提供的)。 函数作用域 全局作用域 块级作用域 1.作用域分类 全局变量和局部变量 JavaScript 认识函数作用域 全局变量:不在任何函数内声明的变量(显示定义)或在函数内省略var声明变量(隐式定义)都称为全局变量。 作用范围:它在同一个页面文件中的所有脚本内都可以使用。 全局变量 2.全局变量和局部变量 认识函数作用域 局部变量:在函数体内利用var关键字定义的变量称为局部变量,它仅在该函数体内有效。 局部变量 2.全局变量和局部变量 认识函数作用域 块级变量:ES6提供的let关键字声明的变量称为块级变量,仅在“{}”中间有效,如if、for或while语句等。 块级变量 2.全局变量和局部变量
0 104浏览
¥ 9.90 - Web前端开发技术-认识变量.pptxWeb前端开发技术-认识变量.pptx
0 75浏览
¥ 4.90 - Web前端开发技术-认识JQuery.pptxJQuery及其应用 学习目标 了解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 228浏览
¥ 14.90 - Web前端开发技术-认识JavaScript的数据类型.pptx认识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的数据类型;认识Jav
0 104浏览
¥ 14.90 - Web前端开发技术-认识JavaScript的对象.pptx项目5 JavaScript对象;学习目标;任务1 认识JavaScript的对象;在JavaScript中,对象是一种数据类型,它是由属性和方法组成的一个集合。属性是指事物的特征,使用“对象.属性名”访问;方法是指事物的行为,使用“对象.方法名()”进行访问。;;;利用字面量创建对象;对象的字面量就是用花括号“{ }”来包裹对象中的成员,每个成员使用“key: value”的形式来保存,key表示属性名或方法名,value表示对应的值。多个对象成员之间用“,”隔开。;;访问对象的属性和方法;;;;
0 86浏览
¥ 9.90 - Web前端开发技术-认识JavaScript变量.pptxWeb前端开发技术-认识JavaScript变量.pptx
0 87浏览
¥ 4.90 - Web前端开发技术-认识DOM对象.pptxDOM对象应用;学习目标;任务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 162浏览
¥ 14.90 - Web前端开发技术-认识BOM对象.pptxDOM对象应用;学习目标;任务1 认识BOM对象;什么是BOM;BOM:浏览器对象模型(Brower Object Model,BOM)提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。 作用:操作浏览器窗口及窗口上的控件,实现用户和页面的动态交互。 浏览器对象:浏览器提供的一系列内置对象的统称。 BOM浏览器对象模型:各内置对象之间按照某种层次组织起来的模型的统称。 ;区别: DOM是文档对象模型,把文档当作一个对象来看待,它的顶级对象是document。 BOM是浏览器对象模型,是把浏览器当做一个对象来看待,它的顶级对象是window。; BOM的构成;认识BOM对象;认识BOM对象;
0 103浏览
¥ 4.90 - Web前端开发技术-节点和节点的操作.pptx节点和节点的操作; 什么是节点;节点和节点的操作;节点和节点的操作;节点和节点的操作; 获取节点;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作; 案例-下拉菜单;节点和节点的操作;节点和节点的操作;节点和节点???操作; 节点操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作;节点和节点的操作; 案例图片动态添加、删除、替换操作;节点和节点的操作;
0 144浏览
¥ 19.90