keyeking

2021年11月27日

摘要：获取当前时间 <div id="app"></div> <script type="text/babel"> //获取时间 class Demo extends React.Component{ constructor(){ super() this.state={ //时间对象 time:new 阅读全文

posted @ 2021-11-27 10:41 keyeking 阅读(3471) 评论(0) 推荐(0) 编辑

表单中的受控组件和非受控组件

摘要：受控组件在 HTML 中，表单元素（如<input>、 <textarea> 和 <select>）之类的表单元素通常自己维护 state，并根据用户输入进行更新。而在 React 中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过使用 setState( 阅读全文

posted @ 2021-11-27 10:29 keyeking 阅读(98) 评论(0) 推荐(0) 编辑

2021年11月21日

nanoid

摘要： nanoid库和uuid库一样都可以生成uuid（唯一的id），但是nanoid相比uuid要更小，安装 npm install nanoid nanoid库会暴露了一个函数nanoid import {nanoid} from 'nanoid' 此时直接调用即可 console.log(nano 阅读全文

posted @ 2021-11-21 13:22 keyeking 阅读(608) 评论(0) 推荐(0) 编辑

2021年11月17日

关闭eslint语法检查

摘要：在项目根目录新建一个vue.config.js文件 module.exports={ lintOnSave:false } 重启服务器之后，就不会关闭了eslint的语法检查阅读全文

posted @ 2021-11-17 20:19 keyeking 阅读(296) 评论(1) 推荐(0) 编辑

2021年11月16日

获取当前时间模块

摘要： function CurentTime(){ var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day = now.getDate(); //日 var h 阅读全文

posted @ 2021-11-16 12:51 keyeking 阅读(30) 评论(0) 推荐(0) 编辑

组件生命周期

摘要：生命周期就是组件加载的一个流程初始化组件渲染组件更新组件删除组件组件的生命周期当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下： constructor() static getDerivedStateFromProps() render() componentDidMoun 阅读全文

posted @ 2021-11-16 10:36 keyeking 阅读(82) 评论(0) 推荐(0) 编辑

数据双向绑定

摘要：组件内部的state状态发生改变，更新我们视图中元素的状态，视图中元素的状态发生改变也会影响我们组件中state的状态。 input 表单数据双向绑定 <div id="app"></div> <script type="text/babel"> //state双向数据绑定 class App ex 阅读全文

posted @ 2021-11-16 09:57 keyeking 阅读(56) 评论(0) 推荐(0) 编辑

state属性

摘要： state 是组件自身的一个状态，组件内部自己的数据。组件的加载流程（组件的生命周期函数）首先执行组件的构造器 constructor() 处理组件内部的状态其次执行 render() 得到一个虚拟DOM 最后执行 componentDIdMount() 插入我们的真实DOM 生命周期图阅读全文

posted @ 2021-11-16 09:46 keyeking 阅读(100) 评论(0) 推荐(0) 编辑

2021年11月15日

props.children属性

摘要： props.children 就是我们在调用组件时，填充在组件标签里面的内容。如果我们在使用组件的时候，内部有标签怎么获取？ <div id="app"></div> <script type="text/babel"> class Person extends React.Component{ 阅读全文

posted @ 2021-11-15 22:06 keyeking 阅读(568) 评论(0) 推荐(0) 编辑

props属性

摘要：在使用组件的时候可以向组件传递数据，在组件内我们可以使用props这个对象来调用我们的数据。类组件 <div id="app"></div> <script type="text/babel"> class Person extends React.Component{ render(){ ret 阅读全文

posted @ 2021-11-15 21:30 keyeking 阅读(124) 评论(0) 推荐(0) 编辑

公告