- vue是一套轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb. Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0版本的桌面端UI框架,可以直接引用很多组件功能,不在去写各种JS代码。使用华为云ECS服务器安装nodejs,1.下载node.js安装包.wget https://nodejs.org/dist/v10.14.1/node-v10.14.... vue是一套轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb. Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0版本的桌面端UI框架,可以直接引用很多组件功能,不在去写各种JS代码。使用华为云ECS服务器安装nodejs,1.下载node.js安装包.wget https://nodejs.org/dist/v10.14.1/node-v10.14....
- Vue之$emit和$on用法 Vue之$emit和$on用法
- 本文提供了通过考核的一些思路,但是基本上没有代码。。 本文提供了通过考核的一些思路,但是基本上没有代码。。
- 根据第三阶段的作业需求,还需要做MOOC课程页面,我们简单来看看页面内容: 主要就是框红框这部分,我观察了下其他的页面,培训认证,在线实验等,都是一样的文档结构,所以在做MOOC课程的时候,我将页面主要分成顶部和主体两个部分,也就是两个组件啦 这几个组件好几个页面有用到,所以我新建了一个目录叫public,用于放置公共组件,下面那几个tab组件,是因为页面主体有个tab切... 根据第三阶段的作业需求,还需要做MOOC课程页面,我们简单来看看页面内容: 主要就是框红框这部分,我观察了下其他的页面,培训认证,在线实验等,都是一样的文档结构,所以在做MOOC课程的时候,我将页面主要分成顶部和主体两个部分,也就是两个组件啦 这几个组件好几个页面有用到,所以我新建了一个目录叫public,用于放置公共组件,下面那几个tab组件,是因为页面主体有个tab切...
- 下面我们来完成首页剩下的最后一个内容,就是banner图。这里的banner图,我们使用swiper来实现一下。 首先,停止项目服务ctrl+c就可以哈,然后在项目目录下,运行命令: npm install vue-awesome-swiper@3 --save-dev 然后我们在homeTop.vue里这样使用:<template> <div>... 下面我们来完成首页剩下的最后一个内容,就是banner图。这里的banner图,我们使用swiper来实现一下。 首先,停止项目服务ctrl+c就可以哈,然后在项目目录下,运行命令: npm install vue-awesome-swiper@3 --save-dev 然后我们在homeTop.vue里这样使用:<template> <div>...
- 上一文中,我们搭建了页面路由,本文主要完成首页组件的开发。 观察一下首页有哪几块内容:轮播区域、开始上课区块、云课堂、教学市场、活动公告以及底部,下面我们开始一块一块来搭建。 根据我上面分的这几大块,我在components里新建对应的组件,轮播和开始上课这两块我合并到一个组件了,大家看下截图,我一共建了这么几个组件: 大家可以看到,我新建了个目录,把首页用到的组件... 上一文中,我们搭建了页面路由,本文主要完成首页组件的开发。 观察一下首页有哪几块内容:轮播区域、开始上课区块、云课堂、教学市场、活动公告以及底部,下面我们开始一块一块来搭建。 根据我上面分的这几大块,我在components里新建对应的组件,轮播和开始上课这两块我合并到一个组件了,大家看下截图,我一共建了这么几个组件: 大家可以看到,我新建了个目录,把首页用到的组件...
- 接着上文,因为我们要做的是一个单页面应用,我们先来搭建路由。 大家还记得上文中我新建了一个views的路径吗,用于存放路由组件的。下面我们来使用路由,我分步骤来实现: 第一步:先定义路由组件 观察一下需求截图(页面地址:https://classroom.devcloud.huaweicloud.com/home),看看我们都需要定义多少个组件: 我只截了第一... 接着上文,因为我们要做的是一个单页面应用,我们先来搭建路由。 大家还记得上文中我新建了一个views的路径吗,用于存放路由组件的。下面我们来使用路由,我分步骤来实现: 第一步:先定义路由组件 观察一下需求截图(页面地址:https://classroom.devcloud.huaweicloud.com/home),看看我们都需要定义多少个组件: 我只截了第一...
- 经过了一段时间的学习,终于进入到【WEB前端全栈成长计划】第三阶段的最终考核了,这次考核,主要是用vue来搭建华为云的教学平台首页(https://classroom.devcloud.huaweicloud.com/home)和MOOC课堂(https://classroom.devcloud.huaweicloud.com/home/course/cloudclassroom),... 经过了一段时间的学习,终于进入到【WEB前端全栈成长计划】第三阶段的最终考核了,这次考核,主要是用vue来搭建华为云的教学平台首页(https://classroom.devcloud.huaweicloud.com/home)和MOOC课堂(https://classroom.devcloud.huaweicloud.com/home/course/cloudclassroom),...
- 一、定位定位有三种:相对定位、绝对定位、固定定位1、相对定位:相对于自己原来的位置定位现象和使用:1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。2.设置相对定位之后,我们才可以使用四个方向的属性: top、bottom、left、right特性:1.不脱标 2.形影分离 3.老家留坑(占着茅房不拉屎,恶心人)所以说相对定位在页面中没有什么太大的作用。影响我们页面的布局... 一、定位定位有三种:相对定位、绝对定位、固定定位1、相对定位:相对于自己原来的位置定位现象和使用:1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。2.设置相对定位之后,我们才可以使用四个方向的属性: top、bottom、left、right特性:1.不脱标 2.形影分离 3.老家留坑(占着茅房不拉屎,恶心人)所以说相对定位在页面中没有什么太大的作用。影响我们页面的布局...
- 简介:穿插路程,是指快去快回,来去一阵风,走的快,走马观花,没有细品。细品那就要慢慢熬功夫喽。1.完成后的效果是:用户访问入口页面,录入信息,提交后结果以逐步添加的形式展现在页面上,可以对历史输入信息进行再次快捷录入。2.技术结构为:后端采用python-django,前端采用原生js,使用ajax方式交互处理流程为:用户访问入口页面时,django返回一个页面,用户在页面上录入数据提交后,... 简介:穿插路程,是指快去快回,来去一阵风,走的快,走马观花,没有细品。细品那就要慢慢熬功夫喽。1.完成后的效果是:用户访问入口页面,录入信息,提交后结果以逐步添加的形式展现在页面上,可以对历史输入信息进行再次快捷录入。2.技术结构为:后端采用python-django,前端采用原生js,使用ajax方式交互处理流程为:用户访问入口页面时,django返回一个页面,用户在页面上录入数据提交后,...
- 一、vue的生命周期是什么 vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。,首先看一张图吧,这是官方文档上的图片,图中可以看到在组件中具体的方法有:vm创建:new Vue()初始化显示:beforeCreate()----created()---beforeMount()---mounted()... 一、vue的生命周期是什么 vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。,首先看一张图吧,这是官方文档上的图片,图中可以看到在组件中具体的方法有:vm创建:new Vue()初始化显示:beforeCreate()----created()---beforeMount()---mounted()...
- node模块化及使用模块的方法步骤我们知道,在我们做项目的时候,如果程序设计的规模达到了一定复杂程度,则必须对其进行模块化以管理各个包或者文件。模块化可以有多种形式,但至少应该提供能够将代码分割为多个源文件的机制,所以node在这方面进行了一些封装并提供了向外暴露模块和引入模块的方法。1.模块分类核心模块:由node引擎提供好的模块,模块标识就是模块名文件模块:用户自己创建的模块,模块标识是... node模块化及使用模块的方法步骤我们知道,在我们做项目的时候,如果程序设计的规模达到了一定复杂程度,则必须对其进行模块化以管理各个包或者文件。模块化可以有多种形式,但至少应该提供能够将代码分割为多个源文件的机制,所以node在这方面进行了一些封装并提供了向外暴露模块和引入模块的方法。1.模块分类核心模块:由node引擎提供好的模块,模块标识就是模块名文件模块:用户自己创建的模块,模块标识是...
- 这是一篇对于vue学习中的一些补充知识的学习过程。 这是一篇对于vue学习中的一些补充知识的学习过程。
- 国际化的项目就会用用到一些第三方的登录api,这次记录一下Line 的!按步骤来:注册Line账号就不说了,虽然麻烦,这就自己去想办法了!demo 请狠狠的戳这里 http://download.lllomh.com/cliect/#/product/J417081951162505一:开发者平台配置去Line 的开发者平台 新建一个App:https://developers.line.... 国际化的项目就会用用到一些第三方的登录api,这次记录一下Line 的!按步骤来:注册Line账号就不说了,虽然麻烦,这就自己去想办法了!demo 请狠狠的戳这里 http://download.lllomh.com/cliect/#/product/J417081951162505一:开发者平台配置去Line 的开发者平台 新建一个App:https://developers.line....
- 本周是前端三大件之第二件JavaScript的学习的第一周2020年07月19日 星期日 22时33分40秒 JS基础不是雨神老师,而是黑马的视频,我学习下来,觉得老师讲的也很好,也很有趣。而且对于关联的系统知识、历史背景也有介绍,是很系统的教程。第一章 JS基础1.语言的分类,HTML是标记语言,而JS是编程语言,再分,是解释型语言(翻译一行执行一行,报错则停止),而不是编译型语言科普背景... 本周是前端三大件之第二件JavaScript的学习的第一周2020年07月19日 星期日 22时33分40秒 JS基础不是雨神老师,而是黑马的视频,我学习下来,觉得老师讲的也很好,也很有趣。而且对于关联的系统知识、历史背景也有介绍,是很系统的教程。第一章 JS基础1.语言的分类,HTML是标记语言,而JS是编程语言,再分,是解释型语言(翻译一行执行一行,报错则停止),而不是编译型语言科普背景...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新,构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间,华为云展示了Serverless与MCP融合创新的解决方案,本期访谈直播,由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持,华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中,探讨处理器生态的关键要素及其联系,分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源,3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源,3步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签