import React, { Component, createRef } from 'react' import { Cart } from 'antd' import echarts from 'echarts' var option = { // 图表名 title: { text: '店铺 ...
分类:
其他好文 时间:
2020-04-27 19:11:17
阅读次数:
61
首先自然而然的安装一下依赖: npm install react-smooth --save-dev 接下来就是组件代码啦: import React, { Component, Fragment } from 'react'; import Animate from 'react-smooth'; ...
分类:
其他好文 时间:
2020-04-27 17:26:11
阅读次数:
49
生命周期的三个状态 mounting : 组件插入到dom updating: 将数据更新到dom unmounting:将组件移除dom 生命周期的钩子函数 ComponentWillMount: 组件将要渲染 ajax ComponentDidMount:组件渲染完毕 添加动画 Componen ...
分类:
其他好文 时间:
2020-04-27 15:36:32
阅读次数:
42
前言 当在项目中使用react antd各组件时,总有需要自定义css样式的时候,那应该怎么修改呢? 最简单粗暴的方法——覆盖原有样式 审查元素找到要修改的tabs组件类名,然后在css文件中重写该类样式使其覆盖原有样式,若无效果,添加!important 最直接了当的方法——添加行内样式 但上述方 ...
分类:
其他好文 时间:
2020-04-26 22:30:51
阅读次数:
368
1初始化项目 npm init create-react-app my-app 2.修改index import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from ' ...
分类:
其他好文 时间:
2020-04-26 19:02:13
阅读次数:
44
需求是编写一个头像剪裁工具再封装成为一个组件,然后根据功能开始逐步编写代码:先是上传图片 => 预览图片 => 编辑图片。 刚开始没有去考虑兼容性的问题,直接编写upload部分的代码,参考了很多代码还有HTML5 FILE API之后,发现很少有React编写的这样的代码,因为想简单一点,所以直接 ...
分类:
其他好文 时间:
2020-04-25 23:21:40
阅读次数:
62
技术选型 采用react框架开发移动端的话,一般的架构是Preact + antd-mobile + react-hammerjs + iscroll。 Preact Preact是React的3kb轻量化方案,拥有同样的ES6 API,其拥有以下优点: 1. 体积小,React V16.0有34. ...
分类:
移动开发 时间:
2020-04-25 18:46:22
阅读次数:
97
好吧,我知道你来看这个文章,一定是遇到坑了,所以,把这几个放在最开始吧 现在,如果你的团队的技术栈是react,请尝试这个吧,跟react很像,如果你的团队一直使用react,这是一个更好的选择Rax · 跨容器的渲染引擎 Vue问题,你可以在Vue官方提交issues,【地址】 。Weex问题,你 ...
分类:
其他好文 时间:
2020-04-25 14:18:18
阅读次数:
80
Vue3.0 Beta 北京时间4月21日,Vue 作者尤雨溪大大受邀和他的朋友在 bilibili 平台直播间分享了关于 Vue3.0 Beta的一些新特性。 一、视频链接 这个是我在 bilibili 找了个完整版的。 这个是在掘金社区 剪掉了前期调试部分直接进入主题部分 的。 二、搬运工 我是 ...
分类:
其他好文 时间:
2020-04-25 12:37:38
阅读次数:
3566
好多错 套中套 千层饼 用的npx create-react-app 创建的 说自带jest,我就写个jest测一下,看看 npx jest jest.test.js ok 没问题 npx jest jest.test.js --watch 报错 npm run test 报错 报的是 TypeEr ...
分类:
其他好文 时间:
2020-04-25 12:33:24
阅读次数:
276