自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 安装Jmeter,配置jdk

4.执行jmeter.bat文件,然后就会出现小黑窗口和JMeter,如果关闭小黑窗口,JMeter也会关闭。在系统变量中新增加一个变量(JMETER_HOME),值为刚刚解压的地址。cmd命令 java -version 有了哈哈哈!目前我使用的是1.8的的,jmeter使用的是5.6.3。java的jdk和jmeter的版本相匹配!1.电脑-属性-高级系统设置-环境变量。别管,直接傻瓜式安装点点就完了...2.系统变量-新建-变量名设置为。打开隐藏文件和文件后缀!好了 jmeter官网。

2024-08-09 17:49:48 437

原创 h5项目使用vue,禁止微信分享

wechatshare方法是自己封装的,调用禁止分享时候需要等待微信返回的接口,所以有一瞬间可能会可以分享出去,使用onBridgeReady方法可以上来就禁止掉。

2024-03-20 15:06:45 530

原创 vue项目中代码混淆

h5项目中通过抓包拿到了项目内存放加密信息的密钥和一些跳转链接及其域名小程序id等。我们项目是老项目了基于vue2处理的,使用的是webpack-obfuscator。vue.config.js中配置 我们项目只在生产环境上添加的。webpack-obfuscator(使用这个)1. 看打包后的代码是否无法明文阅读的效果。打包后暴露出来的是明文代码,这样十分不友好。2.验证项目是否能正常运行,功能是否完整。建议使用代码混淆工具对代码做处理。安装后查看配置项是否有。如何测试是否混淆成功。

2024-03-07 10:25:14 1172

原创 日历组件vue2 + cavans海报

这里面是对封装的组件内部代码直接操作,因为之前是好多人封装的代码,传了个typeid=1,这样就代表是自己的组件了.要求带有补字的不能展示在海报中.所以对海报生成做了处理,隐藏左右按钮和补字样式,生成海报后在对图片做生成.需求:显示日历,可前后点击,并且当月之后的不可点击,生成打卡海报页.当月显示已打卡和可补卡。里面处理了对当月的右箭头隐藏变成分享按钮,并且点击分享按钮的时候前端生成海报.图片如下。封装成的组件,但是在组件内部操作。组件日历的方法js文件。在封装的组件直接操作。

2024-01-31 16:36:44 481

原创 转盘抽奖活动

2. 背景图是由后端返回的列表前端拼接而成 , 后端返回度数 , 奖品不是固定的 (原生为例)decodeURIComponent() 函数可把encodeuri的字符串作为进行解码。1. 背景图片设计出,前端写死 , 按钮写成图盘,点击触发转动事件 (插件为例子)encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。需求:h5页面设计排版大转盘样式的抽奖活动。

2024-01-29 10:55:33 294

原创 初始化项目,预加载图片

项目中难免会使用到图片,在移动端或者h5或者其他项目中,使用到的图片如果因为用户网络慢,或者服务器操作比较慢时,就是加载不出来,或者产生白屏现象.这时候我们需要考虑对图片的处理。

2024-01-05 17:59:52 423

原创 vue3中使用cropperjs、vuedraggable封装裁剪和拖拽图片

import simpleCropper from "../component/simpleCropper.vue" 引入封装的组件。"vuedraggable": "^4.1.0", "cropperjs": "^1.6.1", 这是所安装的依赖版本。这次所用需求是将vue2代码改为vue3 其中所用到的组件是裁剪和拖拽。裁剪图片首先安装所用到的插件。

2023-12-06 14:30:37 401

原创 使用wx-open-launch-weapp跳转小程序(vue中)

npm i weixin-js-sdk && npm i weixin-jsapi 项目中安装。http://res.wx.qq.com/open/js/jweixin-1.6.0.js 引入。此标签内容在浏览器和开发者工具都没办法显示,需要真机调试,或者放在测试环境下查看,注:样式的话可以根据代码自己调试,这里我在粘贴的我的项目中代码。1.已认证的服务号 服务号绑定js接口安全域名。首先要符合要求,才可以使用链接。2.已认证的非个人主体的小程序。

2023-12-06 10:57:07 1249 1

原创 vue项目使用线上字体包

4.项目中(我是单独的某个页面使用,如果全局使用,在mains挂载即可)开发项目中,因为对配置项要求高.因此字体包没有放在本地,使用的线上路径。想本地开发我们会在项目中的assets中放入.ttf字体包文件,在线上使用,我们要和后端配合好,对字体包放在后端库里。2.创建fontConfig.css文件,3.在项目的public中在放入字体包文件。1.assrts中放入字体包.ttf。

2023-12-05 12:01:14 389

原创 vue开发的h5项目真机调试

真机调试下看不到打印,安装Vconsole即可。

2023-11-22 14:47:47 168

原创 vue3中的pinia(大菠萝)

pinia中包含了 state:存放数据 getters:计算属性 actions:方法(可处理同/异步)src>创建store文件夹>创建××.js文件。和vue2中vuex用法类似。首先在项目中安装引入。main.js中挂载。

2023-11-22 11:21:14 152

原创 h5项目在浏览器下载文件(无需走借口)

【代码】h5项目在浏览器下载文件(无需走借口)

2023-11-10 15:54:28 551

原创 aes加解密

package.json中 "crypto-js": "^4.1.1"3.项目src中新建aes.js文件。使用到的插件是crypto-js。

2023-10-23 14:21:33 39

原创 下载.xlsx文件

downFileStream(res.data, '计划书统计报表.xlsx')接口的值传给自己封装的函数。后端接口返回的二进制数据。

