- 博客(53)
- 收藏
- 关注
RSS订阅转载 在安卓手机中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
46
原创 swiper自动循环轮播--第一页swiper空白
现象复现：如果swiper-slide设置的是写死的值，则不会有问题，有问题的现象是使用图片，会给第一页和最后一页加个swiper-slide，但是没有赋予图片的属性值，导致不显示。1、如果第一页图片不多的话，可以针对性的给第一页图片赋值显示。注意：第一个标签添加的是slide列表的最后一个图片, 后一个标签则相反添加的是第一个图片.2、其实img标签是好使的，可以切换成img标签。当最后一个swiper 跳转到 第一个 swiper时。，设置after属性来设置占位图，解决问题。采用swiper组件。
2024-04-17 18:15:48
468
原创 img标签图片未加载完成占位图
通过Css控制，实现加载接口下发或者网络图片时，未加载完成前，先加载本地一张占位图，记载完成显示接口下发的图或者网络图。实现方式：通过在img标签的after伪元素上添加一张占位图，并且img标签都设置为。如果需要验证的话，可以将src设置为空，或者延迟2秒后再给设置值。img标签的src为接口下发的图片或者网络图片。这样src链接没加载完成时，会显示本地图片。
2024-04-17 18:01:54
539
原创 前端发送请求之参数处理---【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
3422
原创 前端发送请求之参数处理---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
1033
转载 React中使用Context的3种方式
Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。在一个典型的 React 应用中，数据是通过 props 属性自上而下（由父及子）进行传递的，但这种做法对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI 主题），这些属性是应用程序中许多组件都需要的。Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props。Context提供了一个局部的全局作用域，使用Context则无需再手动的逐层传递props。
2023-11-22 17:14:47
1585
原创 谷歌浏览器升级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
2084
6
原创 子组件监听父组件消息，随之变化与不变化
可以直接取props中的值展示，也可以监听值得变化处理。1、子组件监听父组件props的变化，同时随之变化。2、子组件初始化时更新，随后不再随父组件变化。
2023-10-16 16:53:59
1543
原创 antd form Item设置初始值
如果list对象更多的话，设置默认值的时候，也需要一层层嵌套设置。获取name为数组list的值的时候，可以采用以下方式来获取。目前需要给name是数组。
2023-09-25 18:39:39
1442
转载 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
495
原创 Antd点击select选择框，页面滚动，选项跟着滚动
遇到问题如下：做项目时，采用antd与react技术方案，需要实现选择一个select选择框，发现点击select选择框时，滚动页面，选项内容整体跟着页面滚动，而select选择框不动，如图：解决办法：在select选择框中，添加方法 getPopupContainer在select代码块，添加一条语句：getPopupContainer={(triggerNode)=>{ return triggerNode.parentNode}} // 增加这个定位去解决选项滚着跑
2021-12-30 20:25:48
2347
原创 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
2983
原创 react 三大属性分享
react三大属性： state（内部状态）、props（外部属性）、refs（表示组件内某个元素）state： state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合) 组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件) 一、注意： 组件中render方法中的this为组件实例对象 组件自定义的方法中this为undefined，如何解决？ a) 强制绑定this: 通过函数对象的bind()b)
2021-09-17 18:41:30
674
原创 vue 实现本地excel文件下载功能
今天后端开发人员给了我一个excel文件，跟我说要实现excel下载功能，就是将给的excel文件下载下来。所以我还用之前用过的方法来实现，分为三步：1、首先将文件导入到系统中并引入，然后添加按钮事件2、完善按钮事件3、在build文件夹下的webpack.base.conf.js文件中，添加xlsx解析类型这样就实现了下载，不过这样下载的文件有一个问题，就是默认的名字 下载.xlsx 但是这样有点不大美观，所以想要改下名字创建一个a标签用于下载，可以改变下...
2020-10-18 17:44:19
6730
原创 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
1733
2
原创 vue element表格某一列内容过多，超出省略号显示
在使用element组件库里面的table组件时，遇到某一个字段内容过多，导致td高度被撑开，布局显得很不美观，像这样这时我们只要给table-cloumn添加一个属性show-overflow-tooltip，<el-table-column label="描述" :show-overflow-tooltip='true'> <template slot-scope="scope"> <span>.
2020-10-13 21:21:46
13673
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
136
原创 js 中关于数组的一些方法汇总
最近处于面试的长途火车上，有一些关于数组的方法的返回值以及是否改变数组，相信有很多小伙伴和我一样，每次用的时候，都去找，相对来说比较麻烦，所以我整理了下，(#^.^#)主要有以下一些方法，有添加的下次随时安排上~方法名 介绍 返回值 是否改变数组 join() 把数组中的所有元素放入一个字符串 返回一个字符串 不会 pop() 删除并返回数组的最后一个元素 返回数组最后一个元素 改变数组的长度 push() 向数组的末尾添加一个
2020-09-04 21:09:34
244
转载 深入理解浏览器的缓存机制
一、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再将数据回传回来，这样就减少了响应数据。接下来的内容中我们将通过缓存位置、缓存策略以及实际场景应用缓存策略来探讨浏览
2020-09-01 23:13:40
281
原创 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
2631
原创 vue 微信公众号 二维码 ios系统长按没有反应，识别不了二维码
最近在做项目，有一个需要长按二维码，直接识别二维码来关注公众号，写好以后，安卓手机可以使用，但是苹果手机长按没有一点反应，就去查找解决方法，找了很多，有说1、是存放二维码的页面，不要放多个；2、还有是说，放二维码的页面不能有position：fixed（固定定位）；3、是index.html页面meta缩放问题了；4、什么history模式了；5、什么在img父元素div加背景二维码图片了以上这些方法，除了第二种，其他都已经尝试，没有达到效果。我的项目是，父组件里面调用了子组件，
2020-06-01 00:10:31
1693
1
原创 vue npm run build打包报错Error: EPERM: operation not permitted, mkdir
打包时，发现出现了这个问题：查了以后发现是因为，xftp文件传输的里面打开了dist这个文件夹，但是要打包的时候，dist肯定会重新生成，所以相当于正在占用，以至于权限不允许，将xftp里面打开dist的路径关闭就好啦~...
2020-05-29 23:57:51
2557
原创 vue 微信公众号存入localStorage里面openid，取出来为空或者没有，
最近做项目是，因为某些原因修改了域名，之前域名是http开头的，后来改成了https，接着就发生了一系列问题，首先简单的是请求接口链接变了，换了一拨；后续突然出现用户信息为空了（请求用户信息的接口没有返回信息），一些列排查以后，才发现是因为请求用户信息接口时，openid为null或者undefined，或者用了其他公众号的openid，以至于接口报错。但是让其他用户有的测，发现有的用户是这样的问题，有的没有问题，最后定位到是ios系统存在这样的问题。然后就顺着openid的线索一步步联调，发现刚进
2020-05-29 23:49:51
2155
原创 微信小程序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
719
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
2622
原创 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
1670
原创 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
3495
7
原创 vue input标签实时触发修改为一秒没有信息输入才触发事件
想要事件实时触发，但是键盘操作就一直在触发，比较影响性能，所以就需要设置定时器，在每次输入的时候，都清除这个定时器，只有在一秒盘内没有任何输入操作的时候，这个定时器才会生效。代码如下：1、template中定义的input输入框<input type="text" class="predict_score" v-model="score" maxlength="3" ...
2020-04-25 19:10:44
1460
原创 vue npm run build打包没反应
一直这样，没有反应，找了半天发现需要改变如下的文件：build文件夹下的check-version.js，需要注释下如下的代码：build-->check-version.js然后再打包执行npm run build就可以啦...
2020-04-19 11:06:46
3286
原创 betterScroll滚动遇到图片，滚动位置不对
正常情况下页面获取数据后 执行this.$nextTick(）进行刷新就可以了。但是有时候页面上会有图片，导致还没有滚动到底部就不滚动了，刚开始还以为是自己代码写错了，检查了半天，也没发现代码的问题，最后网上找了挺多办法，才发现，图片则是异步加载的，总是在页面其他数据显示之后才出来。也就是说：scrollerHeight属性是根据在Better-Scroll的content中的子组件的高度...
2020-04-11 17:57:57
840
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
11949
9
原创 pycharm安装完打不开了
之前电脑安装过pycharm，是使用破解工具的，所以C盘里面，会生成一个关于pycharm的配置文件啥的（不是pycharm安装目录，只是在C盘生成的），如下后来申请了教育账号，就直接卸载了之前的，然后重新下载了一个企业版， 然后激活方式采用了账号和密码登录。刚下载还可以打开，电脑关机以后，再打开电脑。准备用pycharm，结果点击转一圈没反应，或者直接没反应，采用网上各种方法，管理员...
2020-03-02 14:02:13
13419
21
原创 vue调用微信扫一扫功能
1、先引入js文件，然后在使用的页面导入npm install weixin-js-sdk --save2、配置域名（需要的信息有这么多，一般由后端给）切记：域名一定要备案，要不会有一堆问题3、 具体代码如下：（点击另一个页面的扫一扫按钮直接跳到这个vue页面）scan.vue文件代码如下：<template> <div class="scan...
2020-02-19 22:39:09
1991
4
原创 数据库和数据仓库的区别
数据库：传统的关系型数据库的主要应用，主要是基本的、日常的事务处理，主要应用是联机事务处理OLTP（on-line transaction processing），例如银行交易。数据仓库：数据仓库系统的主要应用主要是联机分析处理OLAP（On-Line Analytical Processing），支持复杂的分析操作，侧重决策支持，并且提供直观易懂的查询结果。举个最常见的例子，拿电商行业来说好了。基
2017-09-24 20:53:58
410
转载 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
233
原创 怎样判断一个整数是不是回文数？
首先说明一下回文数是什么，回文数就是将这个数反转之后，得到的数仍然是同一个数。例如：131，25352就是回文数。那么怎么判断一个数是不是回文数呢？有两种方法，第一种是数字翻转，即将整数翻转以后，看和原来一样吗，一样的话，就是回文数，反之则不是。第二种方法是：逐位判断，即取整数的最后一位和第一位比较，然后将左右两位删除，再进行取最后一位和第一位比较，如果想等，则是回文数；反之则不是。第一种：数字翻转
2017-09-11 19:47:12
8187
原创 用二分法查找出满足条件值的最大下标（满足条件的值有多个）
先理清思路：如果查询的值，有多个相同的时候，首先用二分法查出其中的一个，并将此值的索引值赋给一个临时变量（temp），然后在将查出来的数的索引值加一，继续向右查询下一个值的索引值，如果索引值存在的话，则再将查询出来的值，赋给temp，一直循环，直至最后，将temp输出；如果索引值不存在的话，则将上一个的temp输出。下面看代码：public class BinarySearch{ publi
2017-09-11 15:10:44
1013
原创 Java编译出错
Eclipse在运行一个程序时，别人都可以运行正确，但是自己的就是找不到问题，代码和同学的一模一样，找遍了所有的问题原因，也解决不了问题，那就可以查看编译器的java的版本，通过window—>preferences–>在搜索框输入compiler–>查看右边Java的版本，如果过低的话，可能有一些方法没有。如下图所示：改成较高点版本的，再去看程序，应该是没有问题，可以运行的。如果还有问题的话，就不
2017-09-10 15:17:46
1256
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人