曼～-CSDN博客

转载 HTML5兼容

html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。为了让网站浏览者都能正常的访问HTML5网站，故同时使用两个解决方法cdn地址写法：<!--[if lt IE 9]>　　<script src="//cdn....

2019-07-16 08:59:18 175

原创 Object遍历对象属性的方法

遍历对象属性的方法Object.keys()和Object.getOwnPropertyNames() 参数是一个对象，返回一个数组但Object.keys() 只返回可枚举的属性，不返回不可枚举的属性名Object.getOwnPropertyNames() 可以返回不可枚举的属性名一般情况下，几乎总是使用Object.keys方法，遍历对象的属性。通常使用Object.getO...

2019-07-04 14:41:29 1492

原创富文本框编辑器原理

富文本框编辑器原理contenteditable枚举属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...

2019-07-02 11:19:13 444

原创 React之编程式导航withRouter

withRouter高阶组件作用：1.非路由组件获取this.props默认情况下只有经过路由匹配渲染的组件才存在this.props，拥有路由参数，从而才能使用编程式导航的写法，执行this.props.history.push(’/detail’)跳转到对应路由的页面路由组件 (经过路由匹配渲染的组件) 可以直接获取这些属性，而非路由组件就必须通过withRouter修饰后才...

2019-06-27 15:47:25 2922

原创从零开始使用React+Ant Design实现某后台管理系统 (一)准备阶段

工具：vscode 信息架构+原型+流程图参考：https://www.jianshu.com/p/d28c22ca6cd4准备阶段1.安装和初始化打开一个文件夹，在控制台输入$ npm i yarn ##安装yarn$ yarn create react-app system-wmt ##文件名：system-wmt;自动初始化一个脚手架并安装 React 项目的各种必要...

2019-06-27 14:14:41 2074

原创 React 之antd

React 之antd参考网站：https://ant.design/docs/react/use-with-create-react-app-cncreate-react-app 是业界最优秀的 React 应用开发工具之一。在 create-react-app 创建的工程中使用 antd 组件，并自定义 webpack 的配置以满足各类工程化需求。1.安装和初始化$ npm i y...

2019-06-26 15:11:07 457

原创 React之生命周期

React之生命周期1.mount挂载阶段：组件实例被创建并插入DOM中时，依次调用constructor ( ) —构造器，构造函数static getDerivedStateFromProps ( ) — 从props（）获取派生状态；静态的方法，不在原型上render ( ) —渲染componentDidMount ( ) —在组件挂载后/插入DOM树中，立即调用。存放依赖...

2019-06-26 15:00:00 78

原创 React实现todolist

React特点用于构建用户界面的 js库、框架声明式：数据改变时，能够有效地更新并正确地渲染组件；以声明方式编写UI，使得代码更可靠，利于调试准备工作安装：局部安装 npx create-react-app todo-listnpx–>npm 5.2+附带的package运行工具运行： npm start 默认在3000端口下运行删除src文件夹内容如图...

2019-06-26 14:54:15 498

原创 React之父子组件数据传输

组件间的数据传输子组件-→父组件的数据传递通过props.属性名或者props.children获取数据父组件通过属性将子组件要用的方法传递下来，在子组件中调用对应的方法，传递参数，将数据传递出去父组件-→后代组件的数据传递通过属性传递使用特定属性值，状态提升到共同会用到的父组件中...

2019-06-26 14:50:36 110

原创 React之简单渲染

渲染1.index.js 中的简单的渲染界面import React from 'react'import ReactDom from 'react-dom'const Item=<div>hello </div>ReactDom.render( item, document.querySelector('#root'))import Rea...

2019-06-26 14:41:34 136

Mary_wmt的博客