自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

木豪末的博客

林深时见鹿,海蓝时见鲸,缘来时见你

  • 博客(35)
  • 资源 (3)
  • 收藏
  • 关注

原创 解决使用css元素放大动画导致的文字抖动模糊问题

1.问题最近在开发一个tv端的项目,各种兼容性问题,只能使用最原生的方式去开发,其中有一个需求就是给选中的元素添加一个放大的动画,我在添加动画之后遇到了元素放大以后,元素上面的文字也会跟着有轻微的位移跟模糊的情况,很影响体验2.解决方案经过网上搜索,有人说给抖动的文字加上transform:translate3d(0,0,0)就可以了,经过实测这个方法是无效的。还有人说给抖动的文字加上transform:perspective(1px)的样式,测试以后发现这个方法是可以的,加上以后文字再也不

2021-01-07 15:03:12 2530 1

原创 记一个ios手机的css兼容性问题

1.问题代码.scroll-bar > span { display: inline-block;/*inline样式不能使用动画*/ animation: scroll 12s linear infinite;}.scroll-bar > span:after { position: absolute; left: 100%; content: attr(data-text); margin-left: 10%;}@keyframe

2020-10-20 11:40:00 1426

原创 记一个safari兼容性问题

1.问题代码:not(.el-dialog__body .el-form-item--small.el-form-item){ margin-bottom:22px max-width: 360px;}2.问题描述这段我本来只是想修改除了.el-dialog__body下的所有.el-form-item--small.el-form-item的样式,这段代码在谷歌浏览器上是没有问题的,结果到了safari浏览器上它直接修改了所有div的样式3.总结:not伪类在safar

2020-10-20 10:44:22 773

原创 _this3.$refs[form].validate is not a function

记录elementui中form使用的一个坑:当使用循环渲染来同时使用多个form的时候,直接使用官方示例代码来使用form的方法会报错,正确的写法是这样this.$refs[form][0].validate()注意重点是后面加了数组取第1位的写法,因为此时直接用form的ref名字去寻找它的时候会发现返回了一个数组,用this.$refs[form]的写法就会出现找不到对象的情况...

2020-09-21 15:17:02 5963

原创 vue2.0在ios9等低版本手机上的出现白屏的解决过程及思路

