React
文章平均质量分 79
soul-proven
前端开发
展开
-
fabric.js的部分使用
为什么用到了?项目中需要在video便签上叠加一个检测区域,自然要用canvas绘制,那有什么简便的方法吗?从某大佬那第一次听到 fabric.jsfabric.js官网链接使用说明(react)安装 fabric.jsnpm install fabric --save使用将其引入你所需要的文件中import { fabric } from 'fabric'...原创 2019-12-16 10:16:24 · 1594 阅读 · 0 评论 -
入坑react系列一
JSX 简介一种JavaScript的语法扩展,推荐在react中使用jsx来描述用户界面在jsx中使用表达式可以任意使用js表达式,在jsx当中的表达式要包含在大括号里jsx 本身也是一种表达式,也就是说可以在if或者for语句中使用function getGreeting(user) { if (user) { return <h1>Hello, {for...原创 2019-02-14 17:25:54 · 154 阅读 · 0 评论 -
入坑React系列三
事件处理react事件绑定属性的命名采用驼峰式写法jsx语法传入一个函数作为事件处理函数不能使用返回 false 的方式阻止默认行为,因该这样写:function ActionLink(){ function handleClick(e){ e.preventDefault(); console.log('jghj'); } ...原创 2019-02-22 15:59:45 · 225 阅读 · 0 评论 -
入坑React系列二
state & 生命周期官方图解state 实例class Clock extends React.Component { constructor(props){ super(props); this.state = {date: new Date()}; } componentDidMount(){ this.timerID = setInte...原创 2019-02-18 17:12:43 · 202 阅读 · 0 评论 -
入坑React系列五
写在前边虽然是官网上的例子,但整体认真读一遍上手练一遍,还是收获满满,在学习过程还是多实践一些比较重要,加油呀,少年们!!状态提升遇到几个组件需要共用状态数据的情况,最好将这部分共享的状态提升至他们最近的父组件当中进行管理。以一个实际例子展开。需求是:开始呢我们会创建一个名为BoilingVerdict的组件,他会接受celsius这个温度变量作为他的props属性判断谁会不会开,接...原创 2019-03-05 16:26:58 · 481 阅读 · 0 评论 -
入坑React系列四
条件渲染元素变量:创建一个名为LoginControl的有状态组件或还有<!-- LoginControl 组件,在这个组件里进行渲染-->class LoginControl extends React.Component{ constructor(props){ super(props);<!--前边只是起个名字--> this.han...原创 2019-03-04 17:35:50 · 465 阅读 · 0 评论 -
那些年总是记不清的日常(不定期更新)
文字超出后用…代替这个呢经常会用到,每次写的时候还是会出现一些小问题,在这里整理一下。 .myflow{ word-break: keep-all; white-space: nowrap; overflow: hidden; }但是在用之前你必须给你的标签设置一个固定的宽度,并且将display设置为 block//i...原创 2018-08-05 18:22:54 · 181 阅读 · 0 评论