- 博客(21)
- 问答 (1)
- 收藏
- 关注
原创 webpack基本使用5
本章节我们学习一下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
2021-08-25 21:30:32
764
原创 webpack基本能使用3
本章节我们学习一下webpack中的eslint , 字体引入 ,如何调试打包后的代码,打包第三方类库,watch,拷贝静态文件,服务器代理,添加商标.1、eslint的使用在我们平时的开发过程中,eslint是一个必不可少的代码质量检测工具,他的用处主要体现在以下几点:1.审查代码是否符合编码规范和统一的代码风格;2.审查代码是否存在语法错误;3.方便项目后期的一个维护和迭代开发下面,我们来看看如何在webpack中进行配置吧。第一步安装包:npm i eslint eslint-lo
2021-08-10 16:03:12
254
原创 webpack基本使用2(压缩css和js,hash,处理less和sass,babel)
webpack基本功能和作用我们已经在上一篇文章中进行了详细的描述了,本篇就不再多做说明。下面,让我看看webpack中其它的强大的配置项。
2021-07-29 10:13:36
750
原创 webpack基本使用 (devServer,css-loader,插件plugins,图片,url-loader,分离css)
1231231
2021-07-24 11:39:20
367
4
原创 眼花缭乱的redux中间件,也不过如此
在平时的react项目开发中,我们除了会用到redux的基本功能外,还要借助redux的一些中间件(middleware)去完成一些高级的操作,例如使用redux-logger中间件去打印日志,使用redux-thunk去派发一个方法,使用redux-promise去派发一个promise等等。下面,就让我们一起来看看这几个插件的基本使用,以及实现吧。首选,我们需要知道redux中间件的一个基本格式,即每一个中间件的基本格式都是如下这样: function loggerMiddleware({ get
2021-07-16 11:21:47
201
原创 一文读懂npm install、 --save与 --save-dev的区别
https://blog.csdn.net/u014320421/article/details/105814914/?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242
2021-07-11 19:29:21
692
原创 接着敲,react-redux的基本使用与实现
我们在平时的react开发中,除了使用到redux之外,对于react-redux这个redux的亲兄弟也是必不可少的,因为redux仅仅的是创建了一个厂库,但真正把厂库中的状态与视图组件关联起来的,还是得归功于react-redux。我们项目的架构一般是将redux+react-redux+react配合使用,那么,下面就一起来看看react-redux中的常见方法,它具体做了什么。基本使用:react-redux提供了一个connect方法和一个Provider组件。provider组件主要用于
2021-07-08 09:49:08
114
原创 redux的基本使用与原理手写
经常写react的同学,一定对redux这个库不陌生,它是一个状态管理的库,在我们平时的项目开发中扮演着一个很重要的角色,但是有时候我们过于关注使用,只记住了各种使用方式,反而忽略了他们的核心原理,但是如果我们想真正的提高技术,最好还是一个一个搞清楚,所以今天我们就来看看redux的基本使用还有其原理实现。redux的设计思想:1、Redux是将整个应用状态存储到一个地方,称为store2、里面保存的是一颗状态树 state tree3、组件可以派发dispatch行为给store,而不是直接通知
2021-07-05 10:41:34
271
原创 pc端微信分享描述或者封面图显示出来(解决)
貌似现在微信官方的最新的分享接口updateAppMessageShareData、updateTimelineShareData并不支持pc端的分享,所以就会导致pc端微信分享出去的东西,要么描述显示不出来,要么封面图显示不出来。正确做法:pc端使用:onMenuShareAppMessage,onMenuShareTimeline移动端使用:updateAppMessageShareData,updateTimelineShareData...
2021-07-02 11:48:58
944
1
原创 手写promise,面试无敌
我们面试的时候经常会问到Promise的使用;有的面试官再深入一点,会继续问是否了解Promise的实现方式,或者有没有阅读过Promise的源码;今天我们就来看一下,Promise在内部是如何实现来链式调用的。首先我们定义一个promise的构造函数在这里插入代码片...
2021-06-24 15:55:35
1627
1
原创 前端监控实战练习
在我们的日常前端开发中,我们很少去关注我们开发应用的各个环节的一个性能,消耗时间等问题,也几乎没去统计过。但是作为一个专业的前端开发人员,这个前端的性能监控我们还是有必要知道的,下面我们就一起来看看如何进行前端的性能监控。首先,如果我们要监控前端的一个性能,我们需要从以下几个点来进行监控:1、监控静态资源的加载情况2、监听ajax的发送情况3、页面的错误捕获4、监控用户的行为我们围绕以上几个点来进行练习一:监控静态资源的加载情况(算时间差)首先,我们来看一张图:这种图就反应了我们一个界面
2021-06-20 20:17:28
254
原创 js正则表达式之捕获
1、基于exec的捕获/** * 1、基于exec的捕获 * 1.捕获到的结果是null获取是一个数组 * 1).第一项是本次捕获到的内容 * 2).第二项是index 表示当前捕获到的字符串在整个字符串中的索引位置 * 3).第三项是 input 原始字符串 * 2、每执行一次,我们就会获取到一个符合正则规则的结果,但是默认情况(懒惰)下我们就算执行100遍也只会获取到第一个匹配到的结果 */ let str = "dd231hj1312h31j2b3j12
2021-06-09 16:49:24
1381
原创 正则的基本应用练习
1、使用正则表达式去获取链接地址上面的查询参数function getQueryParamm(){ let obj = {}; // 注意 [^xy] = > 表示除了x 和 y 的任意字符 // $1 $2 表示第一个和第二个分组中的值 this.replace(/([^?=&#]+)=([^?=&#]+)/g,( ...[,$1,$2] ) => obj[$1]=$2 ); this.replace(/#([^?=&#]+
2021-06-01 21:48:44
79
原创 常用的正则表达式练习
嗨喽,大家好,正则表达式作为我们日常开发中的一个非常重要的技能,如果我们能熟练的掌握,那么在很多情况下可以极大的提高我们的工作效率,今天,我能就来对一些我们经常用到的正则表达式来进行一个训练与学习:1:验证是否为有效数字/** * 验证是否为有效数字 * 规则分析: * 1.可能出现 + - 符号,也可能不出现 => [+-]? * 2.如果是一位数 0-9 都可以,如果是多位数字 首位不能是 0 => (\d|([1-9]\d+)) * 3.如果是小数的话,那么后面必须有小数点
2021-05-30 11:34:23
2032
原创 正则表达式的基本使用与学习
正则表达式的基本使用与学习定义:正则表达式(regular expression),简单来说就是一个用来处理字符串的规则,它可以验证一个字符串是否符合某个规则(test)、也可以把字符串中符合规则的内容捕获到(match,exec…)。在正则表达式中,我们经常会看到一些符号,类似于 \, * , ^ 之类的,这些符号我们统称为元字符,以下列出来了我们正则中会用到的所有的元字符:量词元字符:特殊元字符:普通元字符:// 普通元字符=> 代表着元字符本身含义// 例如let reg
2021-05-24 21:27:25
92
原创 解决移动端软键盘收起样式不复原的问题
业务场景:antd的Tabs标签页组件,在Android机上面使用的时候,当移动端的软键盘搜索完收起时会出现一个空白处,底部内容被遮挡了,标签页组件的内容区域的高度不复原的问题,如图所示:网上大多数的解决方案就是使用dom.scrollTop(x,y)方法,通过监听界面的resize事件或者输入框失去焦点事件,让被遮挡的dom滚动到底部或者顶部,但是并不适用我本次的问题。我的解决办法是通过监听Andoid手机盘的软键盘收起事件,改Tabs组件绑定一个key值,然后动态的改变Tabs组件的Key(利用r
2021-04-08 16:09:44
602
原创 移动端canvas画图中遇到的坑
处理需求中,遇到一个图片重新绘制拼接的功能,如下图:动态的将二维码重新绘制到图片上面去最开始想到的是有两种解决办法:1、使用html2canvas插件去将html动态的生成为图片,html2canvas的功能就是可以将一个dom元素里面的全部内容重新绘制成一个图片,实现方式就是:通过css的手动,将二维码定位上去,然后用html2canvas去生成图片,再把原图进行覆盖,实现以假乱真的操作。但是该插件在移动端会有很多很多的问题,例如:(1)在ios系统生成的图片有问题,是一个白色的图片块(2)在i
2021-04-08 16:06:02
1781
空空如也
我在react和node服务器之间想使用socket.io进行通信中出现的问题
2019-08-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人