10 2018 档案
摘要:css斜切角 斜边 倒角 css斜切角 斜边 倒角
阅读全文
摘要:https://pan.baidu.com/s/1iicSmG44PfYhOffaUZDRmw
阅读全文
摘要:const jsdom = require('jsdom');const { JSDOM } = jsdom;const { document } = (new JSDOM('')).window;global.document = document;global.w...
阅读全文
摘要:MutationObserver 监听页面的DOM元素是否发生了变化 (调试网页劫持) create element change attr
阅读全文
摘要:treeWalker hello a1 hello a2 hello a3
阅读全文
摘要:npm install -g npm-check-updatesncu -u
阅读全文
摘要:对于 React 组件来说,refs 会指向一个组件类的实例,所以可以调用该类定义的任何方法。如果需要访问该组件的真实 DOM,可以用 ReactDOM.findDOMNode 来找到 DOM 节点,但我们并不推荐这样做。因为这在大部分情况下都打破了封装性,而且通常都...
阅读全文
摘要:Dialog.js:import React from 'react';import ReactDOM from 'react-dom';export default class Dialog { static modal(Component, zIndex) ...
阅读全文
摘要:React 会将所有要显示到 DOM 的字符串转义,防止 XSS。所以,如果 JSX 中含有转义后的实体字符,比如 ©(©),则最后 DOM 中不会正确显示,因为 React 自动把 © 中的特殊字符转义了。解决方案:import React, {...
阅读全文
摘要:import React, { Component } from 'react';import PropTypes from 'prop-types'import { connect } from 'react-redux'import ThemeSwitch fro...
阅读全文
摘要:App.js:import React, { Component } from 'react';import PropTypes from 'prop-types'import { createStore } from 'redux'import { Provide...
阅读全文
摘要:react-redux.js:import React, { Component } from 'react'import PropTypes from 'prop-types'export const connect = (mapStateToProps, mapD...
阅读全文
摘要:App.js:import React, { Component } from 'react';import PropTypes from 'prop-types'import Header from './Header'function createStore (...
阅读全文
摘要:1.结合 context 和 storeimport React, { Component } from 'react';import PropTypes from 'prop-types'function createStore (reducer) { let s...
阅读全文
摘要:1.抽离 store 和监控数据变化 Redux架构模式 2.共享结构的对象提高性能 Redux架构模式 3.reducer Redux架构模式 ...
阅读全文
摘要:一个组件可以通过 getChildContext 方法返回一个对象,这个对象就是子树的 context,提供 context 的组件必须提供 childContextTypes 作为 context 的声明和验证。如果一个组件设置了context,那么它的子组件都可...
阅读全文
摘要:组件的私有方法都用 _ 开头,所有事件监听的方法都用 handle 开头。把事件监听方法传给组件的时候,属性名用 on 开头组件的内容编写顺序如下:static 开头的类属性,如 defaultProps、propTypes。 构造函数,constructor。 ge...
阅读全文
摘要:1.安装:npm install prop-types --save2.使用import React, { Component } from 'react';import PropTypes from 'prop-types'const users = [ 1, ...
阅读全文
摘要:在 React.js 当中你基本不需要和 DOM 直接打交道。React.js 提供了一系列的 on* 方法帮助我们进行事件监听,所以 React.js 当中不需要直接调用 addEventListener 的 DOM API;以前我们通过手动 DOM 操作进行页...
阅读全文
摘要:除了挂载阶段,还有一种“更新阶段”。说白了就是 setState 导致 React.js 重新渲染组件并且把组件的变化应用到 DOM 元素上的过程,这是一个组件的变化过程。而 React.js 也提供了一系列的生命周期函数可以让我们在这个组件更新的过程执行一些操作。s...
阅读全文
摘要:React 生命周期 constructor->componentWillMount->render->componentDidMount->componentWillUnmount
阅读全文
摘要:CSS3 filter(滤镜) 属性
阅读全文
摘要:我们来一个关于 state 和 props 的总结。state 的主要作用是用于组件保存、控制、修改自己的可变状态。state 在组件内部初始化,可以被组件自身修改,而外部不能访问也不能修改。你可以认为 state 是一个局部的、只能被组件自身控制的数据源。state...
阅读全文
摘要:React 组件的 state 和 setState
阅读全文