自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 博客摘录「 Pinia的简单使用」2023年8月23日

useStore。

2024-01-02 15:13:49 415

原创 css(animate.css)动画在浏览器中失效

css动画在浏览器中失效

2023-07-05 11:16:29 694 2

原创 uniapp 云打包安卓详细步骤

复制路径,打开cmd,键入 C:\Program Files\Java\jdk-1.8\bin\keytool.exe -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore,然后就运行成功了。keytool所在位置在jdk安装路径下的bin目录,jdk的默认安装路径是。'keytool' 不是内部或外部命令,也不是可运行的程序。注意:我在 执行这一步时,报keytool错。

2023-05-16 17:24:56 384 1

原创 解决 error:0308010C:digital envelope routines::unsupported 报错

出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成影响。1.增加package.json配置 set NODE_OPTIONS=--openssl-legacy-provider。我使用的是node v18.14.0版本 导致报错。卸载当前node,重装指定版本node。解决办法:(方便快捷)2.重装node版,

2023-04-23 13:48:21 953 2

原创 HBuilderx 巨坑 之前没问题 重新拉了线上项目 上传报主包超过限制

Error: 分包大小超过限制,main package source size 4199KB exceed max limit 2MB [20221008 16:08:06][wx432abdb518bdc1eb]根本没法上传,就像下面一样。

2023-03-10 16:17:03 462

原创 H5跳转小程序

H5跳转小程序

2023-02-22 13:30:18 441

原创 解决antd Table组件selectedRows翻页后不保留上一页已选中items

antd官方组件的onChange方法在分页重新加载数据的时候,会将selectedRows清空,所以不使用onChange的方案操作selectedRows数据,而是使用其他事件onSelect和onSelectAll来进行修改,selectedRowKeys是可以正常使用的,所以不用做修改下面是处理的方式<a-table :columns="columns" :pagination="ipagination" :data-source="d.

2022-05-16 10:34:11 2601

原创 记录常用正则表达式(亲测,有用)

1、/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/:大于等于0的正数2、/(^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[ADF])|([ADF]([A-HJ-NP-Z0-9])[0-9]{4}))$)|(^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$)/:车牌号,包

2022-04-11 16:58:13 357

原创 get请求把参数放body传输

get请求不能把参数放body传输,浏览器不支持

2022-03-22 15:30:07 2197 3

原创 微信小程序跳转公众号链接

小程序跳转微信公众号文章,是通过web-view实现的。1.web-view会默认自动打开所跳转的页面,但我们一般项目需求是点击某一按钮或下一步进行跳转,所以在小程序中我们需要新建一个页面来承载web-view在页面点击按钮后跳转至承载页面,就可打开公众号页面...

2021-10-12 11:02:18 4438 4

原创 小程序 苹果 X,XR等机型 小黑条适配

问题:小程序底部的自定义tabBar,是用的小程序官方custom-tab-bar 组件。xr等机型下,因为有小黑条,去预约区域会被遮挡住。在其他机型下是可以正常显示的。xr机型下:其他机型下:解决方法:使用微信官方API,getSystemInfo()中的safeArea对象进行适配safeArea参数详情:1.通过getSystemInfo方法获取到screenHeight和safeArea.bottom 参数,然后两数相减,即获取底部多出的高度。 wx.getS...

2021-09-13 15:23:34 439

原创 微信小程序中使用icon

一、挑选icon,生成文件1、打开阿里iconhttps://www.iconfont.cn/选中图标 ,添加至购物车2.将项目下载到本地3.下载文件的目录结构二、转换ttf文件(原因:小程序的wxss文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64,然后引用。进入https://transfonter.org/平台 点击Add fonts,添加iconfont.ttf 3....

2021-09-09 17:47:04 4137

原创 微信自定义tabBar层级z-index修改

需求:遮罩层要遮住底部tabbar;解决方案:使用小程序自定义tabBar,参考链接如下:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html修改index.html,index.css,将cover-view 替换成view,cover-image替换成image。这样就可以修改z-index了。因为cover-view和cover-image的层级特别高,之前试了各种方法,都无法改

2021-08-20 11:25:11 1238

原创 微信小程序自定义tabBar详解

该篇文章自定义小程序tabBar,是下载的官方例子进行合并的;官方例子下载:官方案例下载案例目录:1、将custom-tab-bar 组件放到根目录下(一定要放在根目录下)2、在custom-tab-bar中的index.js下,配置相关参数3.同样的,在app.json 中也要配置相关参数,同时将custom设置为true4、再将放入下面的方法放入onShow方法中,修改selecetd参数下标至此,就就算完成啦!...

2021-07-09 16:13:52 572

转载 vscode常用插件

