为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第21天 vue3.0实现todolist

课程名称:vue3.0实现todolist课程章节:文件和目录结构、介绍组件课程讲师: 五月的夏天课程内容:文件和目录结构:component存放组件文件的,router存放路由的,view界面js,app.js入口文件。main.js主要是用来连接外部库之类的定义的。介绍组件:组件是维护单一的功能,可复用的单个个体。把之前Home.vue里的内容删除,创建template、srcipt、style,style的样式标签要加上scoped,只在当前的界面生效,防止污染别的界面的样式。这里用的样式是scss。所有要组件的都要先import {defineComponent} from 'vue' 然后输出export...

64浏览
0推荐
0评论

【金秋打卡】第20天 vue3.0实现todolist

课程名称:vue3.0实现todolist课程章节:开始一个vue项目课程讲师: 五月的夏天课程内容:Vue3.0环境的搭建:1、node.js的安装(在node官网上找安装包来安装,然后在cmd钟node -v查看是否安装成功。)2、淘宝镜像npm install -g cnpm --regitsry=https://registry.npm.taobao.org 3、Vue环境 cnpm i -g vue @vue/cli vue3.0的环境搭建就已经完成了。接下来是用命令来创建一个Vue的项目:vue create todolist...

93浏览
0推荐
0评论

【金秋打卡】第19天 vue3.0实现todolist

课程名称:vue3.0实现todolist课程章节:课程导学和案例介绍课程讲师: 五月的夏天课程内容:A、课程导学:为什么要学习vue3.0?vue3.0的正式发布、前端的趋势。课程适合人群:1、有vue2.x基础的同学。2、想要学习vue3.0的同学。课程收获:1、Vue3.0环境的搭建 2、Vue3.0核心知识 3、todolist实战案例。注意事项:1、只讲基础知识,不深究原理 2、该课程只是入门课程B、案例介绍:1、组件的定义和使用 2、方法的定义和使用 3、路由的定义和使用 4、状态管理的定义和使用 5、路由的传参 6、vuex操作数据...

89浏览
0推荐
0评论

【金秋打卡】第18天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:课程总结课程讲师:...

53浏览
0推荐
0评论

