- 博客(33)
- 收藏
- 关注
RSS订阅
原创 uniapp 打开文件管理器上传(H5、微信小程序、android app三端)文件
【代码】uniapp 打开文件管理器上传(H5、微信小程序、android app三端)文件。
2023-12-07 16:38:16
1936
12
原创 vue项目打包部署到服务器上后页面404问题
当我们设置了mode为history时，当前端发送路径给服务端时，服务端根本就不认识省去#的url，所以返回给我们404，因为vue是单一页面所有的页面都在index.html中，vue是用js来切换页面的，具体的解释看vue官网。我使用的是宝塔面板，nginx服务器，在宝塔网站伪静态设置里添加此配置保存即可解决。
2021-11-24 15:23:12
12929
8
原创 科大讯飞语音合成Vue版教程
项目需求： 把文字转语音一. 去官网下载js版本demo放入src下面assets文件下:transcode.worker.js：/* * @Autor: lycheng * @Date: 2020-01-13 16:12:22 */(function(){ let minSampleRate = 22050 self.onmessage = function(e) { transcode.transToAudioData(e.data) } var..
2021-08-25 14:08:05
6568
3
原创 vue+科大讯飞语音听写功能(解决针对vue new Worker报错问题)
1. 需求: 做语音说话然后转换成文字2. 使用api: 科大讯飞语音听写3. 在vue项目中配置文件步骤4. 在配置完成后处理IatRecorder.js 里new Woeker()会报错的问题现在开始:第一步：我们到官方先下载个js版的demo，拿到IatRecorder.js和transcode.worker.js文件复制到src下面transcode.worker.js：// (function(){ self.onmessage = function(...
2021-08-21 13:28:27
8329
28
原创 微信小程序登录适配(2023年最新)
大概意思是登录api不会返回微信头像跟昵称了，现在默认返回灰色头像以及"微信用户"昵称，需要开发者加一个编辑个人信息的页面，需要注意的是最新更新"头像昵称填写能力"基础库2.21.0版本一下不支持需要开发者向下兼容。这里button获取头像跟input获取昵称标签，开发者可以根据自身小程序的登录逻辑做向下兼容版本的处理（比如基础库版本小于等于2.21.0那就隐藏这些标签走原先的逻辑就行）众所周知，微信小程序开发文档更新那不是一般的快，开发者都来不及去适配。其实很简单，上demo。demo 个人信息页。
2023-01-12 18:28:54
4153
原创 js 数组删除指定多个元素值的方法
let arr1 = [1,2,3,4,5,6]; let arr2 = [1,6] for(let k of arr2){ arr1 = arr1.filter(item => item !== k ); } consoleg.log(arr1); //[2,3,4,5]
2022-05-25 10:11:24
1012
原创 vue h5 自制弹幕效果
效果图：HTML:<div id="app"> <section class="content"> <!-- 弹幕盒子 --> <div class="bullet-chat"> <!-- 弹幕 --> <div class="dmGroup" v-for="(item,index) in d...
2022-03-17 11:13:17
1817
原创 uniapp微信小程序WebSocket聊天
data() { return { timeout: 10000, timeoutObj: null, socketOpen: false, } },methods: { openConnection() { // 打开连接 // uni.closeSocket(); // 确保已经关闭后再重新打开 uni.connectSocket({ url: 'wss://wyt.yuyok.com:2346', su.
2022-03-07 20:39:23
1141
原创 微信小程序添加插件
先登录微信公众平台进入小程序管理后台(如图):滚到底部点击设置:再点击第三方设置:点击插件管理右边的添加插件按钮:选中添加即可添加完成，最后查看添加插件的详情，把插件代码复制到小程序开发工具或者Hbuild小程序里...
2022-03-01 20:46:26
12495
1
原创 model-viewer(模型观察者)，可用于查看 Web 上的 3D 模型并与之交互
效果图:<!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"> &..
2021-12-28 11:19:08
4916
2
原创 css让页面整体呈现黑白色调
body { filter: grayscale(100%); -webkit-filter: grayscale(100%); //兼容chrome和safari和2013年后Opera -moz-filter: grayscale(100%); //兼容Firefox -ms-filter: grayscale(100%); //兼容IE、Edge -o-filter: grayscale(100%); //兼容2013.
2021-12-28 10:44:27
824
原创 javascript class类基础用法-01
//俗话说的好，用了js的class类之后，万物皆可new一个对象，我忘了new多少个对象了== //创建一个类函数 class UserInfo { //公共myName字段 myName = 'my name is 奥利给'; //私有实例字段(只有在UserInfo主体里调用该字段,别处调用会报错) //前面加上#号就为私有 #myPrivateName = 'my name is 私密.
2021-12-27 17:52:00
724
原创 uniapp微信小程序搜索关键词在列表中高亮效果
先看效果图:直接上代码:view片段:inputs是搜索关键词的值<view class="text" @click="gsClick(item,index)" v-for="(item,index) in 16" :key="index"> <rich-text :nodes="`${this.brightKeyword('百度有限公司',inputs)}`"></rich-text> </view>input事件:/.
2021-12-24 10:55:45
1304
原创 uni-app微信小程序封装一个request请求接口
在uniapp项目根目录里面新建一个文件 utils:再新建一个api.js://你的请求地址(线上或线下)const BASE_URL = 'https://www.baidu.com/'export const http = (options) => { return new Promise((resolve, reject) => { uni.request({ url: BASE_URL + options.url, method: options..
2021-12-22 11:19:19
1207
1
原创 在vue里面写一个js防抖函数(节流函数)
一般用于防止用户暴力点击，导致多次请求接口，效果是在一定时间内点击多次后只触发一次methods: {//防抖函数(节流函数) trans: (function() { let timer = null; return function() { clearTimeout(timer); timer = setTimeout(() => { //处理业务逻辑 console.log('触发了'.
2021-12-22 10:59:07
263
原创 uni-app微信小程序封装全局判断是否登录方法结合全局变量
新建的uniapp项目会有个app.vue文件，在此文件下onLaunch应用生命周期封装一个方法(把全局变量定义一下):注意：onLaunch应用生命周期只会触发一次<script> export default { //全局变量 globalData: { //用于判断用户是否登录(默认为否) userLogin: false, }, onLaunch: function() { console.log('App Launch') //..
2021-12-21 11:07:19
7796
1
原创 uniapp小程序自定义tabbar适配个别手机底部塌陷问题
原因场景：此处已塌陷解决方法：// 适配手机底部塌陷问题padding-bottom: env(safe-area-inset-bottom);完整css代码：.tabbars { position: fixed; z-index: 99; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; box
2021-11-17 17:50:47
1642
原创 uniapp微信小程序动态更新scroll-view标签的高度
onReady() { //精确动态计算轮播图高度 //自定义tabbar获取方法 uni.getSystemInfo({ success: res => { const query = uni.createSelectorQuery() query.select('.tabbars').boundingClientRect() query.exec(res1 => { this.scrollheight = res..
2021-11-17 17:41:06
707
原创 用js把百度经纬度转换成腾讯经纬度
// 百度坐标系转腾讯坐标 bMapToQQMap(lng, lat) { if (lng == null || lng == '' || lat == null || lat == '') return [lng, lat]; var x_pi = 3.14159265358979324; var x = parseFloat(lng) - 0.0065; var y = parseFloat(lat) - 0.006; var z = Math..
2021-11-17 17:29:13
691
原创 uniapp做微信小程序身份证识别功能(百度云身份证识别api)
html:<!-- 拍照识别 --> <uni-popup ref="photograph" type="center" :animation="false"> <view class="popup-content photographCenter" :style="'height: '+scrollheights+'px;box-sizing: border-box;border-radius:0'"> <uni-icons @c.
2021-10-08 11:50:41
1723
4
原创 js遍历出从某一年到最新年份
//获取到从那一年开始 this.smallYears = res.msg //获取当前时间 var date = new Date; this.nowYears = date.getFullYear() var Years = this.nowYears - this.smallYears var arrYear = []; for (var i = 0; i <= Y.
2021-09-25 10:23:53
606
原创 微信小程序web-view嵌入h5页面调用微信jssdk接口
业务需求：我需要用小程序web-view嵌入h5地图页面，然后点击h5页面导航功能调起小程序内置地图第一步: 现在你的h5项目导入或者链接式导入微信jssdkvue导入:npm install weixin-js-sdk --save连接式导入：http://res.wx.qq.com/open/js/jweixin-1.6.0.js然后，在需要的页面配置使用：此接口让后端封装好，直接去调用，注意: 看官网的解释: 确认url是页面完整的url(请在当前页面aler..
2021-09-09 14:34:42
4458
1
原创 JavaScript跳出多种双层循环方法
第一种: for循环for (let arr = 0; arr <= 20; arr++) { for (let i = 0; i <= arr; i++) { if (i == 6) { // 结束循环优化性能 return false; } } //最外层打印到5结束 console.log(arr);}第二种：新语法 forEach maplet allList1 = [ { arr: ['1','2','3']
2021-08-31 09:56:59
2446
1
原创 最新版微信小程序适配登录方案(uniapp开发)
<template> <view class="content"> <!-- 登录适配 --> <!-- 最新版登录方法 --> <button v-if="canIUseGetUserProfile" type='primary' lang="zh_CN" @tap="getUserProfile"> </butt.
2021-08-27 19:57:50
1511
4
原创 vue中keepAlive动态缓存方法
在项目中，会遇到列表页到详情页，然后回到列表页还停留在当前位置,退出列表页后取消页面缓存的需求，所以就用到了keepAlive动态缓存方法第一步：在路由里配置开启缓存:{ path: '/p/:id/:pinyin', name: 'Atlas', component: () => import('@/pages/atlas'), meta: { requiresAuth: false, title: '..
2021-08-21 13:51:45
2928
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人