曼～-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 215

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

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

2019-07-04 14:41:29 1539

原创富文本框编辑器原理

富文本框编辑器原理 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 472

原创 React之编程式导航withRouter

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

2019-06-27 15:47:25 3017

原创从零开始使用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 2482

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

2019-06-26 15:11:07 497

原创 React之生命周期

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

2019-06-26 15:00:00 100

原创 React实现todolist

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

2019-06-26 14:54:15 526

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

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

2019-06-26 14:50:36 127

原创 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 152

Mary_wmt的博客