这篇文章主要介绍了关于react父子组件之间的传值问题解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下父组件传递给子组件:核心思路就是将父组件中的state传递给子组件父组件代码: class Father extends React.Component {constructor(props){super(props);// 父组件的statethis.state = {menu:[]}}componentDidMount() {// 这里可以发ajax请求 去后端请求数据 通过setState将值保存到自己的state中// 假定...
量词这篇文章主要介绍了关于深入理解JS正则表达式之量词的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下很多时候,我们需要匹配一个连续出现很多次字符的字符串,比如,我们要匹配一个连续出现20次的数字的字符串,按照之前的写法:\d\d\d\d\d\d\d\d\d\d\d\d\d\d\d\d\d\d\d\d是不是感觉快疯了?很庆幸,使用正则提供的量词,我们就可以快速解决这个问题。量词的使用方法如下:字符含义?出现零次或一次(最多...
这篇文章主要介绍了关于深入理解JS正则表达式之贪婪模式与非贪婪模式的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下贪婪模式之前说了正则的量词,但是量词会带来一个到底该匹配哪个的问题。如下正则表达式:\d{3,6}这个正则表达式是匹配3到6个数字,但是当这个正则表达式被用来匹配12345678这个字符串,到底该匹配三个数字还是6个数字,亦或者是都不是?可以先试试:let text = 12345678 let reg = /\d{3,...
这篇文章主要介绍了关于深入理解JS正则表达式之分组的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下分组在使用正则的时候,有时候会想要匹配一串字符串连续出现多次的情况,比如:我想匹配字符串Byron连续出现3次的情况。有些人会直接写:Byron{3}但是,这种情况仅仅会匹配Byro加上三个n,显然,这样是错误的。要想实现之前的需求,我们需要使用正则表达式的分组功能:使用()可以达到分组的功能,使量词作用...
这篇文章主要介绍了关于深入理解JS正则表达式之REGEXP对象属性的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下对象属性常用对象属性主要有以下几种:1.global: 是否全文搜索,默认false2.ignore case:是否大小写敏感,默认是false3.multiline:多行搜索,默认值是false4.lastIndex:是当前表达式匹配内容的最后一个字符的后一位,用于规定下一次匹配的起始位置5.source:正则表达式的文本字符串你可以在r...
这篇文章主要介绍了关于对于Javascript加载的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下1. 浏览器加载 (1) 同步加载 在网页中,浏览器加载js文件的方式是通过<script>标签。如下所示://内嵌脚本 <script type="text/javacript"> // code here! </script> //加载外部脚本 <script type="text/javascript src="path/demo.js"></script><script>标签很方便,只要加入后,浏览器便可读取并运...
这篇文章主要介绍了关于对于JS模块化的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下一、理解1、什么是模块、模块化?将一个复杂的程序依据一定的规范封装成几个文件,并进行组合在一起2、为什么要模块化?降低复杂度,提高解耦性,部署方便3、模块化的好处避免命名冲突(减少命名空间污染)更好的分离,按需加载更高复用性高可维护性4、页面引入加载script二、模块化规范1、CommonJS(node根据该规范编写)...
这篇文章主要介绍了关于深入理解JS正则表达式之元字符和字符类的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下元字符和字符类元字符正则表达式由两种基本字符类型组成:1.原义(正常)文本字符:代表本身含义的字符,如:a、b、c、1、2、3等。2.元字符:元字符是在正则表达式中有特殊含义的非字母字符,如\b代表单词边界,可以是单词的开头或结尾。常见的符号元字符:* + ? $ ^ . | \ () {} []字符类一般情...
这篇文章主要介绍了关于深入理解JS正则表达式之范围类的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下范围类在使用正则表达式时,很多时候,我们会想要匹配a~z的所有字母,很多人想到,可以使用字符类[abcdefg...z],但是,这种方法需要输入所有需要匹配的字母。那么,有没有简单点的方法呢?所幸,正则表达式提供了范围类,范围类可以让我们使用[a-z]来连接两个字符表示从a到z的任意字符。基本用法let tex...
这篇文章主要介绍了关于深入理解JS正则表达式之预定义类与边界的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下预定义类正则表达式提供预定义类来匹配常见的字符类字符等价类含义.[^\r\n]除了回车符和换行符以外的所有字符\d[0-9]数字字符\D[^0-9]非数字字符\s[\t\n\x0B\f\r]空白符\S[^\t\n\x0B\f\r]非空白符\w[a-zA-Z_0-9]单词字符(字母、数字、下划线)\W[^a-zA-Z_0-9]非单词字符使用预定义类可以快速匹配...
这篇文章主要介绍了关于jQuery源码之回调函数的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下回调函数一、概念回调函数是一个通过函数指针来调用执行的函数,如果你把一个函数的指针作为参数传递出去,那么这个指针调用这个函数的时候,我们就说这是回调函数。回调函数不是由该函数的实现方直接调用,而是在特定的事件或条件发生时由另外的一方调用的,用于对该事件或条件进行响应。好处: 使用回调函数进行...
这篇文章主要介绍了关于jQuery源码之异步机制的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下异步机制javascript编程往往会伴随着异步编程,比如远程获取数据,大量的异步编程会带来许多的回调函数,js是单线程的,所以完成异步往往需要借助浏览器事件驱动,这样会让我们的代码和算法变得支离破碎。jQuery就提供了一个抽象的 非阻塞 解决方案: Deferred。认识异步alert(1) setTimeout(function(){alert(2) },...
这篇文章主要介绍了关于JavaScript Error对象的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下JavaScript Error对象详解一、概念error,指程序中的非正常运行状态,在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。ECMAScript定义了六种类型的错误。除此之外,还可以使用Error构造方法创建自定义的Error对象,并使用throw语句抛出该对象。...
这篇文章主要介绍了vue data不可以使用箭头函数问题,本文通过源码解析给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下首先需要明确,a() {}和 b: () => {}是不同的let obj = {a() {},// 相当于a:function() {},b: () => {} }1 VUE.js 源码解析注意此处只设计核心代码这段代码也是UMD实现原理,本文这里不是重点,有兴趣的可以自行探究。(function (global, factory) {typeof exports === object && typeof mo...
这篇文章主要介绍了关于Javascript实现商品秒杀倒计时(时间与服务器时间同步)的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下在一些购物商城经常看到有很多商品做秒杀活动,也就是倒计时,本篇文章给大家介绍Javascript实现商品秒杀倒计时(时间与服务器时间同步),需要的朋友可以了解下现在有很多网站都在做秒杀商品,而这其中有一个很重要的环节就是倒计时。关于倒计时,有下面几点需要注意:1.应该使...