- 博客(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
freemall.zip
2019-12-18
eapp-master.zip
2019-12-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人