dear_mRZhou_的博客

display：inline-flex

本章节我们学习一下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基本使用四

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

webpack基本功能和作用我们已经在上一篇文章中进行了详细的描述了，本篇就不再多做说明。下面，让我看看webpack中其它的强大的配置项。

1231231

在平时的react项目开发中，我们除了会用到redux的基本功能外，还要借助redux的一些中间件（middleware）去完成一些高级的操作，例如使用redux-logger中间件去打印日志，使用redux-thunk去派发一个方法，使用redux-promise去派发一个promise等等。下面，就让我们一起来看看这几个插件的基本使用，以及实现吧。首选，我们需要知道redux中间件的一个基本格式，即每一个中间件的基本格式都是如下这样： function loggerMiddleware({ get

https://www.cnblogs.com/wzndkj/p/10772173.html

https://blog.youkuaiyun.com/u014320421/article/details/105814914/?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242

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

dsada

我们面试的时候经常会问到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

业务场景：antd的Tabs标签页组件，在Android机上面使用的时候，当移动端的软键盘搜索完收起时会出现一个空白处，底部内容被遮挡了，标签页组件的内容区域的高度不复原的问题，如图所示：网上大多数的解决方案就是使用dom.scrollTop(x,y)方法，通过监听界面的resize事件或者输入框失去焦点事件，让被遮挡的dom滚动到底部或者顶部，但是并不适用我本次的问题。我的解决办法是通过监听Andoid手机盘的软键盘收起事件，改Tabs组件绑定一个key值，然后动态的改变Tabs组件的Key（利用r

处理需求中，遇到一个图片重新绘制拼接的功能，如下图：动态的将二维码重新绘制到图片上面去最开始想到的是有两种解决办法：1、使用html2canvas插件去将html动态的生成为图片，html2canvas的功能就是可以将一个dom元素里面的全部内容重新绘制成一个图片，实现方式就是：通过css的手动，将二维码定位上去，然后用html2canvas去生成图片，再把原图进行覆盖，实现以假乱真的操作。但是该插件在移动端会有很多很多的问题，例如：（1）在ios系统生成的图片有问题，是一个白色的图片块（2）在i