dear_mRZhou_的博客

本章节我们学习一下webpack中的babel-polyfill，libraryTarget和library，purgecss-webpack-plugin，CDN。babel-polyfill有些浏览器对一些es6的新特性不支持，例如promise在ie浏览器中，使用babel-polyfill就可以解决这个问题。安装：cnpm i babel-polyfill -S 使用方式，在入口文件引入：//第一种import "babel-polyfill";//第二种require('b

本章节我们学习一下webpack中的eslint , 字体引入 ，如何调试打包后的代码，打包第三方类库，watch，拷贝静态文件，服务器代理，添加商标.1、eslint的使用在我们平时的开发过程中，eslint是一个必不可少的代码质量检测工具，他的用处主要体现在以下几点：1.审查代码是否符合编码规范和统一的代码风格；2.审查代码是否存在语法错误；3.方便项目后期的一个维护和迭代开发下面，我们来看看如何在webpack中进行配置吧。第一步安装包：npm i eslint eslint-lo

我们在平时的react开发中，除了使用到redux之外，对于react-redux这个redux的亲兄弟也是必不可少的，因为redux仅仅的是创建了一个厂库，但真正把厂库中的状态与视图组件关联起来的，还是得归功于react-redux。我们项目的架构一般是将redux+react-redux+react配合使用，那么，下面就一起来看看react-redux中的常见方法，它具体做了什么。基本使用：react-redux提供了一个connect方法和一个Provider组件。provider组件主要用于

经常写react的同学，一定对redux这个库不陌生，它是一个状态管理的库，在我们平时的项目开发中扮演着一个很重要的角色，但是有时候我们过于关注使用，只记住了各种使用方式，反而忽略了他们的核心原理，但是如果我们想真正的提高技术，最好还是一个一个搞清楚，所以今天我们就来看看redux的基本使用还有其原理实现。redux的设计思想：1、Redux是将整个应用状态存储到一个地方，称为store2、里面保存的是一颗状态树 state tree3、组件可以派发dispatch行为给store，而不是直接通知

貌似现在微信官方的最新的分享接口updateAppMessageShareData、updateTimelineShareData并不支持pc端的分享，所以就会导致pc端微信分享出去的东西，要么描述显示不出来，要么封面图显示不出来。正确做法：pc端使用：onMenuShareAppMessage，onMenuShareTimeline移动端使用：updateAppMessageShareData，updateTimelineShareData...

我们面试的时候经常会问到Promise的使用；有的面试官再深入一点，会继续问是否了解Promise的实现方式，或者有没有阅读过Promise的源码；今天我们就来看一下，Promise在内部是如何实现来链式调用的。首先我们定义一个promise的构造函数在这里插入代码片...

在我们的日常前端开发中，我们很少去关注我们开发应用的各个环节的一个性能，消耗时间等问题，也几乎没去统计过。但是作为一个专业的前端开发人员，这个前端的性能监控我们还是有必要知道的，下面我们就一起来看看如何进行前端的性能监控。首先，如果我们要监控前端的一个性能，我们需要从以下几个点来进行监控：1、监控静态资源的加载情况2、监听ajax的发送情况3、页面的错误捕获4、监控用户的行为我们围绕以上几个点来进行练习一：监控静态资源的加载情况（算时间差）首先，我们来看一张图：这种图就反应了我们一个界面

1、基于exec的捕获/** * 1、基于exec的捕获 * 1.捕获到的结果是null获取是一个数组 * 1).第一项是本次捕获到的内容 * 2).第二项是index 表示当前捕获到的字符串在整个字符串中的索引位置 * 3).第三项是 input 原始字符串 * 2、每执行一次，我们就会获取到一个符合正则规则的结果，但是默认情况（懒惰）下我们就算执行100遍也只会获取到第一个匹配到的结果 */ let str = "dd231hj1312h31j2b3j12

1、使用正则表达式去获取链接地址上面的查询参数function getQueryParamm(){ let obj = {}; // 注意 [^xy] = > 表示除了x 和 y 的任意字符 // $1 $2 表示第一个和第二个分组中的值 this.replace(/([^?=&#]+)=([^?=&#]+)/g,( ...[,$1,$2] ) => obj[$1]=$2 ); this.replace(/#([^?=&#]+

嗨喽，大家好，正则表达式作为我们日常开发中的一个非常重要的技能，如果我们能熟练的掌握，那么在很多情况下可以极大的提高我们的工作效率，今天，我能就来对一些我们经常用到的正则表达式来进行一个训练与学习：1：验证是否为有效数字/** * 验证是否为有效数字 * 规则分析： * 1.可能出现 + - 符号，也可能不出现 => [+-]? * 2.如果是一位数 0-9 都可以，如果是多位数字 首位不能是 0 => (\d|([1-9]\d+)) * 3.如果是小数的话，那么后面必须有小数点

正则表达式的基本使用与学习定义：正则表达式（regular expression），简单来说就是一个用来处理字符串的规则，它可以验证一个字符串是否符合某个规则（test）、也可以把字符串中符合规则的内容捕获到（match，exec…）。在正则表达式中，我们经常会看到一些符号，类似于 \， * ， ^ 之类的，这些符号我们统称为元字符，以下列出来了我们正则中会用到的所有的元字符：量词元字符：特殊元字符：普通元字符：// 普通元字符=> 代表着元字符本身含义// 例如let reg