自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(53)
  • 收藏
  • 关注

转载 在安卓手机中rem单位border-radius:50%画圆变形的解决方案

使用border-radius:50%,或者border-radius的值与宽高相等,都可实现一个完美的圆形,但是在不同的安卓手机中,会有不同程度的变形(有的扁圆,有的大,有的小);当使用px做为宽高的单位,border-radius:50%画出来的圆是不会变形的;但使用rem时,rem在换算为px时,会是一个带小数点的值,安卓对小于1px的做了处理( 不同浏览器对小于1px的处理方式不同,有的采用四舍五入,有的大于某个值展示1px否则就舍去),从而导致圆角不圆;在ios下就没有这个问题。

2024-05-10 10:57:08 106

原创 swiper自动循环轮播--第一页swiper空白

现象复现:如果swiper-slide设置的是写死的值,则不会有问题,有问题的现象是使用图片,会给第一页和最后一页加个swiper-slide,但是没有赋予图片的属性值,导致不显示。1、如果第一页图片不多的话,可以针对性的给第一页图片赋值显示。注意:第一个标签添加的是slide列表的最后一个图片, 后一个标签则相反添加的是第一个图片.2、其实img标签是好使的,可以切换成img标签。当最后一个swiper 跳转到 第一个 swiper时。,设置after属性来设置占位图,解决问题。采用swiper组件。

2024-04-17 18:15:48 921

原创 img标签图片未加载完成占位图

通过Css控制,实现加载接口下发或者网络图片时,未加载完成前,先加载本地一张占位图,记载完成显示接口下发的图或者网络图。实现方式:通过在img标签的after伪元素上添加一张占位图,并且img标签都设置为。如果需要验证的话,可以将src设置为空,或者延迟2秒后再给设置值。img标签的src为接口下发的图片或者网络图片。这样src链接没加载完成时,会显示本地图片。

2024-04-17 18:01:54 1174

原创 前端发送请求之参数处理---【text/plain】与【application/json】

Content-Type就是指 HTTP 发送信息至服务器时的内容编码类型,服务器根据编码类型使用特定的解析方式,获取数据流中的数据。其实前后端发送请求的方式有 text/plain、application/json、application/x-www-form-urlencoded、multipart/form-data等,这版接上一篇,继续介绍【text/plain】与【application/json】。

2023-12-15 16:27:11 4957

原创 前端发送请求之参数处理---multipart/form-data与application/x-www-form-urlencoded

Content-Type就是指 HTTP 发送信息至服务器时的内容编码类型,服务器根据编码类型使用特定的解析方式,获取数据流中的数据。等,这版先介绍【multipart/form-data】与【application/x-www-form-urlencoded】。两种发送请求的方式都是将入参转换:{a:1,b:2} => a=1&b=2,可以在底层采用统一的方式来处理。谨以此记录两种请求方式,后续会记录剩下的请求方式~前端发送请求,需要对入参做处理。其实前后端发送请求的方式有。

2023-12-14 19:46:10 1480

转载 React中使用Context的3种方式

Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。在一个典型的 React 应用中,数据是通过 props 属性自上而下(由父及子)进行传递的,但这种做法对于某些类型的属性而言是极其繁琐的(例如:地区偏好,UI 主题),这些属性是应用程序中许多组件都需要的。Context 提供了一种在组件之间共享此类值的方式,而不必显式地通过组件树的逐层传递 props。Context提供了一个局部的全局作用域,使用Context则无需再手动的逐层传递props。

2023-11-22 17:14:47 2120

原创 谷歌浏览器升级http强转https解决

地址栏中输入【chrome://net-internals/#hsts】,在最下面的【Delete domain security policies】删除域名,如:baidu.com,后续访问公司http网址,自动跳转为https网址,导致进入不了平台。右边选项修改为disabled,即可,问题解决。mac电脑有点卡,重启以后,谷歌浏览器默认升级。2、找到【HTTPS Upgrades】网上找了很多方案都是,

