- 博客(39)
- 收藏
- 关注
RSS订阅
原创 小程序直播间点赞向上随机飘动画
本片文章不涉及canvas动画实现技术 小程序关键帧动画从小程序基础库 2.9.0 开始支持一种更友好的动画创建方式，用于代替旧的 wx.createAnimation 。它具有更好的性能和更可控的接口。本人在爬坑的时候遇到了一个贝塞尔函数做的 canvas动画，但是该动画智能开启定时器，比较耗费资源，而且第一组动画不做完是做不了第二次的，opacity也不能改变于是我想到了wx.crea...
2020-04-10 09:10:30
1907
8
原创 sheet.js 将excel转化为html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-08-25 19:22:09
1626
原创 css压缩处理字体包文件
本文章参考问题我们在写样式的时候,经常会遇到ui给出的特殊字体, 我本人之前遇到这种情况通常都是让ui切图，然后压缩图片，这样对于一些相对与后管配置的动态元素实现困难解决字蛛中文字体自动化压缩工具。官方网站：http://font-spider.org特性轻巧：数 MB 的中文字体可被压成几十 KB简单：完全基于 CSS，无需 js 与服务端支持兼容：自动转码，支持 IE 与标准化的浏览器自然：文本支持选中、搜索、翻译、朗读、缩放原理字蛛通过分析本地 CSS 与 HTML 文件获取
2021-07-27 15:52:12
703
原创 antd-react 3.26.12版本Select选择器多选模式下，模糊搜索下拉框不展示输入的内容
出现问题mode="tags"时候， 下拉框会展示输入的内容解决方案： 将tags改为multiple
2021-06-25 14:20:39
809
原创 基于nodejs和码云webhook实现前端单项目自动化部署
node后台项目目录app.js这里需要一个child_process模块来帮助读取shell脚本var http = require('http')var process = require('child_process');const fs = require('fs');let options = { flags: 'a', // encoding: 'utf8', // utf8编码 } let stderr = fs.createWriteStream('./a.lo
2021-04-07 17:17:23
483
1
原创 下载npm私有包
当你的项目有私有npm包的时候，这时候就需要配置这些私有包的下载路径方法：找到用户目录下的.npmrc文件添加一下格式到文件中包名:registry=路径
2021-03-12 11:00:13
724
原创 md文档转化html文件
md文档编写使用Typaromd转化html 工具为i5ting_toc// 安装npm i i5ting_toc -g// 运行编译i5ting_toc -f XXXX.md生成的文件md文档转化后的html
2020-12-03 14:29:36
266
原创 小程序识别企业微信二维码功能
实现思路长按识别第一时间想到了wx.previewImage(Object object, boolean showmenu)在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。但是wx.previewImage长按只有保存图片，所以wx.previewImage行不通然后就想到了公众号文章可以长按识别，就测试了一下，可以识别企业微信的二维码经测试，用web-view 的url链接到有企业微信二维码图片的文章链接，长按识别就可以实现加好友功能...
2020-10-17 21:43:02
3320
原创 js当前时间到晚上23点59分59秒的倒计时功能
state = { time:'' };countDown = () => { function addZero(time) { return time < 10 ? "0" + time: time + ""; } let nightTime = new Date(new Date().toLocaleDateString()).getTime() +24 * 60 * 60 * 1000 -1); let newTime = new
2020-09-21 17:24:01
1210
原创 企业微信小程序 开发与调试步骤
1. 调用该函数 获取登录场景，判断是否从企业微信进入2. 然后依次调用 获取企业微信派发的临时登录凭证 与 检查是否过期的接口3. 然后根据 业务需求，进行相应的企业微信操作4. 调试 1. 可以用企业微信扫码登录 开发者工具的预览二维码调试 2. 在微信开发者工具中 工具 -> 插件 -> 拓展 中添加插件 企业微信小程序模拟器...
2020-09-18 11:11:09
1971
原创 求助：小程序webview加载confirm确认框的问题
遇到问题第一次进入页面点击：第一次点击确定之后 ，再次点击触发函数：以下是触发函数：需求是 统一成下面是取消和确定的弹窗 不要弹出关闭页面
2020-09-03 12:00:25
452
1
原创 ts学习日记1 AssertionError [ERR_ASSERTION]: Task function must be specified
在跟着ts官方教程构建的时候，发现在Browserify的地方gulp出现了错误Browserify 是让我们把这个工程由Node.js环境移到浏览器环境里的一个模块错误展示：换成这样就可以了：参考文献：https://www.cnblogs.com/murenziwei/p/10543765.html...
2020-08-29 10:17:27
789
原创 word文档转化html 工具mammoth
word文档转化html 工具mammoth一、下载mammothnpm install mammoth二、配置环境变量npm成功之后会有一个node_modules文件，将node_modules文件中的.bin文件路径引入环境变量中三、转化生成html文件mammoth document.docx output.htmldocument.docx 就是将要转化的word文档 放在根目录就行output.html 就是转化之后的html文件名...
2020-07-24 17:34:18
1775
1
原创 start value has mixed support, consider using flex-start instead
这里的错误主要是编译过程中 错误的使用flex布局解决方案：在vue css 代码中看看是否使用了align-items: start;将其改为align-items: flex-start; 就行了
2020-07-14 18:28:51
5216
3
原创 css动态一键换肤
思路： 设置变量:root { --skin: red;}引用变量.border-color { border-color: var(--skin) !important;}修改变量document.documentElement.style.setProperty("--skin","yellow")
2020-07-02 16:42:46
525
原创 小程序live-pusher与live-player网络断开监听以及恢复推拉流
主播端监听异常以及恢复live-pusher <live-pusher id="pusher" url="{{pushURL}}" mode="{{pushMode}}" bindstatechange="statechange" beauty="{{magic}}" whiteness="{{magic}}" enable-mic="{{isEnableMic}}" /> onLoad: function (options) { // 创建 live-pusher 上下文
2020-06-01 16:24:12
2720
原创 Node.js Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client
问题出现在请求拦截解析token的时候如果出现两次给前端相应，就会报这个错误请检查 app.all 与app.use是否同时调用// 引入 express 框架const express = require('express')// 引入jsonwebtoken token工具const jwt = require("jsonwebtoken");// 登录路由var Login = require('./pages/login/login')// 博客路由var Blog = req
2020-05-31 16:46:03
1186
原创 小程序直播小窗picture-in-picture-mode部分机型不显示问题
遇到问题的基础库2.11.0，2.10.3机型 华为p20pro iPhone XR等部分手机 小程序直播小窗picture-in-picture-mode部分机型不显示调整，更换基础库
2020-05-27 14:05:00
1981
原创 go语言操作mongoDB之mgo
首先，先引入下载好的mgo包import ( "fmt" "gopkg.in/mgo.v2" "gopkg.in/mgo.v2/bson")type Person struct { Name string Phone string}func main() { //数据库操作 session, err := mgo.Dial("localhost") if err != nil { panic(err) } defer session.Close() session.SetM
2020-05-27 10:14:39
303
原创 小程序canvas绘制图片不拉伸且居中
1.先获取图片的原始宽高wx.getImageInfo（）就可以拿到图片的原始宽高注意：以下该模式处于 mode: ‘aspectFill’ 状态下进行宽等于高的图片按照ui图设计 写死就可以了，不存在拉伸问题宽大于高的图片按照ui图 写死图片宽度，left = (canvas画布的宽度 - 图片宽度) / 2 ，高大于宽的图片按照ui图 写死图片高度，left = (canvas画布的宽度 - 图片高度/原图片宽高比) / 2...
2020-05-26 22:53:57
1199
原创 小程序video全屏不拉伸显示并展示页面按钮
object-fit当视频大小与 video 容器大小不一致时，视频的表现形式当时fill时，手机型号不同会出现画面拉伸情况目前我用的是object-fit=‘cover’
2020-05-07 10:33:04
1138
原创 小程序订阅消息
小程序订阅消息wx.requestSubscribeMessage()最近研发了一款直播小程序，需用用户开通订阅消息，一开始放在关注主播的时候，这样明显浪费性能，最后谈论了一下，放在了用户离开直播间的时候，弹出requestSubscribeMessage自带提示框，如果不勾选下边的选项就是一次订阅消息，下次还会弹出，如果勾选了之后下次就不再会提示模态框注意开启这个参数之后，可以看到订阅授...
2020-03-31 11:45:35
779
原创 小程序面试题
1.你有接触过canvas画布吗，讲讲canvas的作用2.请你简述一下小程序的生命周期3.请你简述一下小程序的双向数据绑定与vue的双向数据绑定的区别4.小程你对序的双向数据绑定是同步的还是异步的5.你有接触过小程序直播这块吗6.你有接触过第三方服务吗，比如七牛云图片上传，即时通讯等7.请你讲一下如何解决小程序请求嵌套次数过多的问题8.请你将一下小程序的分包9.你有用过小程序的第...
2020-03-17 19:51:07
313
原创 解决小程序input点击完成按钮时触发事件过多的问题
问题 当hold-keyboard为true时，键盘无法收起，这个时候就可以快速点击发送按钮，触发多次bindconfirm事件问题场景：向聊天室发送消息时，发送了清空了输入框，后来测试发现，快速多次点击bindconfirm绑定的事件，会触发很多次解决方案:设置一个锁（变量），当这个变量是0的时候 发送， 发送之前让变量=1，清空消息之后 再把锁打开，也就是变量在设置回0...
2020-03-14 23:03:33
1395
原创 小程序循环请求导致列表不正常
最近在做小程序直播开发，再接入商城的时候，发现商品数据 老是乱，但是我检查下数组排序是正确的，问题原因，因为使用的小程序的request请求，是异步的，所以导致第二条数据 比 第一条数据 来的快 就会导致第二条数据跑到了第一个位置解决方案： 再for循环中 不使用小程序的request 请求，讲request请求封装成promise然后 用async与 await进行修饰，这样就不会再乱了...
2020-03-05 12:15:34
552
原创 小程序Cannot read property 'elem' of undefined
最近在做直播回放功能 用到了video 标签，但是莫名其妙出现了一些错误Cannot read property ‘elem’ of undefined解决方案： 基础库2.10.1的问题，换成别的基础库就可以了...
2020-03-01 13:00:39
2163
2
原创 Cannot read property 'concat' of undefined
在小程序操作数组中 遇到了Cannot read property ‘concat’ of undefined这个错误let obj = { "goodsId": goodsId, "platformId": platformId}// 在这里提示我 concat of undefinedlet arr = this.data.goodsIdList.concat(JSON.str...
2020-02-26 16:12:37
8007
4
原创 小程序上传图片到七牛(3坑) 亲测有效的方法
坑1七牛的JavaScript SDK按照官方文档的说明，上传文件应该是qiniu.upload，此坑非常大，小程序尽量不要选择他// 我在这里将一大堆参数填好之后，报了一个错误，详细看图片var observable = qiniu.upload(file, key, token, putExtra, config)var subscription = observable.subsc...
2020-02-23 01:34:52
1150
1
原创 小程序即时通讯聊天数组
在小程序中双向数据绑定是 this.setData()，而极光的即时通讯是发送的api返回发送成功的消息体，监听消息监听聊天室的消息，两个api 要同时保存到一个数组中，这时候需要往数组追加数据，之前的数据也不能丢解决方案let obj = { name: data.content.msg_body.name, sender: data.content.msg_body.sender}...
2020-02-21 12:39:30
333
原创 小程序接入极光SDK即时通讯大概流程
我将SDK的初始化和登录放在了app.js中具体：初始化 JMessage#init()登录JMessage#login()之后就可以加入聊天室，发送消息，监听消息了大概流程：进入聊天室JMessage#enterChatroom ()聊天室发送文本消息JMessage#sendChatroomMsg()聊天室消息监听JMessage#onRoomMsg(fn)注意聊天室消...
2020-02-19 09:53:31
2437
2
原创 小程序体验版app.js无法正常请求数据的问题
我发现在真机和开发者工具都可以正常调试解决： 在体验版开启调试模式操作： 点击体验版右上角三个小圆点，会弹出一个模态框，点击开启调试就可以了...
2020-02-19 09:36:44
559
原创 IDE service port disabled. To use CLI Call, open IDE -> Settings -> Security Settings
在uni-app打包生成小程序时候报错解决方案：
2020-01-06 18:57:03
5605
2
原创 新电脑快速搭建vue脚手架
换了台新电脑，快速搭建一下vue-ui安装配置node安装配置node下载安装node；一路next，遇到以下界面选择Add to PATH；window+r 输入cmd 打开黑窗口 输入node -v 与 npm -v检查是否安装成功npm i -g @vue/clivue ui 就可以打开界面了...
2020-01-05 09:42:30
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人