1.先用safari开发模式去定位问题,发现是es6的语法低版本不支持2.vue默认是对项目文件进行过js的编译的,所以不是开发文件里的语法问题,最后定位到是项目中引用的一个第三方库导致的这个问题3.将这个需要编译的第三方库加入vue的编译目录,修改webpack.base.conf.js,修改这一块代码{ test: /\.js$/, include:...

2020-03-26 11:56:13 959

原创 vant 框架van-list重复触发加载函数的问题

在使用van-list组件的时候,为了隐藏ios手机右侧的滚动条,我给了组件一个overflow-x:hidden属性,官方说这个属性会导致重复触发van-list的加载,但是我去掉这个属性仍然不管用,而且这个属性又是必须保留的,最后我又给了他一个固定的高度,就不会重复触发加载了,注意一定要是固定的高度,设置height:100%仍然是不管用的,记录一下这个问题...

2020-03-07 12:30:24 17876 3

原创 记IOS兼容性问题

1.iphonex等手机上要想设置页面可滚动,必须给最外层的盒子一个初始的高度,并且要设置-webkit-overflow-scrolling属性,例如.wraper{ height:100px; -webkit-overflow-scrolling: touch;}注意这里有一个坑,高度不能用min-height设置,否则会导致页面不能滚动2.ios上设置pad...

2020-03-05 15:11:08 622

原创 ant design 当中select组件给了value,却不显示对应的选项值的问题

原因就是设置的value值跟选项的value值不相等,这里面的坑就是数据类型不一样的时候很容易引起迷惑,因为他的相等是三个等号,number和string的数字看起来一样,但实际上是不相等的,所以就找不到对应的选项值,这里很容易入坑,切记...

2020-03-02 19:10:02 7015 2

原创 react父子组件传值及事件传递总结

1.父组件可以通过传递props给子组件来控制子组件的一些属性2.父组件可以通过props传递事件给子组件,子组件通过调用父组件的事件来控制父组件的属性3.通过dva可以使用全局的属性来管理父子组件的状态...

2020-02-28 11:34:03 1592

原创 react想要子组件每次显示的时候都执行componentDidMount方法

1.把子组件的显示用一个state的值去控制,每次state变化的时候都会导致子组件的重新渲染,componentDidMount方法自然每次都会执行2.给子组件设置一个随机的key值,每次显示的时候都重新刷新它的key值,这样子组件每次都会重新渲染,也可以每次渲染的时候都执行componentDidMount方法...

2020-02-28 11:29:26 5975

原创 vue设置元素的scrollTop属性的值进行页面滚动,在安卓手机上不生效

试了vue和原生js的各种页面滚动的方法均不生效,最后引入了jquery插件,使用jquery的页面滚动方法就可以了,我想这可能归结与jquery的兼容性做的比较好吧$("body,html").scrollTop(100);...

2020-02-15 06:15:00 2530

原创 高德地图踩坑记录

1.要使用高德服务首先要申请key,并且一个key只能使用一种服务,要想同时使用多个服务就必须同时申请多个key

2020-02-13 12:39:47 286

原创 npm install react-navigation时报错npm ERR! Maximum call stack size exceeded

本地安装了0.59.8的react-native新项目,使用npm安装react-navigation时报上面的错,开始以为需要升级npm,结果升级了也没用,后来把node_modules文件夹和yarn.lock文件删除了再重新安装就可以了...

2020-02-03 10:51:20 617

原创 react-native-signature-capture安卓签名返回的base64地址有换行符

这个组件在ios上获取的签名base64显示正常,在安卓上的返回的base64地址却带有换行符,导致图片无法显示,找了好久才发现是这个问题,解决方案就是去掉base64中的换行符就可以了base64Data.replace(/(\r\n)|(\n)|(\r)/g,'')...

2020-01-14 23:53:04 369

原创 记react-native中ImageBackground导致的闪退问题

问题描述:使用ImageBackground显示网络图片,在小米9上没有问题,在oppoR9tm机型上直接出现了闪退的问题问题原因:网络图片地址有一个请求时间,在图片地址没有请求过来的时候直接放在ImageBackground中进行展示,在低端机型中会出现闪退问题解决方案:做一个判断,在图片地址请求过来的时候再显示ImageBackground组件,这样就不会有问题了...

2020-01-14 17:30:39 476

原创 More than one file was found with OS independent path ‘lib/x86/libc++_shared.so‘

运行react-native安卓时遇到这个错误,在这个错误之前还遇到过一个错误,none of the consumable configurations have attributes这是在link项目引入的第三方库时报的错,这个错的意思就是link的时候没有找到我这个第三方库,于是我把***.iml也就是android下面的这个工程文件删掉了,然后把第三库删了,也重新安装了一遍,再用a...

2020-01-02 14:57:35 8493

原创 微信小程序实现点击分享按钮时动态改变分享图片和标题

最近在做小程序时遇到一个需求,是一个商城小程序,在每个商品上都有一个分享按钮,点击这个分享按钮就可以分享这个商品,要求分享的内容是该商品的图片和标题。这个需求把我难住了,大家都知道在触发分享时需要提前设置好分享内容,这是因为点击分享按钮的时候分享函数会立即执行,如果在分享按钮上绑定点击函数去动态改变分享内容是不会起作用的,因为这个时候分享函数已经执行了。怎么样在分享函数触发之前改变分享内容呢?...

2019-07-16 17:02:26 8887 1

原创 关于js中的深拷贝与浅拷贝

一、概念及原理分析简单的来说,浅拷贝就是浅层次的拷贝,只拷贝一层,对于深层次的对象就拷贝他的引用;深拷贝是深层次的拷贝,会对对象的每一层都进行拷贝。浅拷贝的对象不能完全保证不跟原对象产生关联,但是深拷贝的对象绝对跟原对象无关,原对象的改变不会对深拷贝的对象产生任何的影响。看了很多文章,有的文章说浅拷贝是拷贝对象的引用,通过浅拷贝的对象跟原对象共同引用一个堆的地址,所以浅拷贝无法解决新对象跟...

2019-06-27 17:11:51 230

原创 js实现进制互转

最近在项目中遇到一个需求,需要把数据的id转换16进制显示,原来的的id是10进制的,我使用了这个方法来进行转换var newId = parseInt(oldId,16);后来用户反馈编号xxx的数据有问题,后台就要我把那个数据转回来,看一下原始id是多少。我一脸懵逼,转回来怎么转,再用parseInt不管用阿,各种折腾,终于被我发现了这个方法,现记录如下:var oldId =...

2019-05-07 15:14:52 422

原创 微信小程序scroll-view自动适应屏幕高度的使用方法

在写微信小程序时,经常会遇到页面需要上下滑动的需求,这个时候就需要用到scroll-view了,而使用scroll-view组件时必须设置它的高度,在页面顶部是一个导航栏,而底部的内容就需要滚动,这需要根据屏幕的高度来实时计算scroll-view的高度,我之前的处理方式是利用微信的WXML方法去实时获取顶部tab栏的高度,再实时计算出scroll-view的高度。这种方法既费时而且...

2019-02-12 10:33:28 12863 4

原创 微信小程序踩坑记:wx.upload上传文件不会对返回的JSON数据进行处理

今天使用微信小程序wx.upload函数上传一张图片到laravel后台,我后台显示图片接受成功并且返回了一条成功的json数据,结果小程序中返回的是一个字符串,我的数据格式是这样{code:0,msg:'上传成功'}因为我要根据code的值来判断请求是否成功,但是他返回的是一个字符串微信并没有对这个字符串进行解析,后来我想是不是header的设置原因,换了各种header头都...

2018-12-14 14:38:21 6236 1

原创 laravel实现QQ登录

环境配置:laravel 5.5centos7.2php7.1参考文章laravel实现第三方登录(qq登录)最近刚学习了laravel这个框架,感觉特别好用,于是用laravel写了一个自己的网站,登录用的是laravel自带的用户认证,由于我平时登录别的网站时喜欢使用第三方登录,于是想自己写个第三方登录玩一下,分别申请了QQ和微信的第三方平台,微信太坑了,明明是个...

2018-12-06 17:29:22 893

原创 使用宝塔面板在centos7服务器上一键部署运行环境并实现代码自动化配置

宝塔真是一个好工具,它帮助我们快捷的搭配服务器运行所需要的环境,省去手动编译安装各种繁琐又容易出错的环节,最关键的是它还是免费的,自从有了宝塔面板,搭建环境再也不是一件辛苦的事了。好了,闲话少说,下面我来介绍一下在自己的腾讯云主机(操作系统是centos7)上安装宝塔面板并实现代码自动化部署的全流程,并做一下记录。一、安装宝塔并配置gitlab代码仓库1.安装宝塔这里不再赘述,详见...

2018-12-05 15:47:48 9732

原创 nginx服务器下laravel5.5项目无法访问的问题

后台用的nginx服务器,之前在本地开发项目时用的apache服务器,没想到切换到线上访问时一直显示404的错误,网页无法访问,网上搜索发现是nginx的配置问题。打开nginx的配置文件,在后面添加这样一行location / { try_files $uri $uri/ /index.php?$query_string;}重启nginx服务,问题解决,也就是说larave...

2018-12-05 14:41:47 1264

原创 腾讯云mysql数据库内网连接不上的问题

我的腾讯云主机是广州三区,买的数据库是广州四区的,在同一个区可以使用内网连接,可是我通过数据库的内网ip连接却连接不上,下面记录一下的问题解决的过程1.建立主机的私有网络由于我之前的主机一直没有建立私有网络,这样的话是无法通过内网连接其他的服务器的,至于怎么建立并切换私有网络,可以查看腾讯云的攻略快速搭建私有网络2.开放对应连接端口mysql数据库默认使用3306端口连接,我...

2018-12-05 14:26:51 2936

原创 宝塔面板nginx域名配置

打开宝塔nginx的设置,查看nginx的配置文件,可以看到这么一行,这代表了主配置文件的拓展配置文件的位置,可以在主配置里面直接修改server里面的配置,进行域名的修改,也可以在对应的配置文件的位置新建一个叫a.conf的文件,a这个文件名可以任意定,在a.conf里面复制主配置文件server的全部内容,然后修改server的内容即可首先,进入对应文件位置cd /www/ser...

2018-12-04 10:10:21 17531

原创 sendmail: fatal: parameter inet_interfaces: no local interface found for ::1

使用gitlab测试邮件通知的时候报这个错sendmail: fatal: parameter inet_interfaces: no local interface found for ::1网上搜索要修改这个文件vim /etc/postfix/main.cf把下面两行inet_interfaces = localhostinet_protocols = al...

2018-12-03 11:52:35 4445

原创 记linux系统各目录的区别

/home 用户主目录的基点,比如用户user的主目录就是/home/user,可以用~user表示/root 系统管理员的主目录Linux下其他其他目录的用途如下:/bin 二进制可执行命令/dev 设备特殊文件/etc 系统管理和配置文件/etc/rc.d 启动的配置文件和脚本/lib 标准程序设计库,又叫动态链接共享库,作用类似windows里的.dll文件/sbin 超级管...

2018-12-01 09:52:47 260

原创 centos7关于gitlab的一些命令

查看gitlab日志sudo gitlab-ctl tail查看gitlab版本号cat /opt/gitlab/embedded/service/gitlab-rails/VERSION编辑gitlab配置文件sudo vi /etc/gitlab/gitlab.rb重置gitlab配置gitlab-ctl reconfigure进去gitlab命令行,测...

2018-11-29 16:28:39 1533

原创 centos7关于ssh秘钥的一些命令

查看系统中是否存在公钥ls -al ~/.ssh查看公钥内容cat ~/.ssh/id_rsa.pub生成秘钥ssh-keygen -t rsa -C "你的email地址"测试git服务器连接是否有效ssh -T git@你的服务器地址...

2018-11-29 11:00:40 929

原创 laravel5.5自带用户认证重置密码时发送邮件失败的问题

问题laravel5.5使用开箱即用的用户认证时,重置密码需要发送邮件,结果报错,错误已经修复,而且当时没有截图,所以就不展示啦,反正原因就是因为没有进行邮件相关的配置,laravel默认是使用SMTP进行邮件发送,而我使用的是163邮箱,所以接下来就是要在我的163邮箱中开启SMTP服务器进行邮箱发送解决方法1.登陆163邮箱,选择设置里面的SMTP这一项,里面没有打勾的打上勾...

2018-11-27 15:44:54 1133

原创 laravel5.5无法获取路由中?后面的参数

问题:写laravel项目时发现一个问题,当我的路由是mydomain.com?code=124525215时,可以获取到code参数,而当路由变成mydomain.com/home?code=2321452151时,却取不到code参数了,经过搜索得知是apache的配置问题,我的.htaccess文件原来是这样的RewriteRule ^(.*)$ /index.php?/$1 [L]...

2018-11-26 17:58:47 1348

原创 获取当前格式化时间的一种简单方法

Date.prototype.isLeapYear = function() { return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0))); } //---------------------------------------------------...