点击扩展按钮(红色箭头所指)即会出现插件列表,点击install,即可安装.当你不需要某个插件时只需要进入扩展,点击对应插件右下角的齿轮按钮即可选择禁用或卸载该插件。2. 前端常用插件 (ps: 必备 > 推荐 > 了解) 必备的一定要装, 推荐的看自己需要, 了解的可不装 !!!1.Auto Close Tag (必备)  自动闭合HTML/XML标签2.Auto Rename Tag(必备)  自动完成另一侧标签的同步修改...

2021-07-05 18:01:56 518

原创 搭建vue-cli3+webpack环境(一)

首先确保有相关环境;条件:node,npm;node安装:https://www.cnblogs.com/zwjphp/p/14123746.html;npm 安装:https://www.jianshu.com/p/1ab15a647e83;1、检查一下vue的版本;命令:vue -v; 如果已经安装过vue-cli (1.x 或 2.x),则先删除:npm uninstall vue-cli -g2、安装全局安装 npm install -g @vu...

2021-07-05 17:07:51 290

原创 小程序地图多点标记 marker

记录如何设置小程序多点标记,从标记点跳转到详情页面,以及中途遇到的问题;标点数据从后台获取,先上完整的代码;xml:<map id="myMap" markers="{{markers}}" show-location include-points="{{markers}}" bindmarkertap="toaddress" bindcallouttap="toaddress" wx:if="{{

2020-11-19 18:52:11 2644

转载 webpack搭建pixi.js开发环境

本文介绍怎么使用webpack4搭建pixi.js游戏的开发环境,怎么配置babel优化代码(tree shake)、混淆代码、合并代码、并最终将ES6+转换为ES5,怎么优化图片资源并最终发布项目。前提需要会简单使用nodejs,了解package.json,会简单使用npm init,npm install,npm run命令。 需要稍微了解webpack。 需要有goo...

2020-04-23 12:13:30 789

原创 canvas 绘制圆角矩形的方法

fillRoundRect(imageCanvas, 0, 0, 300, 400, 5, 'rgba(255,255,255,1)');function fillRoundRect(cxt, x, y, width, height, radius, /*optional*/ fillColor) { //圆的直径必然要小于矩形的宽高 ...

2019-08-13 17:25:13 2969

原创 小程序中识别二维码的问题

1、小程序里是没法识别除了该小程序的二维码图片以外的图片。2、识别图片时,可以使用previewImage,预览图片识别。

2019-05-15 17:43:17 4056

原创 小程序如何访问外部链接

个人类型和海外类型的小程序不支持 web-view标签也就是说个人申请的小程序,就别想跳转了!!!!1. index.wxml (按钮页面)<view class='wrapper'> <button class='wepay' bindtap='goBaidu'>点击跳转</button> </view>2.o...

2019-05-15 17:38:40 3773

原创 英德小程序遇到的困难以及解决

1.在小程序中打开地图;wx.openLocation({ //需要打开地址的经纬度 latitude: 24.29702, longitude: 113.40639, scale: 17, // 缩放比例 }) 2、在小程序中打开拨打电话 wx.makePhoneCall({ phoneNumber: 150...

2019-05-15 17:22:55 153

原创 对上传图片进行的压缩

代码:html代码: &lt;div class="img-pro" id="img-pro" &gt; &lt;img id="pic" src="img/up-logo.png" onclick="return false"&gt; &lt;input id

2019-03-18 16:25:54 349

原创 echarts

1、引入echarts插件 &lt;script src="echarts.min.js"&gt;&lt;/script&gt;2、在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。 &lt;div id="main" style="width: 600px;height:400px;"&gt;&lt;/div&gt;3、使用echarts.i

2019-02-21 10:23:29 142

原创 js、css 阻塞dom解析,以及项目中遇到的一些问题

先上图,1, 不会阻塞 DOM 的解析,但会阻塞 DOM 渲染。2,JS 阻塞 DOM 解析,但浏览器会"偷看"DOM,预先下载相关资源。3,浏览器遇到 &lt;script&gt;且没有 defer 或 async 属性的 标签时,会触发页面渲染,因而如果前面 CSS 资源尚未加载完毕时,浏览器会等待它加载完毕在执行脚本。so   &lt;script&gt;最好放底部,&l...

2018-12-25 12:25:38 430

原创 小白上班这么久遇到的一些坑

上班也有那么几个月了,虽然都是在做一些比较小的微信端的一些项目,并不太难。然后并不妨碍我抓狂的心情,以前没怎么接触过微信的前端,如果要强行拉点关系的话,只能说以前毕设的时候用java写过微信的公众号了。下面就写写我遇到过的坑。1、起初每次在本地调好代码,放到放到服务器,页面整体都会往下面压,原因是微信的头部要占50px的像素。解决方法:每次都上调50px,就行。2、自动播放音乐co

2017-11-14 11:36:15 165

空空如也

空空如也

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

TA关注的人

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