2023-11-01 17:25:23 2425 6

原创 子组件监听父组件消息,随之变化与不变化

可以直接取props中的值展示,也可以监听值得变化处理。1、子组件监听父组件props的变化,同时随之变化。2、子组件初始化时更新,随后不再随父组件变化。

2023-10-16 16:53:59 1756

原创 antd form Item设置初始值

如果list对象更多的话,设置默认值的时候,也需要一层层嵌套设置。获取name为数组list的值的时候,可以采用以下方式来获取。目前需要给name是数组。

2023-09-25 18:39:39 1935

转载 常用正则表达式

正则语法:

2023-08-31 13:53:23 81

转载 whistle+switchyOmega配置web代理

到这里只是配置好了whistle的rules,浏览器输入aaa.com是啥也没有的,我们需要安装一个浏览器插件:switchyOmega ,直接装到扩展程序里。将不代理的地址列表清空然后配置代理服务器为whistle,然后在页面上点击小圆圈选择代理模式为刚刚设置的proxy即可。原文链接:https://blog.csdn.net/Suk__/article/details/122889718。输入aaa.com http://127.0.0.1:8080即可将aaa.com代理到本地8080端口。

2023-07-25 16:10:07 579

转载 useEffect第二个参数

react hooks useEffect 注意

2022-06-17 17:20:08 2875

原创 Antd点击select选择框,页面滚动,选项跟着滚动

遇到问题如下:做项目时,采用antd与react技术方案,需要实现选择一个select选择框,发现点击select选择框时,滚动页面,选项内容整体跟着页面滚动,而select选择框不动,如图:解决办法:在select选择框中,添加方法 getPopupContainer在select代码块,添加一条语句:getPopupContainer={(triggerNode)=>{ return triggerNode.parentNode}} // 增加这个定位去解决选项滚着跑

2021-12-30 20:25:48 2448

原创 git更新远程分支到本地

场景:git远程新建分支,在本地开发工具中(如vscode)切换远程新建的分支时,提示不存在当前分支,如下图:1、此时需要同步下远程的分支,采用如下命令:git branch -r | grep -v '\->' | while read remote; do git branch --track "${remote#origin/}" "$remote"; done将会同步远程的所有分支到本地。本地不存在的会直接同步成功,本地已经存在的分支会提示已经存在。2、更新键..

2021-11-26 14:04:46 3123

原创 react 三大属性分享

react三大属性: state(内部状态)、props(外部属性)、refs(表示组件内某个元素)state: state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合) 组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件) 一、注意: 组件中render方法中的this为组件实例对象 组件自定义的方法中this为undefined,如何解决? a) 强制绑定this: 通过函数对象的bind()b)

2021-09-17 18:41:30 753

原创 vue 实现本地excel文件下载功能

今天后端开发人员给了我一个excel文件,跟我说要实现excel下载功能,就是将给的excel文件下载下来。所以我还用之前用过的方法来实现,分为三步:1、首先将文件导入到系统中并引入,然后添加按钮事件2、完善按钮事件3、在build文件夹下的webpack.base.conf.js文件中,添加xlsx解析类型这样就实现了下载,不过这样下载的文件有一个问题,就是默认的名字 下载.xlsx 但是这样有点不大美观,所以想要改下名字创建一个a标签用于下载,可以改变下...

2020-10-18 17:44:19 7190

原创 vue history模式路由跳转空白

