- 博客(47)
- 收藏
- 关注
RSS订阅
原创 微信小程序报错Unhandled promise rejection TypeError: WebAssembly.instantiate():
报错信息TypeError: Cannot read property 'addEventListener' of undefinedVM336:1 Tue Apr 27 2021 21:15:55 GMT+0800 (中国标准时间) 渲染层错误VM317:1 TypeError: Cannot read property 'invoke' of undefinedVM317:1 Unhandled promise rejection TypeError: WebAssembly.instanti
2021-04-27 21:18:59
11453
原创 多端应用 Donut 分享消息（小程序卡片）到微信
如果你使用官网文档示例报错，请直接复制我代码，注意点我会标出，不得有错，否则会有奇奇怪怪的问题。
2023-11-22 15:51:01
179
原创 Donut 中，video组件层级失效、同层渲染失效、z-index设置无效解决办法
微信小程序转安卓之后，z-index设置的层级关系失效，video组件总是处在最上层解决办法：很重要的设置!同层渲染要开 xweb感谢腾讯官方大佬 黄嘉敏
2023-11-15 15:49:24
190
原创 webpack.base.conf.js和 webpack.config.js有什么区别
负责定义通用的Webpack配置，包括入口文件、输出文件、模块解析规则、插件等。一般情况下，开发者需要在。中定义一些通用的Webpack配置，然后在开发环境和生产环境的配置文件中继承并覆盖一些配置。中，开发者可以根据需求定义不同的Webpack配置，以满足不同的开发和部署需求。是两个不同的Webpack配置文件，其主要区别在于它们所负责的职责和任务不同。，负责定义针对特定环境的Webpack配置，包括开发环境和生产环境。
2023-03-31 17:23:26
504
1
原创 为什么在vue3中每个页面都需要引用ref，reactive的问题
在 Vue 3 中，对响应式数据的追踪和更新机制进行了优化，使得响应式数据的更新更加高效。，而不是自动引入，是因为 Vue 3 中引入了 Tree Shaking 机制，这种机制可以对无用的代码进行剪枝，从而减小打包后的文件体积。的原因是因为 Vue 3 引入了 Composition API，这是一种新的组合式 API，提供了更灵活的方式来编写 Vue 组件。还可以提高代码的可读性和可维护性。，那么无论我们是否使用这些 API，它们都会被打包进最终的代码中，这样就会增加打包后的文件体积。
2023-03-31 17:20:24
2524
原创 微信小程序页面生命周期先于app生命周期执行怎么解决
微信小程序的生命周期包括App生命周期和页面生命周期。App生命周期指的是小程序从启动到退出的整个过程，而页面生命周期则是指小程序中每个页面从创建到销毁的过程。在小程序中，当用户打开小程序时，会触发App的onLaunch生命周期函数，表示小程序已经被启动。随后，用户可以在小程序中打开不同的页面，每个页面都有自己的生命周期。当用户打开一个页面时，会触发该页面的onLoad函数，表示页面已经被创建。接着，会依次触发onShow函数，表示页面已经显示出来，onReady函数，表示页面已经准备好了。
2023-03-08 09:57:37
535
原创 微信小程序自定义分享功能开发笔记
方法定义转发内容，也需定义其他基础配置项，如promise该参数存在，则以 其resolve 结果为准，如果三秒内不 resolve，分享会使用默认参数。onShareAppMessage触发方式有两种，一种是通过下面示例的button方式触发，一种是右上角菜单转发。onShareAppMessage是同步方法，如果我们要自定义复杂的转发逻辑，需要通过其。方法实现，使用方法如下面示例。
2022-12-16 11:22:57
1320
原创 前端生成二维码及把页面转为图片保存到本地
以vue项目为例，其他类型项目其实也是一样的所需components： QRCode html2canvas npm install qrcodejs2-- savenpm install html2canvas --save在需要使用的地方引入import QRCode from 'qrcodejs2'import html2canvas from 'html2canvas'生成二维码 creatQrCode() { var q...
2021-12-23 17:08:37
1298
原创 axios报错 Cannot read properties of undefined (reading ‘cancelToken‘)
解决办法：检查路由拦截，是否return了config如果设置了config，就必须rentun 出去。 这是一个低级错误，希望大家不要犯错
2021-12-08 10:56:43
5403
1
原创 配置jsconfig.json使项目支持跳转@路径别名引入的方法及注释
关于什么是jsconfig.json在项目最外层目录创建 jsconfig.json文件，并加入以下代码就可以了{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": [ "src/*", ], } }, "exclude": [ "node_modules", "public", "server" ]}...
2021-11-15 16:08:55
1394
原创 exceljs导出单元格设置列宽、文字居中
对应代码： exportExcel() { // 导出的表头 let columns = [ { name: '90-100分', width: 50 }, { name: '80-89分', width: 50 }, { name: '70-79分', width: 50 }, { name: '60-69分', width: 50 }, { name: '0-59分', wid..
2021-09-15 17:13:25
4745
原创 uniapp 打包安卓app 微信提现
1.配置manifest.json文件怎么获取appid和appsecret怎么获取的问题去看文档。2.调用微信登录uni.login({ provider: 'weixin', success: function (loginRes) { // authResul下包含 用户的openid,把openid保存下来发给后端 console.log(loginRes.authResult); }});3.保存login接口返回的openid发送给后端，让..
2021-05-15 17:01:23
1984
1
原创 niapp打包安卓app,微信授权登录，获取用户openid 不对问题
1.uniapp打包安卓app，如果需要微信登录的话，需要对manifest.json文件进行配置2.使用uni.login方法获取用户信息uni.login({ provider: 'weixin', success: function (loginRes) { //loginRes.authResult里包含openid console.log(loginRes.authResult); }});注意：如果出现没有配置appid和app...
2021-05-15 16:38:42
1380
1
原创 swiper轮播图、前端轮播、等待轮播图都加载完毕再执行轮播的方法
使用了swiper轮播图插件+jq var mySwiper = new Swiper('.swiper-container', { autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: true, }, loop: true, //
2021-04-23 15:28:57
1357
原创 Vue 前端开发微信公众号总结
1.vue开发微信公众号页面需要的工具vs code 微信开发者工具，用来调试公众号页面2.会遇见的坑用户使用微信公众号需要授权，而授权是需要跳到小程序的授权页面来进行的，用户授权完毕，微信会自动跳回公众号页面 //local就是完成授权后，微信会跳转的页面const local = "http://xxxxx.com";var wxappid = "wx321321321321";var url = `https://open.weixin.qq.com/connect/oauth
2021-03-26 16:47:48
2572
1
原创 vue中使用 echart 报错undefined
学弟踩坑问我的，个人觉得有必要写一下。可能会出现的错误 Cannot read property 'init' of undefined" 打印echarts对象为undefined 排错方式查看引入方式是否正确 查看 package.json 文件下是否有echarts的包，并确认 echarts包的版本 如果安装包的版本大于 4.9，使用 import * as echarts from 'echarts' 引入 或者 npm install echa.
2021-03-09 22:45:29
2671
1
原创 两行CSS代码实现可调整尺寸的UI组件
先上效果实现：css属性????resize+ overflowresize属性具有四种值none:用户无法调整元素的尺寸both:用户可调整元素的高度和宽度horizontal:用户可调整元素的宽度vertical:用户可调整元素的高度注意：必须给目标元素设置overflow属性，且值推荐位hiddne<!DOCTYPE html><html lang="en"><head> <meta charset="U
2021-03-03 15:03:06
184
1
原创 uniapp开发安卓App对接微信支付（详细，没有接触过的朋友推荐看一下）
这张图很重要！！！1.在支付页面的 onLoad 生命周期函数中执行 uni.getProvider 方法，作用是获取服务供应商 ，此步骤不对应上图，是预先准备工作// 获取provider uni.getProvider({ service: "payment", success: (e) => { e.provider.map((value) => { switch (value) { case 'wxpay...
2021-02-20 11:14:29
3856
转载 HTML5：离线存储
我们来看看HTML5的新特性---离线存储吧。随着Web App的发展，越来越多的移动端App使用HTML5的方式来开发，除了一些HybridApp以外，其他一部分Web App还是通过浏览器来访问的，通过浏览器访问就需要联网发送请求，这样就使得用户在离线的状态下无法使用App，同时Web App中一部分资源并不是经常改变，并不需要每次都向服务器发出请求，出于这些原因，HTML5提出的一个新的特性：离线存储。通过离线存储，我们可以通过把需要离线存储在本地的文件列在一个manifest配置文件中，这样即使
2021-02-19 13:35:16
677
原创 uniapp打包安卓APP实现自动更新（更新app）
先列出需要注意的地方，避免新手朋友们出错如果uniapp运行app报错：ReferenceError: plus is not defined ,普通浏览器里没有plus环境，只有HBuilder真机运行、打包后、或流应用环境下才能运行plus api。 注意url,此功能需要后端配合 version建议使用整数，版本号递增 如果APPID相同，软件会自动覆盖（所以需要让更新的appid和原来的appid相同，否则就是两个程序了）// 检查版本更新 let _this = this
2021-02-18 11:52:26
4742
5
原创 uniapp 实现长按复制文本功能
本篇没啥营养，就是告诉不熟悉uniapp的开发者怎么完成长按复制，懂得朋友别浪费时间1.给text组件设置对应平台的对应属性，在安卓手机上的效果2.直接设置剪切板的内容uni.setClipboardData(OBJECT)<text style=" @longpress='copyText'>长按触发longpress事件</text>//对应事件copyText() { uni.setClipboardData({ dat...
2021-01-23 09:07:16
8768
2
原创 egret 使用图片纹理集 （最新！）
egret 太TM坑了，新手谨慎入坑！文档之类的很多年不维护了~废话少说，红字的思想感情自己体会去纹理集使用步骤！使用工具Texture Merger合成纹理集按照步骤来，完事后导出 资源组中加入纹理集 exml文件使用纹理集资源方式：直接写资源名就行，不用加后缀4.在ts文件中使用纹理集改变exml图片样式：这个名字个资源组里的资源名对应上就行不写路径this.djs.source = "zhizhu"写的糙了点，不排版了。发现问题大家提出来就行...
2020-10-12 12:09:16
798
原创 白鹭引擎学习笔记（二）
显示对象 注：在 egret 中建立显示对象和渲染显示对象是两个过程，建立显示对象后，对象会处于内存中，但不会参与渲染过程，只有把显示对象放到显示列表后，显示对象才会参与渲染过程，如果想将某个显示对象从渲染过程中删除，只需要将其移除显示列表即可1.egret 中所有显示对象均继承于 DisplayObjectContainer2.直接继承自 DisplayObject 的类都属于非容器3.继承自 DisplayObjectContainer 的类都属于容器//自定义显示对象..
2020-09-24 16:01:15
547
原创 egret 白鹭笔记（2020）简单笔记
目录结构 核心文件夹 .src文件夹，所有项目的源代码都放在这个目录下。 Main.ts 为项目入口类，也称文档类。 egretProperties.json 是项目的配置文件 resource 目录是用来存放项目所需的所有资源 LoadingUI.ts 是加载过程中的辅助显示组件，用来显示加载进度 libs 目录下包含项目各模块所对应的所有类 项目编译的文件存储到 bin-debug 目录下 开启调试 通过 egret run -a 命令来实时监听文件是否修改..
2020-09-19 16:54:42
2113
原创 JS ES6新增 数组常用方法总结
es5：concat 、join 、push、pop、shift、unshift、slice、splice、substring和substr 、sort、 reverse、indexOf和lastIndexOf 、every、some、filter、map、forEach、reducees6：find、findIndex、Array.from、includes、Array.of、fill、copyWithinES6方法普遍浏览器兼容性如上表，有兼容性需要的小伙伴谨慎使用，或使用babel 将e.
2020-06-06 22:08:32
994
原创 JS 统计字符串中大小写字母个数
JS 统计字符串中大小写字母个数注：字母a-z的code为97 - 122，A-Z的code为65 - 90 这很重要。不过记不住也没关系 let str = 'naAZiHesnKuanzgA' console.log('a'.charCodeAt(), 'z'.charCodeAt(), 'A'.charCodeAt(), 'Z'.charCodeAt()) //97 122 65 90 function countABC(str) { let A
2020-06-03 23:58:13
3192
原创 Vue-router 路由传参及隐藏参数详解
1.路由跳转及传参形式vue中路由中需要传递参数的话可以用query和param传递，两者类似于get和post。先上路由配置文件 （router/index.js)const routes = [{ path: '/chat', name: 'Chat', component: Chat}, ]path 方式跳转<router-link :to="{ path: '/chat', query: { plan: 'private' }}">Reg
2020-05-25 16:10:29
15420
12
原创 原生JS把日期字符串转换为时间戳 + 获取当前时间与指定时间的间隔并显示为 xx分钟前 xx小时前 xx天前
都有碰见不省心的后端的时候，打又打不得，骂又骂不得 ，只能靠自己动手修改后端代码这样勉强过日子了????(纯属娱乐，跟后端说他肯定你会给转成你想要的格式）1.日期字符串转为时间戳js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型，之后再将Date类型转化为时间戳类型，其中时间字符串有要求，形式必须是 yyyy-MM-dd HH:mm:ss 的形式，也可以是yyyy-MM-dd 等合法类型new Date(要转换的日期格式).getTime()
2020-05-15 20:06:17
324
原创 js数组去重多种办法详解 (对萌新提供额外优待）
6种萌新必备数组去重 + 扩展方法 var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 0, 0, 'a', 'a', {}, {}]; console.log('原数组', arr) /* 那为什么没有去除空对象呢？ 这是因为当两个值比较的.
2020-05-14 23:07:41
442
原创 前端面试题：如何渲染大批量数据而页面不被卡住
FE-Interview javascript 66 setTimeout(() => { // 总共加载10万条数据 const total = 100000 // 一次加载20条 const once = 20 // 需要加载多少次 const loopCount = total / once // 加载到第几次了 let curr..
2020-05-09 18:02:03
1895
转载 回流重绘
作者：Noxus丶SJ链接：https://zhuanlan.zhihu.com/p/134024353来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。什么是回流？当一个元素自身的宽高，布局，显示或隐藏，或元素内部的文字结构发生变化，导致需要重新构建页面的时候，就产生了回流什么是重绘？当一个元素自身的宽高，布局，及显示或隐藏没有改变，而只是改...
2020-05-09 17:38:24
111
原创 面试题：JS 快速打乱一个数组
先上代码sort + Math.random()解析: sort() 方法用于对数组的元素进行排序。sort( )方法推荐通过传入一个函数来定义自己想要的排序规则 函数内会传两个参，如图 注意： sort()方法直接作用于原数组，不生产副本，如不想改变原数组请拷贝一份副本再排序 根据你的评判标准，a小于b，在排序后的数组中a应该出现在b之前，就返回一个小于0的值。 如果a等于b，就返回0。 如果a大于b，...
2020-05-09 08:09:12
600
原创 Vue 项目打包优化
1.移除代码中的console 打包上线后的console语句没有任何作用，所以我们应该移除它，除去手动移除，还可以使用插件的方式来移除代码里的console语句。 使用babel-plugin-transform-remove-console 插件来移除代码console 步骤 ： 1.安装babel-plugin-transform-remove-c...
2020-04-30 00:35:23
2261
3
原创 vue中用nProgress实现页面加载进度条
1.安装nprogressnpm install --save nprogress2.引入// 引入进度条的js文件和css文件import nProgress from 'nprogress'import 'nprogress/nprogress.css'3.使用需要调用start() 和 done()来控制进度条nProgress.start()是开始进...
2020-04-29 15:40:07
240
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人