首先需要node安装video-react包
然后在index.html中添加以下
<link rel="stylesheet" href="https://video-react.github.io/assets/video-react.css" />
在需要使用的地方首先引入
i...
如何在react中使用videojs组件
BrowserRouter与HashRouter的区别
关于BrowserRouter和HashRouter我百度了一下，看了网上说的一大堆总结了以下精华：
BrowerRouter是为老版本浏览器提供的hash路由
意思就是说在URL中会存在#号
而BrowserRouter是新浏览器H5的路由组件
不会再URL中存在#号
switch包含的部分...
如何将html字符串转换成dom元素呢？
这里要说的不是最常见的document.createElement('div')这种方式
以上这种方式太普通了就不介绍了
下面是一个字符串
str = '<div>hello<a>链接</a></div>'
我们要把它转换成dom 对象应该如何做呢？
...
如何创建一个store?
相信很多人不用store很快就忘记了
首先创建store文件夹
在文件夹中创建index.js
import { createStore } from 'redux'
imoprt reducer from './reducer'
const store = createStore(reducer)
export default...
React复制组件的使用
import React, {
Component
} from 'react';
import copy from 'copy-to-clipboard';
class App extends Component {
handleClick = (e) => {
copy(e.target.value)
}
...
react配置proxy代理
首先我们需要安装http-proxy-middleware中间件
然后在src目录下创建setupProxy.js文件
里面填写代理规则即可
const proxy = require('http-proxy-middleware')
module.exports = function (app) {
ap...
使用canvas画闪闪星光
突发奇想写了一写
效果图 点击查看效果
第一步创建html结构
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>
&...
兼容封装requestAnimFrame
没有啥好解释的直接复制用就可以了
window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozReques...
关于inline-block的间隙问题
如图所示这样的遐思你受的了吗？
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.container {
width...
float元素详解
很多同学可能对于float不太理解这里的float有几点特性
第一点是float脱离文档流 当不脱离文本流
这里说的是什么意思呢？
就是空间与文字的概念。
你可以理解成为一个float：left的元素它脱离了文档是指的在一个容器内不受容器内其他的块级元素影响。
而容器内容文本呢？则会绕开它。
第二点呢就是会尽量靠上
...
