- 博客(22)
- 收藏
- 关注
原创 react中引入rc-tree和rc-tree-select库之后样式覆盖问题
问题在项目中同时引入rc-tree和rc-tree-select库之后,同时在全局样式文件global.less中分别引入两个库的样式文件这时我们打开页面之后会发现rc-tree的样式没有正常显示,而且无法展开树结构可是下面这样才是正常显示而此时rc-tree-select组件库却能够正常显示当我们调整全局样式文件中两个库的样式引入顺序,会发现谁后引入谁就可以正常显示。猜测可能是发生了样式覆盖解决同样也可以在使用rc-tree-select的组件中这样做,如果是其他的有样式冲突库同
2021-11-05 14:19:11
1025
原创 hexo+NexT快速搭建搭建个人博客
新建仓库假设你已经有github账号,并且会基本操作。新建名称为.github.io的仓库,设置为公共。安装hexo全局安装npm install -g hexo-cli局部安装npm install hexo建站新建一个文件夹,在终端中打开,执行以下命令hexo init // 初始化npm install // 安装依赖hexo s // 启动项目部署安装 hexo-deployer-gitnpm install hexo-deployer-git -
2021-09-22 18:57:55
142
原创 React中使用swiper,当组件卸载后会继续执行Swiper绑定的事件
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-03-18 18:53:52
321
原创 Taro小程序MiniProgramError Super expression must either be null or a function
使用Taro3.0版本写微信小程序写类组件控制台输出:MiniProgramError Super expression must either be null or a functionimport React from "react";import Taro from "@tarojs/taro";import { View } from "@tarojs/components";import { styled } from "linaria/react";const Wrapper =
2020-07-08 23:21:41
2717
1
原创 微信h5中使用wx.chooseImage选择手机相册图片后转换为base64格式
首先JSSDK的使用直接看文档配置。默认我们都已经可以正常使用图像接口。转换格式使用以下两个图像接口。核心代码async handleChoose(){ // 某个点击事件的处理函数 let that = this; wx.ready(function(){ wx.chooseImage({ count: 1, // 默认9 sizeType: ['compressed'], success: function (res
2020-05-13 23:45:53
2665
原创 调用audio标签的play方法报错:the error you provided does not contain a stack trace
问题描述在react中使用audio标签实现音频播放,src改变的时候让音频重新播放,src由state控制。产生的问题:1.如果两次音频的src一致,不会重新渲染页面,因此也就不会再次播放音频。2.直接使用audio的play方法会产生如下报错解决方法把音频地址直接赋值给src属性,这样既能解决state中音频的src无变化音频不播放的问题。也能解决使用play方法的报错问题。...
2020-05-03 00:02:43
7202
原创 使用npx工具管理多个node版本
nvmnvm并非包管理器,它是用于管理多个node版本的工具,用来切换node版本在实际的开发中,可能会出现多个项目分别使用的是不同的node版本,在这种场景下,管理不同的node版本就显得尤为重要下载与安装下载地址:https://github.com/coreybutler/nvm-windows/releases安装过程中路径直接都是默认就好,如果你想你的之后的node要在放在自...
2020-04-25 17:32:24
4046
原创 Taro:Node Sass could not find a binding for your current environment
使用Taro开发小程序,依赖的node版本是10.x版本,升级到最新版本12.x版本之后,运行项目如下错误。node升级之后与node-sass对应的版本不一致导致项目运行报错解决按照报错提示重新执行npm install、npm re uild node-sass还是报错(有的人可以,有的人不可以),很明显我用这个还是没解决。更改binding.node的版本。首先去github(h...
2020-04-21 23:10:17
576
原创 Taro:error An unexpeted error occurred: "EPERM:operation not permitted, umlink ...""
Taro开发小程序:项目中安装和卸载包的时候出现如下错误。此时你需要关闭掉微信开发者工具,已经运行的项目ctrl+c退出。然后再去安装就会成功。
2020-04-18 18:29:14
311
原创 前端JavaScript实现深度克隆
实现过程遍历对象1.判断是不是原始值2.判断数组还是对象3.建立相应的数组或者对象4.递归function deepCopy(origin, target) { var target = target || {}; for (var prop in origin) { target[prop] = type...
2020-04-14 00:15:13
347
原创 前端JavaScript防抖、节流实现
防抖&节流在前端开发中部分用户行为会频繁的触发事件执行,对于dom操作,网络请求等耗费性能的处理,很可能导致界面卡顿,甚至浏览器崩溃。函数节流和函数防抖就是为了解决类似的问题。节流函数节流就是预定一个函数只有在大于等于执行周期时才执行,周期内调用不执行。<div id="show">0</div><button id="btn">click&l...
2020-04-08 21:29:55
257
原创 前端JavaScript必会手写代码之bind的实现
bind使用bind与call和apply的作用一致,都是改变this指向。但在使用方式上会有一些不同。var value = 'window'; var obj = { value:'obj' } function show(name,age){ console.log(this.value); console.log(...
2020-04-07 23:05:43
160
原创 前端JavaScript必会手写代码之call、apply的实现
作用及区别作用都是改变this指向。区别是传参列表不同。call、apply用法var value = 'window'; var obj={ value:'obj' } function show(name,age){ console.log(this.value); return { name:name, age:age, } }...
2020-04-06 21:48:03
195
原创 前端JavsScript数组拓展方法forEach、filter、map、some、every、reduce的使用和模拟实现
1.forEach() 调用数组中的每个元素,会改变原数组var personArr = [ { name:'坤坤',age:20,dec:'我是谁' }, { name:'铁蛋',age:22,dec:'我在哪' }, { name:'菜花',age:18,dec:'我在干什么' }, ] personArr.forEach(fu...
2020-04-05 23:32:25
165
原创 vsCode中安装vim插件之后无法使用ctrl+c、ctrl+v快捷键
相信很多小伙伴在使用vscode时安装vim插件之后在编辑模式下都无法使用ctrl+c和ctrl+v快捷键。但是从你安装vim插件那一刻,你就拥有了成为开发大佬的潜质。打开vocode设置(相信所有人都知道怎么打开),搜索vim ctrl,找到如下设置,取消勾选。but,设置完进入编辑模式之后,是可以使用ctrl+c和ctrl+v了,可是点击之后会退出vim的编辑模式。所以继续打开voco...
2020-04-05 00:51:38
6401
1
原创 前端JavaScript设计模式-代理模式实现
代理模式定义:为一个对象提供一种代理以控制对这个对象的访问代理对象起到类似中介的作用,会增加一些功能(如,校验,合并等等),也会去掉一些原有对象的功能虚拟代理-图片加载,文件上传保护代理-登录操作后才能看全功能,前端校验远程代理-监控多个对象的状态,总机监控分店智能代理-提供额外的其他服务, 火车站代售处举栗代理模式都少不了送花,这里也不例外//女神根据心情好坏看是否接受小明的送...
2020-04-04 00:31:42
124
原创 前端JavaScript中的继承模式
传统形式(原型链继承)Grand.prototype.lastName = 'hkp'; function Grand(){ } var grand = new Grand(); Father.prototype = grand; function Father(){ this.name = 'baba' } var father = new Fat...
2020-04-02 22:50:34
67
原创 前端JavaScript设计模式-观察者模式(发布-订阅模式)
定义:观察者模式,定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。事实上,只要你曾经在DOM节点上绑定过事件函数,那么你就曾经使用过观察者模式了!实现:Event模块实现自定义事件,绑定事件,触发事件,移除事件。代码中用到工厂方法模式工厂方法模式实现 PlaneFactory.prototype = new Event(); functi...
2020-04-01 23:45:46
155
原创 前端JavaScript设计模式-装饰者模式实现
装饰者(decorator)模式能够在不改变对象自身的基础上,在程序运行期间给对像动态的添加职责。与继承相比,装饰者是一种更轻便灵活的做法。可以当脚本运行时,在子类中增加行为会影响原有类所有的实例,而装饰者却不然。取而代之的是它能给不同对象各自添加新行为实现: 构造函数需要一个装饰资源池,提供相应的装饰方法,提供添加装饰方法的方法。场景:工厂方法模式生产不同类型的飞机;装饰者模式增加不同的血量...
2020-04-01 23:12:59
183
原创 前端JavaScript设计模式-工厂模式实现
定义:工厂模式定义创建对象的接口,但是让子类去真正的实例化。也就是工厂方法将类的实例化延迟到子类 function SmallPlane(){ this.width = 100; this.height = 100; this.boold = 100; this.name = 'smallPlane'; } function Big...
2020-03-31 00:26:39
157
原创 JavaScript中单例模式的实现
单例模式单例模式的定义:保证一个类仅有一个实例,并提供一个访问它的全局访问点。单例模式是一种常用的模式,有一些对象我们只需要一个,比如线程池、全局缓存、浏览器中的windows对象等。在JavaScript开发中,单例模式的用途同样非常广泛。比如当我们单击登录按钮时,页面中会出现一个登录浮窗,而这个登录浮窗是唯一的,无论单击多少次登录按钮,这个浮窗只会被创建一次,那么这个登录浮窗就适合用单例模...
2020-03-22 22:43:09
108
原创 微信jssdk在IOS系统下第一次进入页面无法成功调用
问题描述react开发微信h5网页,IOS真机下调试,调用wx.chooseImage接口,第一次进入页面出现invalid signature签名错误(开启debug模式)。刷新一次页面之后可以正常调用。在安卓和微信开发者工具中没问题。问题分析由于在安卓和开发者工具中是完全可行的,所有排除签名算法、书写错误、access_token和jsapi_ticket没有缓存等问题。而且已经使用lo...
2020-03-16 22:51:07
2493
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人