m0_60014407的博客

公司最近新项目有一个展现数据操作进度的需求，由于公司内使用的UI库只有线性进度条而没有环形进度条，所以只得手写一个封装组件，尝试了多种方案后比较一下优劣。

找资料的时候看到简书header的效果不错，于是就仿写了一个非常简单的。无自适应，没有与其他项目产生牵连，复制粘贴直接用。vue项目就把state里的数据搬到data里，方法写在methods里，componentDidMount改成mounted，render()中return的内容写在template里（注意className改class）代码：（底下content盒子里以及list-block是edge浏览器的新标签页（Bing）的效果）import React from 'react'

写在前面：首先，这个简单例子是由React开发的，但这并不能代表什么，我会在必要的地方加上说明，以便于只了解vue的朋友也能看懂原理或者写法，毕竟两个框架有许多共通的地方。（PS：我个人看好vue，react写起来程序结构较于vue非常混乱。。。）首先上代码：这是文章列表的组件，其中又渲染了一个PageNavigator的子组件。import React from 'react';import './article.css';import axios from 'axios';imp

接下来公司给实习生出了几道练习题，使用开发框架不限。在用react做的时候遇到了几个问题，给大家分享下。其中一道题是写一个简易的聊天框，实现可以发送消息以及将两者发送消息分开的功能。下面是代码：import "./test1.css"import React from 'react'class Test1 extends React.Component { state = { select: "A", content: "",

在学校学习过Vue，现在所在公司使用react开发，现在还在学习中。。。实习生小白一枚，请大家指教。React的特色就是使用JSX代替了原生的html+js的方式，将html结构放入js中一块开发。react大量使用了ES6语法，所以学习时最好先熟悉es6。在列表渲染中，vue使用它自定义的指令v-for对数据进行遍历和操作，react的区别在于，以为它和JQuery一样是js库，所以它直接调用js方法进行操作，常用的是map方法。import "./list.css"import Re