98猛虎的博客

这个博客是我用来记录平时自己的学习笔记和自己学习的一些总结

排序:
默认
按更新时间
按访问量

webpack

    webpack4.0以上可以无任何配置的使用webpack, 但是对于大项目,我们往往需要使用配置文件,如果根目录存在webpack.config.js,那么webpack命令将默认使用它,但是也可以自定义配置文件名,并使用npx webpack --config 配置文件命  来运行, ...

2018-08-13 14:25:04

阅读数:52

评论数:0

react 渲染机制(Reconciliation)

React渲染过程 我们都知道使用React可以使得网页的性能有很大的提高,本文具体探究它是通过什么样的渲染机制做到的。 在页面一开始打开的时候,React会调用render函数构建当前页面的一棵Dom树,在state/props发生改变的时候,render函数会被再次调用渲染出另外一棵树,接...

2018-08-06 17:00:42

阅读数:102

评论数:0

React Render Props

定义: Render Props 顾名思义就是我们传一个Props名为Render(但其实命名是随意的) 什么时候使用:  和高阶组件有点类似,当我们需要共享一些功能的时候,可以将这些功能提取成组件,并且使用组件的时候,在外部自定义我们的render, 然后再组件的render中调用它,例如 ...

2018-08-05 16:30:30

阅读数:51

评论数:0

React JSX语法糖

JSX其实是React.createElement的一个语法糖,它的语法如下 React.createElement(component, props, ...children) 例如这段代码 class Hello extends React.Component { render(...

2018-08-04 21:04:52

阅读数:41

评论数:0

React创建类不用Class如何创建

官方提供了一个包create-react-class, 使用方法像下面这样 var createReactClass = require('create-react-class'); var Greeting = createReactClass({ render: function() ...

2018-08-04 20:55:25

阅读数:106

评论数:0

React之性能优化

第一是当我们构建生产环境的时候,打包的时候需要去掉开发环境里面的react Waring,这个在开发的时候很有用但是在生产环境中不需要,因此需要去除。像webpack构建的时候,我们需要加入一些plugin,如下 new webpack.DefinePlugin({ 'process.env...

2018-08-04 16:13:02

阅读数:34

评论数:0

React 高阶组件(Higher-Order Components)

概念:所谓的高阶组件就是声明一个方法,这个方法接收一个组件等作为参数,然后返回一个新组件,这就是所谓的高阶组件。 使用场景:   当有很多组件具有相似的操作的时候,这个时候,我们就可以将这些相似的操作抽取出来,以后当我们有组件需要进行这些操作的时候,就将这个组件传给这个函数,然后返回一个高阶组件...

2018-08-04 14:25:58

阅读数:26

评论数:0

React 碎片(Fragments)

当我们存在以下情况的时候,往往会出项问题 class Table extends React.Component { render() { return ( <table> <tr&...

2018-08-04 09:56:32

阅读数:128

评论数:0

react错误边界组件(Error Boundaries)

支持: react 16.0及其以上 说明:react的错误处理边界其实就是一个组件,并且只处理其children的错误,并且只能是类组件,children中出错误时,如果外面有Error Boundaries,那么错误会被捕获。 使用方法 首先创建一个类组件,并且在里面声明一个新的生命周期...

2018-08-03 16:59:14

阅读数:53

评论数:0

React 的 Context

当我们需要像很多组件共享一些Props的时候,就可以使用Context,但是不要使用太多,使用太多会导致组件的复用性下降。 如何创建一个Context const { Provider, Consumer } = React.createContext(defaultValue) 解构出来...

2018-08-02 19:21:19

阅读数:47

评论数:0

Regexp 的贪婪和非贪婪模式

贪婪: 尽可能多的匹配 非贪婪: 尽可能少的匹配    语法:将?紧跟在任何量词 *、 +、? 或 {} 的后面,将会使量词变为非贪婪的(匹配尽量少的字符),和缺省使用的贪婪模式(匹配尽可能多的字符)正好相反。 下面给几个例子: 例一 //不加问号默认为贪婪 var reg = /a.*...

2018-08-01 15:48:54

阅读数:63

评论数:0

中文的unicode编码范围

中文的unicode编码范围是: \u4E00-\u9FA5\uf900-\ufa2d

2018-07-31 20:16:46

阅读数:394

评论数:0

Regexp 正则

去这里查看详细:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions   1、创建正则有下面几种方式 var regex = /abc(a)/g //字面量形式 var regex...

2018-07-20 18:09:26

阅读数:54

评论数:1

社会治安管理项目总结

这是我做的第二个项目,相比于之前,对一些新的知识有了了解,下面就把自己在这个项目中遇到的问题进行总结。 一、首先是实现一个卡片组件,由于antd design没有提供自动生成多个卡片的组件,又需要再不同的页面使用不同的卡片,于是只好自己写。样子是下面这样。 一个需求是点击卡片就拿到这条...

2018-07-17 11:24:51

阅读数:54

评论数:0

javaScript 异步加载

在html页面中当我们需要加载一些资源的时候,例如加载一些工具方法,为了避免阻塞,往往是采用的是异步加载,还有一种就是按需加载,例如一些工具方法,等到用到的时候再去加载。 javascript异步加载资源的三种方案     defer 异步加载,在script标签上加上这个属性, 它既可以异步...

2018-07-16 20:17:55

阅读数:59

评论数:0

JSON

json的属性名必须使用字符串形式 构造器名字首字母大写 JSON.parse();  string — > json JSON.stringify(); json — > string

2018-07-16 19:38:20

阅读数:27

评论数:0

javaScript 事件(下)

这一节,我们来讲事件的分类 鼠标事件 mousedown、click、mouseup  表示鼠标点击事件,触发的顺序就是前面写的顺序 mousemove 鼠标移动事件 contextmenu  鼠标右键事件 mouseover、mouseout 鼠标移入移出事件,html5中也可用mou...

2018-07-15 21:21:39

阅读数:36

评论数:0

javaScript 事件(中)

事件处理模型 事件处理模型分为两种,一种是事件冒泡,一种是事件捕获,事件处理模型会发生在这种情况下: 当含有嵌套的标签时,各个标签上绑定了相同的事件,例如都绑定了onclick事件,那么当点击事件发生的时候就会触发我们的事件模型 事件冒泡 从嵌套的子元素像最外层的父元素的冒泡,依次触发从子元素...

2018-07-14 18:21:09

阅读数:38

评论数:0

javaScript 事件(上)

事件的绑定 首先javaScript绑定事件的方式有三种 ele.onxxx = function (event) {} 上面的xxx是事件类型不需要首字母大写, 这个绑定的方式兼容性很好,但是一个元素只能绑定一个处理程序,也就是一个事件只能同时绑定一个function obj.addEve...

2018-07-14 15:37:48

阅读数:37

评论数:0

javaScript DOM操作(下)

这一节我们来说如果通过dom来间接的操作css dom.style.prop 这个方法我们可以读取属性也可以往里面写属性,没有兼容性问题。dom.style会返回一个内联的样式表. 需要注意的几点是:  通过的dom.style.prop设置的是内联样式, 如果通过选择器设置样式而不是写在...

2018-07-14 13:43:56

阅读数:46

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