- 博客(166)
- 收藏
- 关注
RSS订阅原创 vue2用vant的van-pull-refresh实现上拉加载、下拉刷新
【代码】vue2用vant的van-pull-refresh实现上拉加载、下拉刷新。
2024-05-24 11:30:55
40
转载 前端使用 safari浏览器（不仅仅是safari浏览器Firefox也发现了）时无法通过window.open打开新的窗口
Safari中无法open新窗口，原因是Safari的安全机制将其阻止，一些异步操作，比如ajax回调里面执行window.open就会失效，原因是代码自己自动执行的，被IOS的安全机制拦截！解决方案：把打开链接的操作放到setTimeout里运行即可，因为setTimeout是在主线程运行的，因此该操作不会被浏览器认定为代码操作的，所以不会拦截。原因：最开始的时候我以为是苹果设备的原因 因为使用手机ipad都不能打开，后来查了资料说是浏览器的原因找到了如下的解释以及解决方案。
2024-05-16 15:57:15
5
转载 ios中嵌套h5做的app，长按图片默认会有放大效果；如何禁止
ios中嵌套h5做的app，长按图片默认会有放大效果；如何禁止：img { -webkit-touch-callout: none;
2024-04-22 16:27:42
43
1
转载 charles https请求是unknow问题
2、 手机浏览器输入chls.pro/ssl安装证书（通用->描述文文件与设备管理->选中Charles证书安装），安装好之后要设置信任该证书（通用->关于本机->设置信任该证书）,不然抓包仍然会显示unknown类型。1、打开Charles, 点击Help->SSL Proxying->Install Charles Root Certificate，安装后去钥匙串中允许Charles的证书始终信任。打开Charles客户端，点击Proxy->Proxy Settings菜单，设置默认端口8888。
2024-03-16 12:52:15
1208
1
转载 getActivePinia was called with no active Pinia. Did you forget to install pinia
外部js文件中调用pinia时，报错getActivePinia was called with no active Pinia. Did you forget to install pinia？分析原因：是pinia在main.js中还未注册好，便在其他文件中使用了它。在src/configs/permission.js中使用pinia。src/stores/index.js文件。src/stores/user.js文件。main.js中注册pinia。
2024-03-14 14:57:24
452
转载 当在js文件里引入pinia时报错：Uncaught Error: []: getActivePinia was called with no active Pinia
https://www.cnblogs.com/goloving/p/17561209.html
2024-03-14 09:42:30
25
原创 vant的tabs组件使用router-view后,页面mounted钩子函数重复调用问题
解决方案: 写在tabs下面就行。这样写会导致路由重复走两次。
2024-03-13 00:15:19
347
转载 vue使用--tabs切换重复触发事件
解决方案：增加 v-if=“activeKey === pane.key” 判断，不是切换的key不渲染。tab越多，点击切换tab时，触发的次数越多，如果在里面渲染组件，会造成组件多次执行生命周期。
2024-03-12 22:05:40
134
转载 H5项目中 ios的border不显示问题
在开发H5项目过程中，发现先天如果用border，在安卓正常显示，苹果则显示不出来。解决方法：遇到需要用border写的线，最少要给2px。原因是border给0.01rem（1px）H5项目中 ios的border不显示问题。
2024-03-09 11:00:55
74
原创 移动端1px问题，使用vant配合rem后需要处理成1.5px或者2，3，等等，不然ios上显示不出来1px的边框
table的td样式，需要设置成1.5px，手机上才会显示出边框，不然不显示边框。
2024-03-04 18:08:42
415
转载 【css js vue】超详细！！实现 tab菜单 动态滑动效果
重点是，需要用到CSS的positon:absolute为滑动门固定位置，每切换一次菜单，都会调整div的左边的间距。比如当我点击第一个菜单，这个滑动门的左间距是100px，点击第二个菜单，间距变成了200px，依此类推。需要把 滑动门的z-index设置的靠屏幕里，flexbox的z-index设置的靠屏幕外。上面这是我做的效果图，在查找了一些资料之后，发现实现起来并没有特别的麻烦，但是对于我这种CSS学的不是很好的人，前期看起来还是有点懵的，所以写篇文章记录下我最终实现的效果。
2024-03-04 12:41:44
301
转载 npm link Hot Module Replacement 方案
由于npm link利用的是操作系统的 ln -s source target 软连接，无法热更新，这就没搞头了了，没有热更新我还 link毛线呢。假如你在开发一个vue第三方包，假定命名package，我们使用npm link方式，这样可以，在主要项目project引用时，package可以独立快速开发，不和project耦合。安装webpack插件 yalc-watch-webpack-plugin，这个插件的作用就是利用webpack hook:watchRun，在更新时调用yalc push。
2024-02-20 14:06:54
64
转载 Vite执行npm run serve后浏览器报Cannot GET /
最后通过官方文档发现，vite preview 实际上只是帮我们开启了一个静态 Web 服务器，并没有构建项目。查看了 package.json 文件中的 scripts，运行 npm run serve 执行的是 vite preview.在使用 Vite 时，想像以前执行 npm run serve 一样，查看生产环境的应用。在执行后并未发现异常，但在浏览器访问时，显示 Cannot GET /，说是找不到根目录。在网上查找解决方案，发现并没有结果。可能是还没有人踩到这个坑。
2024-01-31 00:16:39
162
1
转载 架构-单一代码库-monorepo-pnpm-workspace：基本使用 / 一个代码仓库中包含了多个软件包（package）并进行开发
https://blog.csdn.net/snowball_li/article/details/129699389添加链接描述
2024-01-29 15:40:48
50
转载 Docker部署java项目（Dockerfile方式）
https://blog.csdn.net/zhabnghenglmm/article/details/124310381?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-124310381-blog-131378467.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=d
2024-01-29 10:53:41
51
转载 学之思开源考试系统部署至Centos7
然后将修改application-prod.yml中的datasource地址，这个application-prod.yml为生产环境的配置文件，修改数据库的密码，改成自己的。分别在\source\vue\xzs-student目录和source\vue\xzs-admin目录，执行前端打包命令。如果访问不了，可能是防火墙的原因，修改防火墙配置，直接百度，开放8000、3306、8001端口。管理员端访问地址为：http://ip:8000/admin。
2024-01-29 00:26:30
73
转载 获取客户端内网ip
解决方案：客户端应用发起请求时获取当前客户端ip,在请求头携带此ip给后端，则此时后端获取到的就是内网Ip。需求描述：应用部署在内网，后台接口部署在外网，这样在后台获取ip时就会导致获取的ip是客户端的外网Ip。
2024-01-24 22:27:39
37
转载 使用 SRI 解决 CDN 劫持
备注：crossorigin=“anonymous” 的作用是引入跨域脚本，在 HTML5 中有一种方式可以获取到跨域脚本的错误信息，首先跨域脚本的服务器必须通过 Access-Controll-Allow-Origin 头信息允许当前域名可以获取错误信息，然后是当前域名的 script 标签也必须声明支持跨域，也就是 crossorigin 属性。在 Web 开发中，使用 CDN 资源可以有效减少网络请求时间，但是使用 CDN 资源也存在一个问题，CDN 资源存在于第三方服务器，在安全性上并不完全可控。
2024-01-24 11:47:06
31
转载 大屏可视化的响应式处理，兼容高德地图
大屏上一般都会放地图，我这里使用的高德地图，发现高德地图被scale缩放后，与地图交互时的位置会错乱，比如点击地图某个位置，地图实际响应的是另一个位置；使用滚轮缩放地图时中心点也会偏移。高德地图是用canvas展示的，这个是在交互时获取鼠标位置的问题，在网上搜了一下地图scale后的点位偏差问题，试了些解决方案都无效。获取地图宽度，根据scale计算地图当前实际应该显示的宽高像素值，直接修改地图的宽高属性。将地图容器按照全局的scale再还原回去，位置偏移问题解决，但是地图显示较大。
2024-01-18 12:51:09
141
转载 Vue Mapbox-GL 在地图中增加图标、线条、标记点击弹窗、地图平移
最近正在搞Mapbox-GL地图的一系列东西，按照公司的需求，要做成离线地图（点击这里），然后要在地图的基础上进行增加图标标记，线条连接、弹窗等等需求。ok废话不多，往下看。四、再附上一些可能用到的方法。三、地图点击标记点弹窗。一、在地图上增加图标。最后，react版本。
2024-01-10 11:37:26
729
转载 wsl2 operation not supported on socket
Under WSL2 you may find your home or working directory mapped to something like /mnt/c/Users/username, which is a Windows filesystem not a linux filesystem. Windows filesystems dont support AF_UNIX sockets and consequently if you try to create one it fails
2024-01-03 18:30:49
49
转载 本地虚拟机让局域网内电脑访问
为了共享虚拟机，能让自己安装的虚拟机被其他局域网电脑访问，所以需要调整当前虚拟机和本机的网络。8、现在局域网其它机子则可以直接ping该虚拟机进行测试。安装的环境 ：VM 15 Pro CentOS7。
2024-01-02 10:15:03
375
转载 从外部访问本机vmware虚拟机的方法
那么如果想在本地局域网其他物理机上访问这台虚拟机的话，需要在本地powershell中输入如下命令（管理员权限运行powershell）此时就可以通过访问本地IP：172.16.1.23:1992 进行访问192.168.1.123:22 服务器了。然后可通过netsh interface portproxy show all 查看是否正常添加。本地（操作系统为windows 10）存在一个虚拟机，并开启了ssh（端口号：22），本地物理机IP假定为：172.16.1.23。
2024-01-02 10:07:39
144
转载 Python爬虫-使用PlayWright模拟百度登录
https://blog.csdn.net/saqin6255/article/details/130773699?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522169918392016800222811648%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=169918392016800222811648&biz_id=
2023-11-05 19:33:58
106
转载 Python爬虫-使用Selenium模拟百度登录
https://blog.csdn.net/saqin6255/article/details/130659046
2023-11-05 19:31:41
74
转载 selenium元素定位方式及常用操作
https://blog.csdn.net/weixin_65784341/article/details/128306506
2023-11-04 23:39:47
34
原创 driver.find_element()用法
driver.find_element()用于在Web页面中定位单个元素。它是Selenium WebDriver库中的。该方法接受一个定位器（locator）和一个值作为参数，用于指定要查找的元素。
2023-11-04 22:59:51
2859
3
转载 npm 报错 [email protected] install: `node-pre-gyp install --fallback-to-build --update-binary
❤ npm 报错 [email protected] install: `node-pre-gyp install --fallback-to-build --update-binary。
2023-11-03 08:17:25
1356
转载 npm ERR command failed npm command C:\WINDOWS\system32\cmd.exe /d /s /c node-gyp rebuild
右键计算机打开属性，分别点击高级系统配置、环境变量，在系统环境变量中选择Path，然后点击右下角的编辑，最终进入以下这个界面。3、cmd配置以来，输入npm config set python python3.8.0（python根据自己电脑的版本）。最后根据python在自己电脑上安装的位置进行配置，我的安装位置是在：F:\python310。6、在cmd窗口中输入node-gyp list，出现以下结果，则说明安装成功。5、在cmd命令窗口中输入python，如果出现以下结果则说明环境配置成功。
2023-11-02 08:54:24
1588
1
原创 post请求payload参数为对象列表时，前端应该这么发请求xhr
【代码】post请求payload参数为对象列表时，前端应该这么发请求xhr。
2023-10-30 10:54:01
298
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人