今天遇到一个问题,就是在写大屏路由跳转时,遇到的问题,两个vue文件跳转,在一个vue文件里面写了这样的代码: this.$router.push({ name: 'infoRecord', query: { planId: item.id, sectionId: this.id, sitename: localStorage.siteName

2020-10-14 20:59:22 1821 2

原创 vue element表格某一列内容过多,超出省略号显示

在使用element组件库里面的table组件时,遇到某一个字段内容过多,导致td高度被撑开,布局显得很不美观,像这样这时我们只要给table-cloumn添加一个属性show-overflow-tooltip,<el-table-column label="描述" :show-overflow-tooltip='true'> <template slot-scope="scope"> <span&gt.

2020-10-13 21:21:46 13752 3

原创 扁平化数组js

参考原文:https://www.cnblogs.com/w-yh/p/12053575.html扁平化数组的意思就是将一个嵌套多层数组的,即多维数组转换为一维数组,如 [1,2,3,4,[3,4,[4,5]]] ----->[1,2,3,4,3,4,4,5]1、toString & split 调用数组的toString方法,将数组变为字符串,然后再用split分割还原为数组因为split分割后形成的数组的每一项值为字符串,所以需要用一个map方法遍历数组...

2020-09-07 17:38:35 157

原创 js 中关于数组的一些方法汇总

最近处于面试的长途火车上,有一些关于数组的方法的返回值以及是否改变数组,相信有很多小伙伴和我一样,每次用的时候,都去找,相对来说比较麻烦,所以我整理了下,(#^.^#)主要有以下一些方法,有添加的下次随时安排上~方法名 介绍 返回值 是否改变数组 join() 把数组中的所有元素放入一个字符串 返回一个字符串 不会 pop() 删除并返回数组的最后一个元素 返回数组最后一个元素 改变数组的长度 push() 向数组的末尾添加一个

2020-09-04 21:09:34 292

转载 深入理解浏览器的缓存机制

一、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求,或者发起了请求但后端存储的数据和前端一致,那么就没有必要再将数据回传回来,这样就减少了响应数据。接下来的内容中我们将通过缓存位置、缓存策略以及实际场景应用缓存策略来探讨浏览

2020-09-01 23:13:40 318

原创 css设置背景虚化,vue移动端登录页

先看结果:1、需要设置两个并列的div,第一个div代表背景部分,第二个div表示内容主体。如下:代码如下;<template> <div style="height: 100%; width: 100%"> <div class="bg-blur"></div> <div class="login_info"> <h3>欢迎登录</h3> <x-inp

2020-06-19 00:36:55 2711

原创 vue 微信公众号 二维码 ios系统长按没有反应,识别不了二维码

最近在做项目,有一个需要长按二维码,直接识别二维码来关注公众号,写好以后,安卓手机可以使用,但是苹果手机长按没有一点反应,就去查找解决方法,找了很多,有说1、是存放二维码的页面,不要放多个;2、还有是说,放二维码的页面不能有position:fixed(固定定位);3、是index.html页面meta缩放问题了;4、什么history模式了;5、什么在img父元素div加背景二维码图片了以上这些方法,除了第二种,其他都已经尝试,没有达到效果。我的项目是,父组件里面调用了子组件,

2020-06-01 00:10:31 1800 1

原创 vue npm run build打包报错Error: EPERM: operation not permitted, mkdir

打包时,发现出现了这个问题:查了以后发现是因为,xftp文件传输的里面打开了dist这个文件夹,但是要打包的时候,dist肯定会重新生成,所以相当于正在占用,以至于权限不允许,将xftp里面打开dist的路径关闭就好啦~...

2020-05-29 23:57:51 2630

原创 vue 微信公众号存入localStorage里面openid,取出来为空或者没有,

最近做项目是,因为某些原因修改了域名,之前域名是http开头的,后来改成了https,接着就发生了一系列问题,首先简单的是请求接口链接变了,换了一拨;后续突然出现用户信息为空了(请求用户信息的接口没有返回信息),一些列排查以后,才发现是因为请求用户信息接口时,openid为null或者undefined,或者用了其他公众号的openid,以至于接口报错。但是让其他用户有的测,发现有的用户是这样的问题,有的没有问题,最后定位到是ios系统存在这样的问题。然后就顺着openid的线索一步步联调,发现刚进

2020-05-29 23:49:51 2253

原创 微信小程序this.setData和this.data=中的“=”的区别

this.setData({})用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。而this.data不会造成页面内容变化,只是值发生了变化。简单来说就是this.setData会改变页面的值,就是页面展示的值会变成改变后的值this.data不会改变页面的值举例来说:data: { show:false,}这样一个变量,如果使用this.data=this.data.show = trueconsole.log(this.da

2020-05-25 00:41:52 785 1

原创 微信小程序调用后端接口获取openid,api.weixin.qq.com不能设置安全域名

今天在写项目时,用到微信小程序授权获取openid的需求,然后在网上找了下,很快就写出来了,也获取到了openid(前提是要将微信开发工具--详情里面的不检验合法域名花√,这样才可以),然后代码如下(代码是在app.js里面写,进入项目时就执行)://app.jsApp({//onLaunch,onShow:options(path,query,scene,shareTicket,referrerInfo(appId,extraData))onLaunch:function()...

2020-05-23 23:52:29 2837

原创 vue 微信公众号 左右两部分各自滚动,并且左右联动展示

最近做的项目有一个需求是公众号页面左右两侧都可以进行滚动,像这样的页面这个的实现技术还是由better-scroll来实现,思路是:1、先添加一个大的div标签,然后大的div标签下面放置左右两个div标签;2、左右两个div标签分别添加ref属性,可以让左右两边都实现滚动;(让左右两边隔开,可以采用flex布局)3、data中定义两个滚动变量;4、给大的div设置滚动高度,便可以实现滚动。步骤如下:1、引入better-scrollimport BScroll .

2020-05-14 18:09:15 1732

原创 vue 微信公众号获取定位经纬度 腾讯地图逆地址解析为具体地址

前提准备:1、首先先申请一个腾讯地图key网址为:申请腾讯地图的开发者keyhttps://lbs.qq.com/console/mykey.html?console=mykey,申请完以后是这样2、项目安装 wx依赖npm install weixin-js-sdk --save-dev接下来就是代码操作:1、先要引入wx和腾讯地图在项目的index.html页面引入腾讯地图<script charset="utf-8" src="https://map...

2020-05-10 00:21:23 3761 7

原创 vue input标签实时触发修改为一秒没有信息输入才触发事件

想要事件实时触发,但是键盘操作就一直在触发,比较影响性能,所以就需要设置定时器,在每次输入的时候,都清除这个定时器,只有在一秒盘内没有任何输入操作的时候,这个定时器才会生效。代码如下:1、template中定义的input输入框<input type="text" class="predict_score" v-model="score" maxlength="3" ...

2020-04-25 19:10:44 1532

原创 vue npm run build打包没反应

一直这样,没有反应,找了半天发现需要改变如下的文件:build文件夹下的check-version.js,需要注释下如下的代码:build-->check-version.js然后再打包执行npm run build就可以啦...

2020-04-19 11:06:46 3433

原创 betterScroll滚动遇到图片,滚动位置不对

正常情况下页面获取数据后 执行this.$nextTick()进行刷新就可以了。但是有时候页面上会有图片,导致还没有滚动到底部就不滚动了,刚开始还以为是自己代码写错了,检查了半天,也没发现代码的问题,最后网上找了挺多办法,才发现,图片则是异步加载的,总是在页面其他数据显示之后才出来。也就是说:scrollerHeight属性是根据在Better-Scroll的content中的子组件的高度...

2020-04-11 17:57:57 932 1

原创 vue pdf下载及预览(移动端)

本文使用的是 vue-pdf,其实还有其他的很多比如pdf.js,只不过觉得这个和vue结合了应该不用下载一堆东西,直接npm install就可以,所以采用vue-pdf来撰写pdf下载及预览。无论是预览还是下载,都需要安装vue-pdf1、安装vue-pdfnpm install --save vue-pdf2、在需要的组件里面引用import pdf from 'vu...

2020-04-02 23:08:36 12277 9

原创 pycharm安装完打不开了

之前电脑安装过pycharm,是使用破解工具的,所以C盘里面,会生成一个关于pycharm的配置文件啥的(不是pycharm安装目录,只是在C盘生成的),如下后来申请了教育账号,就直接卸载了之前的,然后重新下载了一个企业版, 然后激活方式采用了账号和密码登录。刚下载还可以打开,电脑关机以后,再打开电脑。准备用pycharm,结果点击转一圈没反应,或者直接没反应,采用网上各种方法,管理员...

2020-03-02 14:02:13 13619 21

原创 vue调用微信扫一扫功能

1、先引入js文件,然后在使用的页面导入npm install weixin-js-sdk --save2、配置域名(需要的信息有这么多,一般由后端给)切记:域名一定要备案,要不会有一堆问题3、 具体代码如下:(点击另一个页面的扫一扫按钮直接跳到这个vue页面)scan.vue文件代码如下:<template> <div class="scan...

2020-02-19 22:39:09 2148 4

原创 数据库和数据仓库的区别

数据库:传统的关系型数据库的主要应用,主要是基本的、日常的事务处理,主要应用是联机事务处理OLTP(on-line transaction processing),例如银行交易。数据仓库:数据仓库系统的主要应用主要是联机分析处理OLAP(On-Line Analytical Processing),支持复杂的分析操作,侧重决策支持,并且提供直观易懂的查询结果。举个最常见的例子,拿电商行业来说好了。基

2017-09-24 20:53:58 454

转载 Eclipse下导入外部jar包的3种方式

我们在用Eclipse开发程序的时候,经常要用到第三方jar包。引入jar包不是一个小问题,由于jar包位置不清楚,而浪费时间。下面配图说明3种Eclipse引入jar包的方式。1.最常用的普通操作方式:基本步骤式右击“项目”→选择Properties,在弹出的对话框左侧列表中选择Java Build Path,如下图所示:选择Add External JARs,就可以逐个(也可以选择多个jar,但

2017-09-12 18:37:45 255

原创 怎样判断一个整数是不是回文数?

首先说明一下回文数是什么,回文数就是将这个数反转之后,得到的数仍然是同一个数。例如:131,25352就是回文数。那么怎么判断一个数是不是回文数呢?有两种方法,第一种是数字翻转,即将整数翻转以后,看和原来一样吗,一样的话,就是回文数,反之则不是。第二种方法是:逐位判断,即取整数的最后一位和第一位比较,然后将左右两位删除,再进行取最后一位和第一位比较,如果想等,则是回文数;反之则不是。第一种:数字翻转

2017-09-11 19:47:12 8264

原创 用二分法查找出满足条件值的最大下标(满足条件的值有多个)

先理清思路:如果查询的值,有多个相同的时候,首先用二分法查出其中的一个,并将此值的索引值赋给一个临时变量(temp),然后在将查出来的数的索引值加一,继续向右查询下一个值的索引值,如果索引值存在的话,则再将查询出来的值,赋给temp,一直循环,直至最后,将temp输出;如果索引值不存在的话,则将上一个的temp输出。下面看代码:public class BinarySearch{ publi

2017-09-11 15:10:44 1041

原创 Java编译出错

Eclipse在运行一个程序时,别人都可以运行正确,但是自己的就是找不到问题,代码和同学的一模一样,找遍了所有的问题原因,也解决不了问题,那就可以查看编译器的java的版本,通过window—>preferences–>在搜索框输入compiler–>查看右边Java的版本,如果过低的话,可能有一些方法没有。如下图所示:改成较高点版本的,再去看程序,应该是没有问题,可以运行的。如果还有问题的话,就不

2017-09-10 15:17:46 1300

空空如也

空空如也

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

TA关注的人

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