- 前端选型文档主要针对之前的开发模式JQ+css+SVN 跟VUE+webpack+less+git的一个对比0 546浏览会员免费
- vue2+iview+webpack 和vue3+vben+vite的技术对比的ppt,用于解释为什么使用新技术和框架0 647浏览会员免费
- webpack是前端开发中的利器,对”webpack是什么“这个问题,官网的回答是“webpack is a module bundler for modern JavaScript applications”。今天我们则是从他的核心概念和他的依赖机制角度,去认识webpack。(切换下一页)0 215浏览会员免费
- 利用Web-of-Science数据库助力科学研究5 67浏览会员免费
- 该PPT主要是关于webpack技术模块工具的简介以及使用方法0 340浏览会员免费
- Vite分享、原理介绍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 250浏览会员免费
- 数据可视化seaborn0 83浏览免费
- 这是一个关于eslint的培训ppt,里面有详细介绍如何在项目中配置并使用eslint,ppt中有对应的源码地址(码云),非常适合新手入门0 178浏览会员免费
- 该ppt为webpack详解,里面附带代码和实例截图,并对每个属性,及相关使用方法做了详细说明,可能会遇到的问题也写了解决方案,如有不懂之处可以留言0 260浏览会员免费
- vue.js大小:1MB第1章 Vue基础入门;学习目标;目录;知识架构;知识架构;知识架构;知识架构;HTML:HTML主要用来编写网页的结构,例如<a></a>表示超链接。 CSS:CSS样式包括颜色、大小、字体等,布局合理的页面效果。 JavaScript:JavaScript的功能主要包括实现页面逻辑、行为、动作等,用来动态操作元素的属性,主要是为页面提供交互效果,实现更好的用户体验。 jQuery:通过对JavaScript代码的封装,使得DOM、事件处理、动画效果、Ajax交互等功能的实现变得更加简洁、方便,有效地提高了项目开发效率。;Angular: React: Vue:Vue通过虚拟DOM技术来减少对DOM的直接操作;通过尽可能简单的API来实现响应的数据绑定,支持单向和双向数据绑定。;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue第1章 Vue基础入门;学习目标;目录;知识架构;知识架构;知识架构;知识架构;HTML:HTML主要用来编写网页的结构,例如<a></a>表示超链接。 CSS:CSS样式包括颜色、大小、字体等,布局合理的页面效果。 JavaScript:JavaScript的功能主要包括实现页面逻辑、行为、动作等,用来动态操作元素的属性,主要是为页面提供交互效果,实现更好的用户体验。 jQuery:通过对JavaScript代码的封装,使得DOM、事件处理、动画效果、Ajax交互等功能的实现变得更加简洁、方便,有效地提高了项目开发效率。;Angular: React: Vue:Vue通过虚拟DOM技术来减少对DOM的直接操作;通过尽可能简单的API来实现响应的数据绑定,支持单向和双向数据绑定。;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue;1.1 初识Vue5 205浏览¥ 20.90
- 微信小程序 11111111111111111111111110 32浏览免费
- 文档资料大小:2MBWeb前端框架应用:第9章 微商城项目 教学PPT.pptxWeb前端框架应用:第9章 微商城项目 教学PPT.pptx5 136浏览¥ 5.90
- PHP、web前端开发5 85浏览¥ 11.90
- Web数据库设计原则0 75浏览会员免费
- 认识JavaScript变量 变量的命名规范 JavaScript Web前端开发技术 认识JavaScript变量 2.变量的命名规范 在对变量进行命名时,需要遵循变量的命名规范,具体如下: 由字母、数字、下划线和美元符号($)组成 严格区分大小写 不能以数字开头 不能是关键字、保留字 要尽量做到“见其名知其意” 建议遵循驼峰命名法,首字母小写,后面的单词首字母大写 认识JavaScript变量 案例 交换两个变量的值 2.变量的命名规范 总结 首先介绍了JavaScript的用途、发展状况,以及JavaScript的3大组成部分及其与ECMAScript的关系,然后讲解了常用开发工具相关的内容,接着针对JavaScript的入门知识进行了介绍,包括代码书写位置、注释、输入输出语句及控制台的使用,最后针对JavaScript变量进行了介绍,包括变量的本质、使用方式、语法规范及命名规范。5 210浏览¥ 5.90
- vue.js大小:249KB第5章 Vue路由 初识路由 用户登录注册案例 嵌套路由 命名视图 vue-router 动态路由 命名路由 编程式导航 学习目标 目录 目录 知识架构 5.1 初识路由 知识架构 5.2 vue-router 知识架构 5.3 用户登录注册案例 知识架构 5.4 动态路由 知识架构 5.5 嵌套路由 知识架构 5.6 命名路由 知识架构 5.7 命名视图 知识架构 5.8 编程式导航 5.1 初识路由 提到路由,一般会想到生活中常见的路由器,路由器主要用于连接多个逻辑上分开的网络,逻辑网络代表一个单独的网络或者一个子网,可以通过路由器功能来完成不同网络之间数据的传递。在Vue中也引入了路由的概念,因此,我们先来对程序开发中的路由进行简单地了解。 5.1 初识路由 程序开发中的路由分为后端路由和前端路由。后端路由通过用户请求的URL分发到具体的处理程序,浏览器每次跳转到不同的URL,都会重新访问服务器。服务器收到请求后,将数据和模板组合,返回HTML页面,或者直接返回HTML模板,由前端JavaScript程序再去请求数据,使用前端模板和数据进行组合,生成最终的HTML页面。 5.1第5章 Vue路由 初识路由 用户登录注册案例 嵌套路由 命名视图 vue-router 动态路由 命名路由 编程式导航 学习目标 目录 目录 知识架构 5.1 初识路由 知识架构 5.2 vue-router 知识架构 5.3 用户登录注册案例 知识架构 5.4 动态路由 知识架构 5.5 嵌套路由 知识架构 5.6 命名路由 知识架构 5.7 命名视图 知识架构 5.8 编程式导航 5.1 初识路由 提到路由,一般会想到生活中常见的路由器,路由器主要用于连接多个逻辑上分开的网络,逻辑网络代表一个单独的网络或者一个子网,可以通过路由器功能来完成不同网络之间数据的传递。在Vue中也引入了路由的概念,因此,我们先来对程序开发中的路由进行简单地了解。 5.1 初识路由 程序开发中的路由分为后端路由和前端路由。后端路由通过用户请求的URL分发到具体的处理程序,浏览器每次跳转到不同的URL,都会重新访问服务器。服务器收到请求后,将数据和模板组合,返回HTML页面,或者直接返回HTML模板,由前端JavaScript程序再去请求数据,使用前端模板和数据进行组合,生成最终的HTML页面。 5.15 182浏览¥ 17.90
- 11110 87浏览会员免费
- 关于主流3D引擎的基础知识分享。5 21浏览¥ 2.90
- 初始VuePPT,基本标签0 74浏览会员免费
- asp.net大小:11MB教学模式与方法手段 形成性 课程考核 设计提纲 课程定位与目标 课程设计理念与思路 教学内容选取与组织安排 教学模式与方法手段 教学条件 教学效果及特色 教学条件 教学团队|专任教师 教学条件 教学团队|专任教师 教学团队的年龄集中在30-40岁,40岁以上1人 教学经验丰富 充满活力 企业经历丰富 年龄结构 教学条件 教学团队|专任教师 社会服务 教学条件 教学团队|专任教师 教学大赛成果 教学条件 教学团队|专任教师 科研论文 教学条件 教学团队|专任教师 科研课题 教学条件 教学团队|兼职教师 教学条件 校内实训条件 软件开发实训室 一体化教室 软件测试实训室 软件开发部 教学条件 校外实习基地 信翔科技有限公司 石家庄启普同鑫科技有限公司 石家庄易龙信息传媒有限公司 教学条件 教材及教学参考 自编校本教材《ASP.NET项目实训教程》 教材 讲义 教参 教学条件 教学资源 课程标准 授课计划 教学课件 项目指导书 常见工作 问题解析 教学录像 单元设计 实训任务单 学习视频 资源库 在线考试 教学重点 难 点 课程网站 相关学习网 站 交流互动 中 心 * * 《ASP.NET教学模式与方法手段 形成性 课程考核 设计提纲 课程定位与目标 课程设计理念与思路 教学内容选取与组织安排 教学模式与方法手段 教学条件 教学效果及特色 教学条件 教学团队|专任教师 教学条件 教学团队|专任教师 教学团队的年龄集中在30-40岁,40岁以上1人 教学经验丰富 充满活力 企业经历丰富 年龄结构 教学条件 教学团队|专任教师 社会服务 教学条件 教学团队|专任教师 教学大赛成果 教学条件 教学团队|专任教师 科研论文 教学条件 教学团队|专任教师 科研课题 教学条件 教学团队|兼职教师 教学条件 校内实训条件 软件开发实训室 一体化教室 软件测试实训室 软件开发部 教学条件 校外实习基地 信翔科技有限公司 石家庄启普同鑫科技有限公司 石家庄易龙信息传媒有限公司 教学条件 教材及教学参考 自编校本教材《ASP.NET项目实训教程》 教材 讲义 教参 教学条件 教学资源 课程标准 授课计划 教学课件 项目指导书 常见工作 问题解析 教学录像 单元设计 实训任务单 学习视频 资源库 在线考试 教学重点 难 点 课程网站 相关学习网 站 交流互动 中 心 * * 《ASP.NET0 223浏览¥ 14.90
- 11110 41浏览会员免费
- XML与WEB Service技术(微软):第01章 概述.ppt0 30浏览¥ 14.90
- css大小:2MB--*-- --*-- 1 单元目标 2 教学内容 3 动手实践 4 课堂小结 掌握层叠样式表的使用方法 能力目标 CSS的定义和基本语法 知识目标 《CSS网页样式设计与制作》 参考资料 单元目标 2 教学内容 1 单元目标 3 动手实践 4 课堂小结 教学内容 CSS样式表概述 CSS的特点 Css的基本语法 层叠式样式表的使用方法 CSS数据单位 1、什么是css CSS是Cascading Style Sheets(层叠样式表)的简称。 1996年12月17日W3C(The World Wide Web Consortium)推出了css1规范, 自CSS1的版本之后,又在1998年5月12日发布了CSS2.0版本。目前最新版本为css3。 CSS层叠样式表 教学内容 HTML与CSS的关系 HTML与XHTML DOCTYPE(文档类型)的含义与选择<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml--*-- --*-- 1 单元目标 2 教学内容 3 动手实践 4 课堂小结 掌握层叠样式表的使用方法 能力目标 CSS的定义和基本语法 知识目标 《CSS网页样式设计与制作》 参考资料 单元目标 2 教学内容 1 单元目标 3 动手实践 4 课堂小结 教学内容 CSS样式表概述 CSS的特点 Css的基本语法 层叠式样式表的使用方法 CSS数据单位 1、什么是css CSS是Cascading Style Sheets(层叠样式表)的简称。 1996年12月17日W3C(The World Wide Web Consortium)推出了css1规范, 自CSS1的版本之后,又在1998年5月12日发布了CSS2.0版本。目前最新版本为css3。 CSS层叠样式表 教学内容 HTML与CSS的关系 HTML与XHTML DOCTYPE(文档类型)的含义与选择<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml0 118浏览¥ 14.90
- 前端工程化之gulp-webpack.pptx0 124浏览¥ 14.90
- vue.js大小:348KB第2章 Vue开发基础(上);学习目标;目录;目录;知识架构;知识架构;知识架构;知识架构;知识架构;知识架构;Vue实例:通过new关键字实例化Vue({})构造函数。;Vue实例配置对象:;Vue实例配置对象:;el唯一根标签:在创建Vue实例时,el表示唯一根标签,class或id选择器可用来将页面结构与Vue实例对象vm中的el绑定。;案例展示:;;data初始数据:Vue实例的数据对象为data,Vue会将data的属性转换为getter、setter,从而让data的属性能够响应数据变化。;案例展示:;案例实现:在data中定义name的初始数据为“定义初始数据”。;methods基本概念: methods属性用来定义方法,通过Vue实例可以直接访问这些方法 在定义的方法中,this指向Vue实例本身 定义在methods属性中的方法可以作为页面中的事件处理方法使用 当事件触发后,执行相应的事件处理方法;案例展示:;案例实现:编写初始页面结构。;案例实现:在methods选项中定义showInfo()方法,实现页面内容的更新。;案例实现:单击页面中的“请单击”按钮,更新页面第2章 Vue开发基础(上);学习目标;目录;目录;知识架构;知识架构;知识架构;知识架构;知识架构;知识架构;Vue实例:通过new关键字实例化Vue({})构造函数。;Vue实例配置对象:;Vue实例配置对象:;el唯一根标签:在创建Vue实例时,el表示唯一根标签,class或id选择器可用来将页面结构与Vue实例对象vm中的el绑定。;案例展示:;;data初始数据:Vue实例的数据对象为data,Vue会将data的属性转换为getter、setter,从而让data的属性能够响应数据变化。;案例展示:;案例实现:在data中定义name的初始数据为“定义初始数据”。;methods基本概念: methods属性用来定义方法,通过Vue实例可以直接访问这些方法 在定义的方法中,this指向Vue实例本身 定义在methods属性中的方法可以作为页面中的事件处理方法使用 当事件触发后,执行相应的事件处理方法;案例展示:;案例实现:编写初始页面结构。;案例实现:在methods选项中定义showInfo()方法,实现页面内容的更新。;案例实现:单击页面中的“请单击”按钮,更新页面0 275浏览¥ 19.90
- XML与WEB Service技术(微软):第09章 ASP.ppt0 30浏览¥ 19.90
- vue.js大小:191KB第1章 Vue基础入门 初识Vue webpack打包工具 Vue开发环境 学习目标 目录 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 Vue开发环境 ☞点击查看本节相关知识点 1.3 webpack打包工具 安装webpack webpack官网地址:/。 1.3 webpack打包工具 安装webpack webpack的基本概念:webpack是一个模块打包工具,可以把前端项目中的js、cs、scss/less、图片等文件都打包在一起,实现自动化构建,给前端开发人员带来了极大的便利。 1.3 webpack打包工具 安装webpack webpack的安装以及卸载,以及查看webpack版本: 安装webpack:npm install webpack@4.27.x -g 查看webpack版本:webpack -v 卸载webpack:npm uninstall webpack -g 1.3 webpack打包工具 安装webpack 旧版本的webpack还需要安装webpack-cli脚手架工具,而最新版本的webpack打包工具已经集成了脚手架工具。 1.3 we第1章 Vue基础入门 初识Vue webpack打包工具 Vue开发环境 学习目标 目录 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 Vue开发环境 ☞点击查看本节相关知识点 1.3 webpack打包工具 安装webpack webpack官网地址:/。 1.3 webpack打包工具 安装webpack webpack的基本概念:webpack是一个模块打包工具,可以把前端项目中的js、cs、scss/less、图片等文件都打包在一起,实现自动化构建,给前端开发人员带来了极大的便利。 1.3 webpack打包工具 安装webpack webpack的安装以及卸载,以及查看webpack版本: 安装webpack:npm install webpack@4.27.x -g 查看webpack版本:webpack -v 卸载webpack:npm uninstall webpack -g 1.3 webpack打包工具 安装webpack 旧版本的webpack还需要安装webpack-cli脚手架工具,而最新版本的webpack打包工具已经集成了脚手架工具。 1.3 we0 229浏览¥ 9.90
- vue.js大小:314KB第2章 Vue开发基础(上);学习目标;目录;目录;知识架构;知识架构;知识架构;知识架构;知识架构;知识架构;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件第2章 Vue开发基础(上);学习目标;目录;目录;知识架构;知识架构;知识架构;知识架构;知识架构;知识架构;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件;2.3 Vue事件0 97浏览¥ 14.90
- 5.2.3 绘制图片 GDI+除了可以绘制图形和文字外,还可以绘制或编辑已有图片,为图片添加水印或裁剪图片等操作。 例: using System; using System.Drawing; using System.Drawing.Imaging; protected void Page_Load(object sender, EventArgs e) { Bitmap image = new Bitmap(300, 300); //根据Bitmap对象创建一个相关的Graphics对象,用于绘制图片 5.2.3 绘制图片 Graphics g = Graphics.FromImage(image); //绘制一个填充矩形 g.FillRectangle(Brushes.WhiteSmoke, 1, 1, 300, 300); Font font = new Font("宋体", 12, FontStyle.Regular); g.DrawString("显示现有图片", font, Brushes.Blue, 10, 5); //从指定文件中构造Image对象 Image im0 63浏览¥ 9.90
- 复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;复杂函数的应用;0 62浏览¥ 9.90
- vue.js大小:383KBWeb前端框架应用:第2章 Vue开发基础-数据绑定.pptxWeb前端框架应用:第2章 Vue开发基础-数据绑定.pptx0 165浏览¥ 14.90
- PHP、web前端开发0 79浏览¥ 9.90
- 前端框架大小:218KB第4章 Vue过渡和动画 过渡和动画基础 多个组件过渡 多个元素过渡 列表过渡 学习目标 目录 目录 知识架构 4.1 过渡和动画 知识架构 4.2 多个元素过渡 知识架构 4.3 多个组件过渡 知识架构 4.4 列表过渡 4.1 过渡和动画 过渡,简而言之,就是从一个状态向另外一个状态插入值,新的状态替换了旧的状态。 4.1 过渡和动画 通过<transition>标签搭配CSS动画(如@keyframes)可以实现动画效果。动画相比过渡来说,动画可以在一个声明中设置多个状态,例如,可以在动画20%的位置设置一个关键帧,然后在动画50%的位置设置一个完全不同的状态。另外,<transition>标签还提供了一些钩子函数,可以结合JavaScript代码来完成动画效果,具体会在后面进行讲解。 4.1 过渡和动画 过渡类型 说明 v-enter 进入过渡的开始状态,作用于开始的一帧 v-enter-active 进入过渡生效时的状态,作用于整个过程 v-enter-to 进入过渡的结束状态,作用于结束的一帧 v-leave 离开过渡的开始状态,作用于开始的一帧 v-leave-activ第4章 Vue过渡和动画 过渡和动画基础 多个组件过渡 多个元素过渡 列表过渡 学习目标 目录 目录 知识架构 4.1 过渡和动画 知识架构 4.2 多个元素过渡 知识架构 4.3 多个组件过渡 知识架构 4.4 列表过渡 4.1 过渡和动画 过渡,简而言之,就是从一个状态向另外一个状态插入值,新的状态替换了旧的状态。 4.1 过渡和动画 通过<transition>标签搭配CSS动画(如@keyframes)可以实现动画效果。动画相比过渡来说,动画可以在一个声明中设置多个状态,例如,可以在动画20%的位置设置一个关键帧,然后在动画50%的位置设置一个完全不同的状态。另外,<transition>标签还提供了一些钩子函数,可以结合JavaScript代码来完成动画效果,具体会在后面进行讲解。 4.1 过渡和动画 过渡类型 说明 v-enter 进入过渡的开始状态,作用于开始的一帧 v-enter-active 进入过渡生效时的状态,作用于整个过程 v-enter-to 进入过渡的结束状态,作用于结束的一帧 v-leave 离开过渡的开始状态,作用于开始的一帧 v-leave-activ0 280浏览¥ 14.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 726浏览¥ 9.90
- vue.js大小:347KBWeb前端框架应用:第3章 Vue开发基础-属性及应用.pptxWeb前端框架应用:第3章 Vue开发基础-属性及应用.pptx0 89浏览¥ 14.90
- 利用ASP建立动态网站与应用实例0 72浏览¥ 9.90
- webpack大小:440KB第8章 服务器端渲染;;目录;目录;知识架构;知识架构;知识架构;知识架构;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.4 Nuxt.js服务器端渲染框架;8.第8章 服务器端渲染;;目录;目录;知识架构;知识架构;知识架构;知识架构;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.4 Nuxt.js服务器端渲染框架;8.0 271浏览¥ 19.90
- vue.js大小:184KB第3章 Vue开发基础(下) 全局API 全局配置 实例属性 组件进阶 学习目标 目录 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 实例属性 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 组件进阶 知识架构 3.1 全局API 1 Vue.directive 2 Vue.use 3 Vue.extend 4 Vue.set 5 Vue.mixin 知识架构 3.2 实例属性 1 vm.$props 2 vm.$options 3 vm.$el 4 vm.$children 知识架构 3.2 实例属性 5 vm.$root 6 vm.$slots 7 vm.$attrs 知识架构 3.3 全局配置 1 productionTip 2 silent 3 devtools 知识架构 3.4 组件进阶 1 mixins 2 render 3 createElement 3.4 组件进阶 mixins mixins:mixins是一种分发Vue组件中可复用功能的方式。mixins是一种分发Vue组件中可复用功能的方式。 mixins对象可以包含任何组件选项,将定义的mixins对象第3章 Vue开发基础(下) 全局API 全局配置 实例属性 组件进阶 学习目标 目录 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 实例属性 ☞点击查看本节相关知识点 ☞点击查看本节相关知识点 组件进阶 知识架构 3.1 全局API 1 Vue.directive 2 Vue.use 3 Vue.extend 4 Vue.set 5 Vue.mixin 知识架构 3.2 实例属性 1 vm.$props 2 vm.$options 3 vm.$el 4 vm.$children 知识架构 3.2 实例属性 5 vm.$root 6 vm.$slots 7 vm.$attrs 知识架构 3.3 全局配置 1 productionTip 2 silent 3 devtools 知识架构 3.4 组件进阶 1 mixins 2 render 3 createElement 3.4 组件进阶 mixins mixins:mixins是一种分发Vue组件中可复用功能的方式。mixins是一种分发Vue组件中可复用功能的方式。 mixins对象可以包含任何组件选项,将定义的mixins对象0 241浏览¥ 9.90
- PHP、web前端开发0 56浏览¥ 9.90
- client和scroll应用; 元素可视区client;Client和scrool应用;Client和scrool应用;Client和scrool应用; 元素滚动scroll;Client和scrool应用;Client和scrool应用;Client和scrool应用;浮动广告设计;如何在页面上方显示广告图片?如何控制图片的移动?;Client和scrool应用;如何在页面上方显示广告图片?如何控制图片的移动?;Client和scrool应用;Client和scrool应用;Client和scrool应用;0 54浏览¥ 14.90
- vue.js大小:209KBWeb前端框架应用:第5章 Vue路由-vue-router.pptxWeb前端框架应用:第5章 Vue路由-vue-router.pptx0 114浏览¥ 14.90
- 最全的时尚科技商务PPT循环流程图模板之二- 小兵(酷简100)0 14浏览免费
- 综合案例(无缝轮播图); 综合案例; 综合案例;案例展示:;案例分析: 编写一个简单的留言板页面 单击“发布”按钮,显示用户发布的留言 在每个留言的右边提供一个“删除”链接,用来删除留言;案例实现:;案例实现:;案例实现:;案例展示:;案例分析: 当用户将页面滚动到“家用电器”模块时,导航栏中的“家用电器”就会被设为激活的效果; 如果用户滚动到“手机通讯”模块,则导航栏中的“手机通讯”就会被设为激活的效果 如果用户在导航栏中单击其中的某一项,则可以自动滚动到对???的模块下。例如,单击“家用电器”,则页面会自动滚动到“家用电器”模块下;案例实现:;案例实现:;案例实现:只有用户滚动到指定区域时,才会显示电梯导航。;案例实现:当用户单击电梯导航上的选项时,需要让页面滚动到对应的内容区域。;;;;;5 384浏览¥ 14.90
- vue.js大小:214KB第5章 Vue路由 初识路由 用户登录注册案例 嵌套路由 命名视图 vue-router 动态路由 命名路由 编程式导航 学习目标 目录 目录 知识架构 5.1 初识路由 知识架构 5.2 vue-router 知识架构 5.3 用户登录注册案例 知识架构 5.4 动态路由 知识架构 5.5 嵌套路由 知识架构 5.6 命名路由 知识架构 5.7 命名视图 知识架构 5.8 编程式导航 5.8 编程式导航 router.push() 在前面的开发中,当进行页面切换时,都是通过<router-link>来实现的,这种方式属于声明式导航。为了更方便地在项目中开发导航功能,Vue提供了编程式导航,也就是利用JavaScript代码来实现地址的跳转,通过router实例方法来实现。 5.8 编程式导航 router.push() 使用router.push()方法可以导航到不同的URL地址。这个方法会向history栈添加一条新的记录,当用户单击浏览器后退按钮时,可以回到之前的URL。 在单击<router-link>时,router.push()方法会在内部调用,也就是说,单击“<route第5章 Vue路由 初识路由 用户登录注册案例 嵌套路由 命名视图 vue-router 动态路由 命名路由 编程式导航 学习目标 目录 目录 知识架构 5.1 初识路由 知识架构 5.2 vue-router 知识架构 5.3 用户登录注册案例 知识架构 5.4 动态路由 知识架构 5.5 嵌套路由 知识架构 5.6 命名路由 知识架构 5.7 命名视图 知识架构 5.8 编程式导航 5.8 编程式导航 router.push() 在前面的开发中,当进行页面切换时,都是通过<router-link>来实现的,这种方式属于声明式导航。为了更方便地在项目中开发导航功能,Vue提供了编程式导航,也就是利用JavaScript代码来实现地址的跳转,通过router实例方法来实现。 5.8 编程式导航 router.push() 使用router.push()方法可以导航到不同的URL地址。这个方法会向history栈添加一条新的记录,当用户单击浏览器后退按钮时,可以回到之前的URL。 在单击<router-link>时,router.push()方法会在内部调用,也就是说,单击“<route0 229浏览¥ 14.90
- vue.js大小:269KB第2章 Vue开发基础(上);学习目标;目录;目录;知识架构;知识架构;知识架构;知识架构;知识架构;知识架构;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;创建vm实例;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;第2章 Vue开发基础(上);学习目标;目录;目录;知识架构;知识架构;知识架构;知识架构;知识架构;知识架构;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;创建vm实例;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;2.5 Vue生命周期;0 224浏览¥ 14.90
- vue.js大小:438KBWeb前端框架应用:第5章 Vue路由-开发案例.pptxWeb前端框架应用:第5章 Vue路由-开发案例.pptx0 272浏览¥ 19.90
- vue.js大小:163KB第5章 Vue路由 初识路由 用户登录注册案例 嵌套路由 命名视图 vue-router 动态路由 命名路由 编程式导航 学习目标 目录 目录 知识架构 5.1 初识路由 知识架构 5.2 vue-router 知识架构 5.3 用户登录注册案例 知识架构 5.4 动态路由 知识架构 5.5 嵌套路由 知识架构 5.6 命名路由 知识架构 5.7 命名视图 知识架构 5.8 编程式导航 5.6 命名路由 什么是命名路由 vue-router提供了一种隐式的引用路径,即命名路由,可以在创建Router实例的时候,在 routes 中给某个路由设置名称name值。通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候,通过路由的名称取代路径地址直接使用。像这种命名路由的方式,无论path多长、多烦琐,都能直接通过name来引用,十分方便。 5.6 命名路由 命名路由案例 编写HTML结构代码 5.6 命名路由 命名路由案例 编写JavaScript逻辑代码 5.6 命名路由 命名路由案例 单击“登录”时,会跳转到指定的路由地址,效果图如下第5章 Vue路由 初识路由 用户登录注册案例 嵌套路由 命名视图 vue-router 动态路由 命名路由 编程式导航 学习目标 目录 目录 知识架构 5.1 初识路由 知识架构 5.2 vue-router 知识架构 5.3 用户登录注册案例 知识架构 5.4 动态路由 知识架构 5.5 嵌套路由 知识架构 5.6 命名路由 知识架构 5.7 命名视图 知识架构 5.8 编程式导航 5.6 命名路由 什么是命名路由 vue-router提供了一种隐式的引用路径,即命名路由,可以在创建Router实例的时候,在 routes 中给某个路由设置名称name值。通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候,通过路由的名称取代路径地址直接使用。像这种命名路由的方式,无论path多长、多烦琐,都能直接通过name来引用,十分方便。 5.6 命名路由 命名路由案例 编写HTML结构代码 5.6 命名路由 命名路由案例 编写JavaScript逻辑代码 5.6 命名路由 命名路由案例 单击“登录”时,会跳转到指定的路由地址,效果图如下0 308浏览¥ 14.90
- 前端框架大小:140KB第6章 Vuex状态管理;学习目标;目录;知识架构;知识架构;知识架构;知识架构;知识架构;store.registerModule():store实例对象提供了动态创建模块的接口,案例效果如下。;;store.replaceState():可以通过store.replaceState()方法实现状态替换。 state数据状态操作。 该方法接收新的state对象。 用来在组件中展示新对象的状态。;store.replaceState():动态修改name的初始数据,案例效果如下。;案例实现:;案例实现:第6章 Vuex状态管理;学习目标;目录;知识架构;知识架构;知识架构;知识架构;知识架构;store.registerModule():store实例对象提供了动态创建模块的接口,案例效果如下。;;store.replaceState():可以通过store.replaceState()方法实现状态替换。 state数据状态操作。 该方法接收新的state对象。 用来在组件中展示新对象的状态。;store.replaceState():动态修改name的初始数据,案例效果如下。;案例实现:;案例实现:0 91浏览¥ 9.90
- 前端框架大小:264KB第6章 Vuex状态管理;学习目标;目录;知识架构;知识架构;知识架构;知识架构;知识架构;基本概念:Vuex是Vue团队提供的一套组件状态管理维护的解决方案。 进一步完善了Vue基础代码功能 使Vue组件状态更加容易维护 为大型项目开发提供了强大的技术支持;创建store实例:通过new关键字实例化。;案例展示:;vuex.js单文件引用:通过<script>标签的src属性引入。;案例实现:;案例实现:;store中的状态是响应式的 :在使用时,在组件中调用store中的状态时仅需要在计算属性中返回即可。;案例实现:;案例实现:;案例实现:;mapState 辅助函数:当一个组件需要获取多个状态时,将这些状态都声明为计算属性有些麻烦,这时候可以使用mapState 辅助函数来生成计算属性。;案例实现:;npm安装vue-cli包:在使用webpack进行Vue开发时,vue和vuex都是通过npm安装的。;创建demo2项目:;npm安装vuex包:;案例展示:;案例实现:创建store\index.js文件,用来导出store实例。;案例实现:修改src\main.js文件,查看第6章 Vuex状态管理;学习目标;目录;知识架构;知识架构;知识架构;知识架构;知识架构;基本概念:Vuex是Vue团队提供的一套组件状态管理维护的解决方案。 进一步完善了Vue基础代码功能 使Vue组件状态更加容易维护 为大型项目开发提供了强大的技术支持;创建store实例:通过new关键字实例化。;案例展示:;vuex.js单文件引用:通过<script>标签的src属性引入。;案例实现:;案例实现:;store中的状态是响应式的 :在使用时,在组件中调用store中的状态时仅需要在计算属性中返回即可。;案例实现:;案例实现:;案例实现:;mapState 辅助函数:当一个组件需要获取多个状态时,将这些状态都声明为计算属性有些麻烦,这时候可以使用mapState 辅助函数来生成计算属性。;案例实现:;npm安装vue-cli包:在使用webpack进行Vue开发时,vue和vuex都是通过npm安装的。;创建demo2项目:;npm安装vuex包:;案例展示:;案例实现:创建store\index.js文件,用来导出store实例。;案例实现:修改src\main.js文件,查看0 141浏览¥ 14.90
- 前端框架大小:297KB第6章 Vuex状态管理;学习目标;目录;知识架构;知识架构;知识架构;知识架构;知识架构;商品列表: 单击“加入购物车”按钮,即可将商品添加到购物车 在底部的Tab栏中切换到“购物车”页面,可以查看购物车中的商品;购物车: 在底部显示商品的总价格 如果在购物中单击“删除”按钮,则表示删除商品;目录结构:;搭建项目:通过vue-cli脚手架工具快速搭建项目。;实现底部Tab栏切换:创建src\components\GoodsList.vue和Shopcart.vue文件。;实现底部Tab栏切换:创建src\router\index.js文件,导入vue、vue-router、GoodsList和Shopcart组件。;实现底部Tab栏切换:编写src\router\index.js文件,使用vue-router实现页面跳转。;实现底部Tab栏切换:修改src\App.vue文件,利用<router-link>实现Tab栏切换。;实现底部Tab栏切换:修改src\App.vue文件,利用<router-link>实现Tab栏切换。;获取商品数据:创建src\api\shop.js文件,定第6章 Vuex状态管理;学习目标;目录;知识架构;知识架构;知识架构;知识架构;知识架构;商品列表: 单击“加入购物车”按钮,即可将商品添加到购物车 在底部的Tab栏中切换到“购物车”页面,可以查看购物车中的商品;购物车: 在底部显示商品的总价格 如果在购物中单击“删除”按钮,则表示删除商品;目录结构:;搭建项目:通过vue-cli脚手架工具快速搭建项目。;实现底部Tab栏切换:创建src\components\GoodsList.vue和Shopcart.vue文件。;实现底部Tab栏切换:创建src\router\index.js文件,导入vue、vue-router、GoodsList和Shopcart组件。;实现底部Tab栏切换:编写src\router\index.js文件,使用vue-router实现页面跳转。;实现底部Tab栏切换:修改src\App.vue文件,利用<router-link>实现Tab栏切换。;实现底部Tab栏切换:修改src\App.vue文件,利用<router-link>实现Tab栏切换。;获取商品数据:创建src\api\shop.js文件,定5 218浏览¥ 14.90
- vue.js大小:154KB第7章 Vue开发环境 Vue CLI脚手架工具 CLI服务和配置文件 静态资源管理 插件 环境变量和模式 学习目标 目录 目录 知识架构 7.1 Vue CLI脚手架工具 知识架构 7.2 插件 知识架构 7.3 CLI服务和配置文件 知识架构 7.4 环境变量和模式 知识架构 7.5 静态资源管理 7.4 环境变量和模式 环境变量 在一个项目的开发过程中,一般都会经历本地开发、代码测试、开发自测、测试环境、预上线环境,最后才能发布线上正式版本。在这个过程中,每个环境可能都会有所差异,如服务器地址、接口地址等,在各个环境之间切换时,需要不同的配置参数。所以为了方便管理,在Vue CLI中可以为不同的环境配置不同的环境变量。 7.4 环境变量和模式 Vue CLI 3构建的项目目录中,移除了config和build这两个配置文件,并在项目根目录中定义了4个文件,用来配置环境变量,具体如下。 .env:将在所有的环境中被载入 .env.local:将在所有的环境中被载入,只会在本地生效,会被git忽略 .env.[mode]:只在指定的模式下被载入。如.env.development用来第7章 Vue开发环境 Vue CLI脚手架工具 CLI服务和配置文件 静态资源管理 插件 环境变量和模式 学习目标 目录 目录 知识架构 7.1 Vue CLI脚手架工具 知识架构 7.2 插件 知识架构 7.3 CLI服务和配置文件 知识架构 7.4 环境变量和模式 知识架构 7.5 静态资源管理 7.4 环境变量和模式 环境变量 在一个项目的开发过程中,一般都会经历本地开发、代码测试、开发自测、测试环境、预上线环境,最后才能发布线上正式版本。在这个过程中,每个环境可能都会有所差异,如服务器地址、接口地址等,在各个环境之间切换时,需要不同的配置参数。所以为了方便管理,在Vue CLI中可以为不同的环境配置不同的环境变量。 7.4 环境变量和模式 Vue CLI 3构建的项目目录中,移除了config和build这两个配置文件,并在项目根目录中定义了4个文件,用来配置环境变量,具体如下。 .env:将在所有的环境中被载入 .env.local:将在所有的环境中被载入,只会在本地生效,会被git忽略 .env.[mode]:只在指定的模式下被载入。如.env.development用来0 168浏览¥ 14.90
- vue.js大小:144KB第7章 Vue开发环境 Vue CLI脚手架工具 CLI服务和配置文件 静态资源管理 插件 环境变量和模式 学习目标 目录 目录 知识架构 7.1 Vue CLI脚手架工具 知识架构 7.2 插件 知识架构 7.3 CLI服务和配置文件 知识架构 7.4 环境变量和模式 知识架构 7.5 静态资源管理 7.5 静态资源管理 Vue CLI 2.x中,webpack默认存放静态资源的目录是static目录,不会经过webpack的编译与压缩,在打包时会直接复制一份到dist目录。而Vue CLI 3.x中,提供了public目录来代替static目录,对于静态资源的处理有如下两种方式。 经过webpack处理:在JavaScript被导入或在template/CSS中通过相对路径被引用的资源 不经过webpack处理:存放在public目录下或通过绝对路径引用的资源,这类资源将会直接被复制一份,不做编译和压缩的处理 7.5 静态资源管理 静态资源的处理不仅和public目录有关,也和引入方式有关。根据引入路径的不同,有如下处理规则。 如果URL是绝对路径,如/images/logo.pn第7章 Vue开发环境 Vue CLI脚手架工具 CLI服务和配置文件 静态资源管理 插件 环境变量和模式 学习目标 目录 目录 知识架构 7.1 Vue CLI脚手架工具 知识架构 7.2 插件 知识架构 7.3 CLI服务和配置文件 知识架构 7.4 环境变量和模式 知识架构 7.5 静态资源管理 7.5 静态资源管理 Vue CLI 2.x中,webpack默认存放静态资源的目录是static目录,不会经过webpack的编译与压缩,在打包时会直接复制一份到dist目录。而Vue CLI 3.x中,提供了public目录来代替static目录,对于静态资源的处理有如下两种方式。 经过webpack处理:在JavaScript被导入或在template/CSS中通过相对路径被引用的资源 不经过webpack处理:存放在public目录下或通过绝对路径引用的资源,这类资源将会直接被复制一份,不做编译和压缩的处理 7.5 静态资源管理 静态资源的处理不仅和public目录有关,也和引入方式有关。根据引入路径的不同,有如下处理规则。 如果URL是绝对路径,如/images/logo.pn0 154浏览¥ 14.90
- 前端框架大小:147KBWeb前端框架应用:第8章 服务器端渲染-服务器渲染.pptxWeb前端框架应用:第8章 服务器端渲染-服务器渲染.pptx0 88浏览¥ 14.90
- 前端开发与实践0 43浏览¥ 4.90
- html大小:4MB使用HTML制作网页.ppt使用HTML制作网页.ppt0 185浏览¥ 9.90
- PHP、web前端开发0 38浏览¥ 9.90
- JavaScript的诞生和发展 JavaScript 初识JavaScript 2.JavaScript的诞生和发展 在设计之初,JavaScript是一种可以嵌入到网页中的编程语言,用来控制浏览器的行为。例如,直接在浏览器中进行表单验证,用户只有填写格式正确的内容后才能够提交表单,这样避免了用户因表单填写错误导致的反复提交,节省了时间和网络资源,示例图如下。 初识JavaScript 2.JavaScript的诞生和发展 JavaScript的用途:可以嵌入到网页中的编程语言,用来控制浏览器的行为。 案例应用如下: 利用前后端分离模式进行开发,基于React技术栈开发的移动Web项目 基于Angular构建的响应式移动Web项目 使用WePY框架并结合ES 6语法开发小程序电商项目 基于Vue.js全套技术栈开发出来的网页端后台管理系统 初识JavaScript 2.JavaScript的诞生和发展 初识JavaScript 2.JavaScript的诞生和发展0 89浏览¥ 4.90
- 前端开发与实践0 61浏览¥ 4.90
- dreamweaver开发动态asp网页教程与实例0 48浏览¥ 9.90
- PHP、web前端开发0 61浏览¥ 9.90