2023-10-18 16:01:15 54

原创 格式化时间为年月日时分秒

iview组件中DatePicker组件要展示YYYY-MM-DD HH:mm:ss格式。时间格式化为YYYY-MM-DD HH:mm:ss格式。拿到的是标准时间转化成上述格式才能回显在表单中。标准时间可直接传入,其他格式可用数据包裹。

2023-10-18 15:18:09 130

原创 iview组件写在table中的switch

首先改了名字switch => i-switch。

2023-10-16 11:57:48 219

原创 h5使用 jssdk微信分享,ios分享内容为空,地址不正确,刷新第二次就正确了

2.wxapi.js中 调整newpath。vue尽量使用hash模式.3.router.js路由中。

2023-10-07 10:59:18 543 1

原创 vue项目h5的音视频播放ios安卓适配

vue项目中我只引入了原生的audio标签使用了play()方法,ios端不能自动播放。img是音乐图片和关闭音乐图片,mounted对音乐做监听处理。data中放入:isopenimg: true, // 音乐。audio便签src里面的是音频链接。

2023-09-28 11:42:12 318

原创 原生视频播放

上划滚动视频

2023-09-11 16:05:12 116

原创 手搓无缝轮播

imgWidth: 6, // 在这里填写你需要的图片宽度。start: null, // 自动执行下一张定的时器。imgShow: 0, // 表示当前显示的图片索引。flag: true, // 用来节流防止重复点击。leftVal: 0, // 轮播图盒子的偏移值。ition: 0.6, // 设置轮播图过度时间。

2023-08-07 14:11:20 104 1

原创 vue项目下载excel方法(.xlsx文件)以及导出

代码中发送请求接口。

2023-07-10 15:42:07 2875 1

原创 微信公众号

微信公众号和小程序的区别:所谓微信公众号,分为订阅号和服务号。个人只能申请订阅号,企业可以申请订阅号和服务号小程序的叫“微信开发开放平台”,公众号的叫“微信开发公众平台”。小程序:类似手机APP,独立开发,微信只是提供了一个入口。

2023-07-05 11:24:11 50

原创 Ts--中的其他

我们在写函数中会检查传入参数的类型,是否存在并匹配 . 就相当于一个约束,对参数个数类型要求好后 , 扩展的实例中都需要遵循他的原则,否则就不会被 " 连接 "进去,会报错。我的理解来说 : 就类似于水管子的接口 , 开始的水管子定义好了往后的接口的长短和大小,往下连接的必须使用开始的水管定义好的规格去向下相接才会连接...子类会继承父类所有的方法和属性,如果有自己的方法,要在新类中去扩展,子类添加和父类相同的方法会被覆盖掉(称为方法的重写).

2023-04-19 17:26:49 69

原创 ts初识.

属性后多余的可写[propName:string]:any 表示任意字符串的类型。1.string(字符串)2.number(数字)3.bollean(布尔)js中函数不考虑参数类型和个数,ts要求一一对应,对返回值也要有类型要求。10.any(任何值) 为任意值, 该变量关闭了ts类型检测。语法:(参数:类型,参数:类型,参数:类型...)=>返回值。语法: 类型[ ] | Array<类型> 表示数组数值。语法: 变量 as 类型 | <类型>变量。语法:{属性名:类型,属性名:类型}

2023-04-19 11:06:39 59

原创 ele的input输入框实现模糊查询

实例中给出了只能以第一个字搜索出来进行匹配,修改后模糊查询,对数据中包含的字段都显示出来.使用element ui中的组件只能匹配首字查询。

2022-11-09 11:55:46 1204

原创 vant 组件的表单校验

使用 :rules="XX" 定义校验的规则,对于手机号的校验。

2022-10-08 15:01:02 10156

原创 高德地图定位获取标记点

3.获取接口返回的经纬度转化为标记点。4.点击位置添加点标记,并显示信息。

2022-09-30 16:26:17 1986

原创 微信小程序web-view跳转

h5项目中跳转外部连接可使用的标签解决。

2022-09-26 13:59:28 4831

原创 关于Canvas

​ 是 HTML5 新增的,可以使用脚本JavaScript绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不一定简单)的动画,还可以进行实时视频处理和渲染.

2022-09-09 15:56:42 889

原创 高德地图隐藏删除logo

在我做过项目中应用到的高德地图,左下角会出现高德地图的logo或者版本号系列,隐藏掉只需要对样式修改即可;

2022-09-08 09:19:15 2387

原创 关于小白的前端对接口

进入公司后,当前端把页面骨架完成后,就到了和后端对接口的环节,总说对接口,实质是什么呢?

2022-09-06 14:37:32 1238

原创 购物车案例小总结

单选框需要使用来包裹住单个的对于项目中的购物车,以及微信小程序购物车逻辑的总结。使用的checkbox表单组件。

2022-09-02 14:04:42 2540

原创 vue中实现复制(购物车复制物流单号)

1.安装插件。2.需要使用的组件中import。3.添加需要复制的内容。4.添加点击后的方法。

2022-08-31 12:00:58 296

原创 解决vant中更改默认样式

vant内部样式修改

2022-08-23 13:58:43 7083

原创 vue2+vant适配750设计稿

vant组件在750设计稿中的缩小

2022-08-19 14:58:49 936

原创 小白初级面试问题总结---html.css部分

BFC规则,W3C标准,h5c3特性

2022-07-28 15:58:37 235

空空如也

空空如也

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

TA关注的人

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