98猛虎的博客

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

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

第三章 函数作用域和块作用域

函数作用域 可以使用作用域来隐藏变量,在软件设计中,应该最小限度的暴露必要内容 规避命名冲突 匿名函数是一个函数表达式 块级作用域 let、const。可以这样写 { let bar = xxx; } 这是一个块,在闭包中我们可以使用这样的块来释放闭包占用的多余内存。如下 function...

2018-11-22 22:57:38

阅读数:13

评论数:0

第二章 词法作用域

其实就是指的我们平时说的作用域、作用域链这些。 查找 词法作用域查找,只会查早一级标识符,如果遇到了foo.bar.baz这种,词法作用域只会查找foo标识符,找到这个变量之后,对象的访问属性规则会分别接管对bar和baz属性的访问。 欺骗词法 这种做法会导致性能下降,因为他们会修改或者创建新的作...

2018-11-22 21:32:01

阅读数:11

评论数:0

第一章 作用域是什么

LHS查询: 查早变量所在的地址,如果在作用域链中,找不到那么在全局环境下进行声明,但是在严格模式下找不到就会报ReferenceError的错误 RHS查询: 查早变量的值,如果如果在作用域链找不到,报ReferenceError的错误, 如找到了但对这个值进行不合理的操作,调用非函数类型,或...

2018-11-22 21:05:51

阅读数:9

评论数:0

from表单学习笔记

form的属性 accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。 action 规定向何处提交表单的地址(URL)(提交页面)。 autocomplete 规定浏览器应该自动完成表单(默认:开启)。 enctype 规定被提交数据的编码(默认:url-encod...

2018-11-12 21:19:40

阅读数:10

评论数:0

webpack

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

2018-08-13 14:25:04

阅读数:160

评论数:0

react 渲染机制(Reconciliation)

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

2018-08-06 17:00:42

阅读数:213

评论数:0

React Render Props

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

2018-08-05 16:30:30

阅读数:85

评论数:0

React创建类不用Class如何创建

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

2018-08-04 20:55:25

阅读数:176

评论数:0

React 碎片(Fragments)

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

2018-08-04 09:56:32

阅读数:178

评论数:0

React 的 Context

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

2018-08-02 19:21:19

阅读数:67

评论数:0

Regexp 的贪婪和非贪婪模式

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

2018-08-01 15:48:54

阅读数:105

评论数:0

中文的unicode编码范围

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

2018-07-31 20:16:46

阅读数:619

评论数: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

阅读数:69

评论数:1

社会治安管理项目总结

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

2018-07-17 11:24:51

阅读数:61

评论数:0

javaScript 异步加载

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

2018-07-16 20:17:55

阅读数:62

评论数:0

javaScript 事件(下)

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

2018-07-15 21:21:39

阅读数:38

评论数:0

javaScript 事件(中)

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

2018-07-14 18:21:09

阅读数:40

评论数:0

javaScript 事件(上)

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

2018-07-14 15:37:48

阅读数:43

评论数:0

javaScript DOM操作(下)

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

2018-07-14 13:43:56

阅读数:49

评论数:0

javaScript DOM操作 (中)

在实际开发中,我们往往需要获取网页上的一些此尺寸,但是官方给出的方法很多,容易混,这里分以下类 查看滚动条的距离 window.pageXOffset/pageYOffset 该方法在IE8及IE8以下不兼容, 可以使用下面的方法 document.body.scrollLeft || .s...

2018-07-13 20:13:04

阅读数:37

评论数:0

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