自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 资源 (2)
  • 收藏
  • 关注

原创 关于elementUI组件中的datepicker组件

在el-date-picker组件中使用默认日期时间选择器,返回的是一个标准时间的日期+时间,数据类型是date类型。如果你要设定特定的时间格式,则可以在el-date-picker中设置value-format来使得格式进行转换,但是就会有一个弊端,这里的时间数据类型就会转换成为string字符串类型。如何避免上述这种情况,最好就是引入moment.js,调用其方法语句: 例如:this.form.orderAt = moment(this.form.orderAt * 1000).format.

2020-06-04 14:43:40 628

原创 vue中使用elementui中表单验证规则,async和await异步函数处理

基于elementui在适当的el-form表单中添加规则:rules:"rules"然后给所需要表单规则验证的属性添加prop属性(在el-form-item中 加上prop,然后在输入框内的输入的值和它要双向绑定)<el-form-item label="机构代码:" :label-width="formLabelWidth" prop="code"> ...

2020-03-26 18:15:35 5994 3

原创 关于HTML的语义化

通俗来说,就是在编写html代码时用上更加精准的标签来编写,是内容结构化、更加方便语言的解析和开发者来阅读。对于为什么要学习html的语义化,每个人都要有一套自己的代码规范,这也是自己进阶和学习的必经之路。尽然在编程上要鞭策自己,在规范上当然也不能怠慢自己。关于html语义化的优点:1、易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。2、有利于SEO,搜索引擎根据标签来确定上下文和各个...

2020-01-16 15:40:23 204

原创 React自学笔记(十三)---react实现路由模块化以及嵌套路由父子传值

紧跟上面的项目,首先是根页面的配置:import React, { Component } from 'react';import { BrowserRouter as Router, // Switch, Route, Link} from "react-router-dom";import './assets/css/App.css';import routes f...

2019-12-14 10:34:31 317

原创 React自学笔记(十二)---react路由的嵌套

首先是根页面的编写:import React, { Component } from 'react';import { BrowserRouter as Router, // Switch, Route, Link} from "react-router-dom";import './assets/css/App.css';import Home from './com...

2019-12-13 15:10:02 83

原创 React自学笔记(十一)---react动态路由的设置和get传值以及url模块的使用

紧接着上面的路由设置,对于根页面进行设计:import React, { Component } from 'react';import { BrowserRouter as Router, // Switch, Route, Link} from "react-router-dom";import './assets/css/App.css';import Home...

2019-12-12 16:27:44 388

原创 React自学笔记(九)---react生命周期函数

先在跟页面对于生命周期函数页面的引用import Lifecycle from ‘./components/Lifecycle’在根页面上返回<Lifecycle />下面是生命函数的编写,Lifecycle.js:import React, { Component } from 'react';class Lifecycle extends Component { ...

2019-12-12 14:10:44 104

原创 React自学笔记(十)---react路由基本配置

首先是对于根页面的设置App.js:import React, { Component } from 'react';import { BrowserRouter as Router, //Switch, Route, Link} from "react-router-dom";import './assets/css/App.css';import Home from...

2019-12-12 12:07:07 86

原创 React自学笔记(八)---react获取服务器数据,对两大插件的应用(axios,fetch-jsonp)

首先要分别安装两个插件。命令是:npm install axios --save和npm install fetch-jsonp --save,如果引入了淘宝镜像,可以使用cnpm命令,速度更快。通过在首页上引入axios和fetch-jsonp来实现插件的使用:import Axios from ‘./Axios’import FetchJsonp from ‘./FetchJsonp...

2019-12-11 17:31:14 135

原创 React自学笔记(七)---react父子组件传值

主页面新闻页面:import React, { Component } from 'react';import '../assets/css/index.css'// import logo from '../assets/images/logo.svg';import Header from './Header';import Footer from './Footer'class...

2019-12-11 10:13:58 103

原创 React自学笔记(六)---react模块化以及封装storage实现todolist

接着上面的todolist.js文件做一些小修改:import React, { Component } from 'react';import '../assets/css/index.css'//引入自定义模块import storage from '../model/storage';class Todolist extends React.Component { co...

2019-12-11 10:03:23 224

原创 React自学笔记(五)---react相关的Todolist事项的增删和状态转换

Todolist.js:import React, { Component } from 'react';import '../assets/css/index.css'class Todolist extends React.Component { constructor(props) { super(props); this.state = { ...

2019-12-11 09:53:46 116

原创 React自学笔记(四)---react表单详解,受控组件和非受控组件以及表单内容

react表单详解,受控组件和非受控组件以及表单内容在App.js中import ReactForm from ‘./components/ReactForm.js’在render中引入组件<ReactForm />在指定目录下创建ReactForm.js在Home.js中定义state原始数据:this.state = ({ msg: ...

2019-12-10 15:10:32 166

原创 React自学笔记(三)---React键盘事件、表单事件、事件对象以及React中的ref获取dom节点 、React实现类似Vue的双向数据绑定

在根页面APP.js编写:import React, { Component } from 'react';// import logo from './assets/images/logo.svg';import './assets/css/App.css';//引入Home组件import Home from './components/Home.js'//引入News组件i...

2019-12-10 14:42:06 200

原创 React自学笔记(二)---react事件定义方法的三种方式

衔接上一章内容,在App.js中调用了home组件,在Home.js页面中编写:三种方法:(文中用的的get方法)第一种://方法定义中的写法 getData(){ alert(this.state.msg) }//点击事件<button onClick={this.getData.bind(this)}>获取数据--获取第一种this指向的方法&...

2019-12-10 14:30:23 639

原创 React自学笔记(一)---React创建组件、绑定属性、引入图片

###React创建组件、绑定属性、引入图片

2019-12-10 14:11:28 130

freemall.zip

是某课网上对于vue商城的跟学项目的源代码,项目名是freemall。 主要是一个单页面通过spa改变路由,页面不刷新,主要实现 1、购物车页面: 1-1 页面组件拆分 1-2 购物车列表渲染 1-3 过滤器和事件的使用 1-4 父子组件传递以及插槽的讲解 1-6 计算属性的讲解-金额动态计算 2、地址页面: 2-1 地址列表渲染实现 2-2 地址选配功能实现

2019-12-18

eapp-master.zip

对于饿了么app的移动端的开发,实现: Goods、Ratings、Seller 组件视图均可上下滚动 商品页 点击左侧menu,右侧list对应跳转到相应位置 点击list查看商品详情页,父子组件的通信 评论内容可以筛选查看 购物车组件,包括添加删除商品及动效,购物控件与购物车组件之间为兄弟组件通信,点击购物车图标,展示已选择的商品列表 下面是网盘地址,如若需要,可以自提。 链接:https://pan.baidu.com/s/1BO4g6TmxKe8WB8V9w-PMtw 提取码:w841 商家实景图片可以左右滑动 loaclStorage 缓存商家信息(id、name)

2019-12-18

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除