- 博客(21)
- 收藏
- 关注
RSS订阅原创 添加域名路由访问项目404
关闭所有miss路由后排查到因为应用设置文件中配置了默认应用【图1-3】，所以访问域名的时候并没有正确的访问到域名路由配置的项目，而是自动访问到了设置的默认应用的项目下。问题 ：点击域名后没有正常访问到项目，展示的是404页面，没有报错信息，因为只在各个项目路由文件中设置的miss路由才有404页面，如【图1-2】。操作 ：在app的统计目录下创建了route文件夹，并配置了路由执行要访问的页面，如【图1-1】。需求 ：需要使用域名能直接访问到一个可以正常访问的项目。
2022-11-24 11:05:50
710
1
原创 解决GitLab web钩子无法成功执行phphook文件问题
搭建gitlab自动部署时，添加完web钩子和项目中的hook文件后，测试执行，显示200成功。但是实际项目代码中并未更新。但是在服务端，通过PHP去执行hook.php，能成功拉取代码。
2022-11-09 10:12:45
439
原创 TP6模板渲染访问报错 Driver [Think] not supported. 解决方法
Thinkphp 新版（6.0版本开始）不再内置 think-template 模板引擎，如果需要使用ThinkPHP 官方模板引擎，需要单独安装 think-view 模板引擎驱动扩展 。
2022-11-02 14:40:29
1009
原创 微信小程序播放背景音乐（wx.createInnerAudioContext）
官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html。功能依托于微信小程序内置的 wx.createInnerAudioContext() 方法，相关更多方式使用可参考官方文档。业务脚本js使用举例。
2022-09-14 17:07:12
952
原创 阿里云图片拼接指定尺寸
动态渲染阿里云图片资源时，进入页面图片加载缓慢出现刚进入为灰色状态，原因由于阿里云OSS内储存的图片资源尺寸较大导致的，所以可使用拼接参数方式限制图片大小，减少图片体量，从而增加图片加载速度。...
2022-06-15 11:53:44
1114
1
原创 小程序内使用web-view组件嵌套H5页面,当H5页面更换了内容后，小程序里的h5页面不更新问题处理
小程序内使用web-view组件嵌套H5页面，当H5页面更换了内容后，小程序里的h5页面不更新问题处理这个问题是由于小程序缓存了H5的内容造成的，可以在H5链接后面拼接个参数，加上时间戳可做用于H5的版本号，这样每次访问都可以全新的链接展示内容避免缓存，代码如下wxml：<view> <web-view src="{{src}}"></web-view></view>js：Page({ data: { src: `https://
2022-05-13 09:55:31
1898
原创 微信小程序web-view环境下H5跳转小程序页面方法
web-view页面内的H5页面跳转至小程序页面一般的，web-view组件的src属性指定的H5页面之间，可以正常的采用超级链接a标记对进行页面之间的条转。但是web-view页面要想通过手指触碰返回小程序页面，就无法使用超级链接a标记了。那么这个问题应该如何解决呢？1、在H5页面引入JSSDK首先需要在H5页面中引入JSSDK，它可以让H5页面的js文件执行微信小程序的部分API命令。H5页面引入JSSDK的代码如下所示。<script src="https://res.wx.qq.com
2022-05-13 09:29:45
8737
12
原创 ts&3.0&3.x cocos实现九宫格/跑马灯抽奖
项目场景：实现九空格/跑马灯抽奖效果面板设置:代码：import { _decorator, Component, Node, SpriteFrame } from 'cc';const { ccclass, property } = _decorator;@ccclass('drawPage')export class drawPage extends Component { @property([Node]) ...
2022-03-16 14:55:12
1073
原创 纯js实现h5复制粘贴的功能
项目场景：项目经常会出现复制粘贴,拷贝一段文字/手机号/兑换码,每次重新写比较麻烦,记录一下,方便以后调用解决方案： webCopyString(str: string) { var input = str + ''; const el = document.createElement('input'); el.value = input; el.setAttribute('readonly', ''); el.
2022-03-16 14:35:48
936
原创 CSS图片旋转/暂停后保持旋转状态(音乐播放常用)
项目场景：通常h5项目中的音乐图标会有旋转动画,我们需要进行暂停播放,展示对应的旋转动画问题描述通常的做法,创建旋转动画,暂停的时候移除toggleAudioAni类名,达到暂停的效果,但是会存在一个问题,旋转角度会立马转到0,体验效果非常差@-webkit-keyframes audio_icon { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
2022-03-16 11:23:15
1469
原创 苹果/ios系统手机 获取不到window.innerHeight/window.innerWidth
解决办法:1.获取宽高放到window.onLoad = function(){const H = window.innerHeight;const W = window.innerWidth;}2.使用document.body.clientWidth/document.body.clientHeight代替
2022-01-31 13:25:46
2954
原创 解决H5页面开发时iPhoneX手机底部和侧面白边问题。
//在meta viewport标签里添加如下属性:viewport-fit=cover;//例:<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />问题如图：
2022-01-18 21:50:02
963
原创 解决gif图在小程序的webview长按转发不是动图的问题(安卓手机)
经过调研发现这是小程序/安卓手机的bug,目前得到的消息是正在修改,目前给出的解决方案是利用wxsdkjs中的api方法 wx.previewImage({ current: data.data.image, // 当前显示图片的http链接 urls: imgArr // 需要预览的图片http链接列表 })达到的效果,用户点击触发previewImage 图片会被微信浏览器放大,这时候就可以长按分享转发了...
2021-12-28 11:08:13
1818
原创 解决H5项目微信浏览器安卓系统无法自动播放背景音乐的问题
背景制作的H5项目，使用vedio标签，利用wx.getNetworkType来自动播放背景音乐。但是安卓的vedio自动播放被微信浏览器限制了。解决方案采用web vedio api细节解释：web vedio api MDN伸手/** * @author ccbbs * @file 解决安卓webview自动播放背景音乐的问题 */function BGMAutoPlayMgr/* solveAndroidBGMAutoplay */(url) { this.audioC
2021-12-23 09:23:10
5842
22
原创 tp6中如何使用json字符串作为MySQL查询条件
背景：数据表中有一个字段err_info存的是json字符串，现在需要根据接口传过来的参数（json数据）作为条件去查询数据。接口参数类似下面这种结构{ "id":1, "sid":2, "img":"xxxx", "num":3, "diy":"9999", "pri":86, "spec":{ "colour": "1", "word": "7", "img": .
2021-12-19 22:46:58
2176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人