2018-11-20 11:28:49 511

原创 laravel5.5路由匹配规则(.htaccess文件)的又一个坑

今天调用的laravel的用户认证,生成对应控制器和视图文件之后,进行登录验证的突然给我报这个错我那么懵逼阿,还好感谢万能的百度,知道是.htaccess里面的路由访问规则导致的,原规则是这样的RewriteRule ^ index.php [L]这个规则要求路由后面必须有index.php,没有就会报错,于是我把规则改成这样RewriteRule ^(.*)$ /inde...

2018-10-24 19:32:40 2097

原创 安装laravel5.5版本遇到的坑

今天在centos7上安装laravel,因为我的服务器上php版本是7.0,所以我选择安装laravel5.5。第一步,安装composerwget https://dl.laravel-china.org/composer.phar -O /usr/local/bin/composerchmod a+x /usr/local/bin/composer第二步,用composer...

2018-10-24 10:40:12 2388

2022最新高频前端面试题汇总之vue和react篇

包含vue常问面试题和vue3源码学习笔记 包含react常问面试题 包含vue的react的比较

2022-05-10

商城网站模版,包含化妆品,手机,餐饮等各行业

包含各种主题和风格的网站,还包含自适应屏幕网站,帮助你快速建站

2021-10-12

tab切换h5动画效果源码

点击tab横向切换,选中框平移到下一个tab,同时主体内容从上往下切换的效果出场,后一个把前一个挤出去的效果

2021-10-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除