【金秋打卡】第17天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:订单评价功能3课程讲师: 艾特老干部课程内容:本节课还是继续订单评价功能的编写,上一节课是说订单功能事件的实现,那这节课就讲的是父子组件之间的交互。this.props.doSubmit在orderList组件中如何实现。在orderList组件中的<orderItem doSubmit={this.handleSubmit}>,然后定义handleSubmit方法,handleSubmit=(id,comment,star) =>{const newData = this.state.data.map(item=>{return item.id...

42浏览
0推荐
0评论

【金秋打卡】第16天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:订单评价功能2课程讲师:...

83浏览
0推荐
0评论

【金秋打卡】第15天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:订单评价功能课程讲师:...

66浏览
1推荐
0评论

【金秋打卡】第14天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:获取订单模拟数据课程讲师: 艾特老干部课程内容:获取订单的模拟数据。之前的数据是直接写死在orderList组件里的,现在要把模拟数据挂在一个json里,在public文件夹下定义一个mock文件夹,mock文件夹下挂载{}Order.json数据。现在要在orderList组件中动态加载order.json的数据,在组件的挂载上,使用componentDidMount加载json文件,fetch('/mock/orders.json').then(res =>{if(res.ok){res.json().then(data...

69浏览
0推荐
0评论

【金秋打卡】第13天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:订单列表组件课程讲师: 艾特老干部课程内容:订单列表组件的编写。在orderList组件中,动态循环获取orderItem的数据内容显示,{data.map(item =>{return <orderItem key={item.id} data={item} />})}...

51浏览
0推荐
0评论

【金秋打卡】第12天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:订单项组件课程讲师: 艾特老干部课程内容:组件的划分,左边是图片,右边是产品的信息。编写组建的基本标签结构,左边是图片,右边是产品的信息,包括产品名称、商家名称、产品数量和按钮。显然这里的组件还没有完成,要加上样式,使用的是BEMSS的样式结构,这样能够看出样式的层级结构。父className=orderItem...

81浏览
0推荐
0评论

【金秋打卡】第11天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:页面组件划分课程讲师: 艾特老干部课程内容:根据界面的显示效果,每个商品模块可以分为一个组件,每个商品模块还可以细分为头部组件。在components下新建一个Header文件夹,在header文件夹下新建一个index.js,在index.js里创建渲染的组件内容,可以用npx快速新建,然后在app.js里引用组件import Header from...

74浏览
0推荐
0评论

【金秋打卡】第10天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:使用create-react-app创建项目课程讲师: 艾特老干部课程内容:1、实战案例 :1》项目结构创建  create-react-app (npm 2.5+) 使用命令npx create-react-app my-order 回车,进行项目的创建 (如何更改镜像源:npm config set regsitry 淘宝镜像路径)等命令执行完,整个项目就创建好了,用npm start跑一下看看有没有报错,一般这种动态创建的项目不会有什么报错的,接下来就是删除一些index.js里引用的不必要的文件,改一下app.js里的显示内容,改成hello...

67浏览
0推荐
0评论

【金秋打卡】第9天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:react基础知识回顾课程讲师:...

80浏览
0推荐
0评论

【金秋打卡】第8天 react16实现订单列表和评价功能

课程名称:react16实现订单列表及评价功能课程章节:课程简介课程讲师: 艾特老干部课程内容:课程大纲:1、课程综述 2、react基础知识回顾 3、订单列表及评价案例实现 4、课程总结面向用户:1、具备react基础 2、缺少项目实战经验 3、初、中级前端开发者及前端爱好者案例界面的展示,界面是一个订单的界面,这个界面主要是给手机端使用的,在PC端展示的时候要做成响应式的内容,自动适配屏幕的宽度,这个界面包括评价功能,直接点击评价按钮对产品进行评价开发环境:1、react 16.4.2 2、node.js 3、NPM 4、Visual Studio...

68浏览
0推荐
0评论

【金秋打卡】第7天 react16.4快速上手

课程名称:react 16.4 快速上手课程章节:react项目中如何使用CSS样式修饰课程讲师: Dell...

84浏览
0推荐
0评论

【金秋打卡】第6天 react16.4快速上手

课程名称:react 16.4 快速上手课程章节:代码优化课程讲师: Dell Lee课程内容:代码的优化可以对组件的性能有很大的提升。onchange事件bind(this)一个方法,这样在div里绑定的组件的性能很低,为了提升组件的性能。可以在constructor(){this.handleBtnClick =...

109浏览
0推荐
0评论

【金秋打卡】第5天 react16.4快速上手

课程名称:react 16.4 快速上手课程章节:子组件向父组件传值课程讲师: Dell...

69浏览
0推荐
0评论

【金秋打卡】第4天 react16.4快速上手

课程名称:react 16.4 快速上手课程章节:react中组件的拆分课程讲师: Dell Lee课程内容:组件的定义,组件是页面中的一部分,所有的内容加上一起是个组件,单独拆分一块也是一个组件。在react中组件之间的交互是必不可少的。创建一个react组件,组件要继承React.Component,render要返回一个<div>,然后export default TodoItem。注意,这里组件的命名要大写。然后在父界面进行组件的引用import TodoItem from './TodoItem'。然后在下面返回的div里可以直接引用组件<TodoItem...

74浏览
0推荐
0评论

【金秋打卡】第3天 react16.4快速上手

课程名称:react 16.4 快速上手课程章节:实现列表项删除功能课程讲师: Dell...

137浏览
0推荐
0评论

【金秋打卡】第2天 react16.4快速上手

课程名称:react 16.4 快速上手课程章节:完成新增列表项的功能课程讲师: Dell Lee课程内容:上一节课说到点击add的时候就增加一条列表数据,上一节课说的增加都是写死hello...

78浏览
0推荐
0评论
首页上一页12下一页尾页
意见反馈 帮助中心 APP下载
官方微信