- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uni-app H5中使用wx-open-launch-weapp打开微信小程序
最近最H5开发，项目需要发起支付，因为原来我们app走的一套是小程序的支付，所以这边需要H5打开小程序实现支付；然而，我还是不显示按钮，哇哇。。。。
2022-09-16 15:46:58
2938
原创 关于Vue+Element 中tab切换启用路由缓存，保留页面查询条件
项目场景：在elementui 中 顶部 tab栏 切换，不启用路由缓存会直接刷新界面，现在项目需求是当我点击tab切换或者菜单切换的时候，原本的查询状态药保持，这在项目中还是很常见的一种。原理：Vue 提供的 keep-alive API实现对路由组件的缓存，其中include 属性可以绑定一个数组，需要路由组件的 name 值，可以实现对该路由组件进行缓存。原因分析：提示：这里填写问题的分析：例如：Handler 发送消息有两种方式，分别是 Handler.obtainMes.
2022-09-16 14:58:36
3559
1
原创 vue-pdf使用+分页预览(踩坑 + 使用本地字体库)
项目场景： 最近项目要文件流做查询报表pdf预览并下载打印的需求，网上很多关于vue-pdf的使用，使用上没有太多难度；使用方法 npm install --save vue-pdf <el-dialog title="预览报表" :visible.sync="ptVisible" width="80%" :before-close="handleClose"> <pdf ref="pdf" v-for="i in numPages" :key="i...
2022-05-18 13:38:49
2325
3
原创 微信小程序日历签到，拿走即用~
参考了小友那个谁的，具体也忘记了，改be改be即用了，因为是日历，里面有一个算空格的地方，嘻嘻~，也是小友提供的，再次感谢！html：<view> <view class="flex flex-wrap padding bg-white justify-center"> <view class="t-txt text-orange margin-top">挑战连续签到30天</view> <vie.
2022-01-15 21:07:42
2282
16
原创 关于element 嵌套表格展开行动态加载数据
学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如：1、 技术笔记 2 遍2、CSDN 技术博客
2021-06-08 17:13:40
2822
4
原创 关于nginx配置vue项目页面刷新404
最近项目使用的 "vue":"^2.6.11",vue.config.jsmodule.exports = { publicPath: "./", outputDir: "dist", // 构建时的输出目录 assetsDir: "static", // 放置静态资源的目录 lintOnSave: false, css: { loaderOptions: { scss: { prependData: `@impor...
2021-05-24 10:46:27
473
原创 vue cli3.0全局引入scss文件
前端开发中我们常常会定义一些全局常量，比如主题类的：引入方式1、在App.vue文件中引入@import"./assets/css/gloable.scss";2、在vue.config.js中配置css: { loaderOptions: { scss: { prependData: `@import "~@/assets/css/gloable.scss";` } }},scss文件：:root{...
2021-05-21 15:12:14
649
原创 关于vue3.0 新的API setup、teleport 、 ref、reactive、toRef、toRefs的认识
teleport ：功能：将子节点渲染到存在于父组件以外的DOM节点实例：<!-- to 属性就是目标位置 -->//1. 相对于body定位<teleport to="body"> <modal :show="showModal" @close="showModal = false"> modal组件 </modal></teleport>//2. 相对于自己指定的位置<div i..
2021-04-29 16:58:42
397
原创 微信小程序实现转发分享功能（好友&朋友圈）
微信小程序分享微信小程序已经支持分享到好友和朋友圈功能（安卓），用户在朋友圈打开分享的小程序页面，并不会真正的打开小程序，而是进入一个“小程序单页面模式”的页面；微信小程序文档：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareTimeline微信小程序单页面模式：https://developers.weixin.qq.com/miniprogram/dev/framework/ope
2021-04-08 14:54:24
9320
原创 关于Vue cli4.0创建项目
现在的 vue 脚手架已经升级到4.0的版本了，vue 也已经发布了3.0版本；我本地现在是Vue CLI 3.0.4，对于 Vue 3.x 的项目，需要使用 Vue CLI v4.5 以上的版本。如果你的 Vue CLI 版本较低，请自行升级；安装vue Cli：npm install -g @vue/cli创建项目：vue create vue-project<项目名称>依赖说明：//按空格选中Vue CLI v4.5.12? Pleas..
2021-04-07 17:07:06
198
原创 微信小程序wx.getUserInfo接口调整适配
近期微信小程序wx.getUserInfo()接口做了调整了，相信很多做小程序开发的都知道了，在微信小程序开发工具控制台，如果你没有调整过来的话会出现下的警告啦~有关小程序登录、用户信息相关接口调整说明，微信官方已出通告：https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801?idescene=6通告中介绍的也很清楚，4月13日后发布的新版本小程序，开发者调用wx.getUse..
2021-04-07 11:16:04
1776
1
原创 关于uni-app实现读取本地系统配置文件
uni-app 在app端内置了HTML5+引擎，可以直接使用H5+的API：https://www.html5plus.org/doc/zh_cn/device.html//*** requestFileSystem: 请求本地文件系统对象plus.io.requestFileSystem( type, succesCB, errorCB ); //获取指定的文件系统，可通过type指定获取文件系统的类型。参数：type: ( Number ) 必选 本地文件系统常量可取plu
2021-03-30 17:45:47
5228
原创 关于uni-app实现自动打开连接wifi
最近uni-app项目需求新增，要求自动链接wifi模块，并根据网络情况下载视频；该项目使用了uni-app，HTML5+，Native.js；5+APP开发Native.js入门指南：https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/88wifiManager.getConnectionInfo() 是用来获取当前已连接上的wifi的信息。wifiManager.getScanResults() 是用来获得手机...
2021-03-30 16:18:42
2975
原创 js事件循环处理机制
javascript事件循环Javascript是一门单线程语言，也就是说js在处理任务的时候，所有的任务只能在一个线程上排队等待被执行，如果其中有一个任务耗时较长的时候，其他的的任务就只能再次等着，就如同下图，你懂得！所以，这个时候就用到了异步任务，异步任务是包含了独立于主线程之外的宏任务和微任务 。宏任务 和 微任务宏任务和微任务都是独立于主执行栈之外的两个队列，在概念上可以划分在异步队列里，而这些队列的执行有事件循环（EventLoop）来处理。宏任务包括：包括整体...
2021-03-17 12:38:11
116
原创 关于uni-app授权第三方登录（微信，QQ）
APP微信授权需要到微信开放平台申请，在hbuilderX配置APP SDK中微信登录的appId，另外需要跟小程序、公众号授权账号互通的话也需要在微信开放平台申请，需要300元！官方手册地址：https://uniapp.dcloud.io/api/plugins/login?id=getuserinfo具体参考地址：https://blog.csdn.net/panzina/article/details/108058662?utm_medium=distribute.pc_relevan..
2021-03-16 10:14:08
1944
原创 js处理多维数组去重并升序的排列
前言今天遇到这样一道题：已知如下数组：vararr=[[1,2,3],[3,4,5,5],[6,7,8,9,[11,12,[13,[14]]]],10];将数组扁平化去重并按升序排列的数组；咋一看，这一道题还怪吓人类呀，这TMD是几位数组呀，眼都数花了，在日常的开发中一般都是处理json数据，最多来个二维数组循环啥的就解决了，当时心里那个毛毛的，写循环吧，这得循环多少次呀，自己看着都吐的感觉；心里就一直想着能怎么取到里面的每个元素，然后排序就OK啦，但是怎么能一次取...
2021-03-15 17:09:55
731
1
原创 element-ui按需引入报错 Error: Cannot find module ‘babel-preset-es2015‘
问题：现在项目都是基于vue-cli 3.x项目，在使用ElementUI按需引入报错Error: Cannot find module ‘babel-preset-es2015‘ElementUI 官网：https://element.eleme.cn/#/zh-CN/component/quickstart首先，安装 babel-plugin-component：npm install babel-plugin-component -D然后，将 .babelrc 修改为：..
2021-03-04 16:11:01
322
2
原创 vue降低cli版本错误 ERROR: ~/.vuerc may be outdated. Please delete it and re-run vue-cli in manual mode
最近准备开发一个H5的分享业务，发现新版的vue cli4.0是一堆坑呀首先： 我本地的@vue cli版本是：后来因为项目工期紧，直接减低了本地 cli版本至 3.0，但是因为我的失误，在创建vue项目的时候出错了，测试也不用紧张：只用找到本地用户的目录找到一个.vuerc 的文件删掉就OK了...
2021-02-25 11:39:40
4751
3
原创 sublime Text3 中配置sass环境，并将编译后css文件保存到指定文件夹
下载Ruby从ruby官网下载RubyInstallers地址是：http://rubyinstaller.org/downloads/根据操作系统，选择相应的安装包，在此选择Ruby 2.6.6-2(x64)安装Ruby：1、一路 next 安装 ;Win + R 执行 ruby -v ：2、配置环境变量：安装Sass：1、Ruby 安装成功， WIN + R打开命令面板；2、cmd， 执行 gem install sass...
2021-02-22 18:15:59
319
原创 typescript中的接口，接口实现继承
定义：在面向对象编程中，接口是一种规范的定义，她定义了行为和动作的规范；在程序设计中，接口起到一种限制和规范的作用，接口定义了某一批类所需要的遵守的规范，接口不关心这些类的内部状态数据，也不关心类里面方法的实现细节，她只规定这批类必须提供某些方法，提供这些方法的类就可以满足实际需要，ts中的接口类似java，同时还增加了零活的接口类型（属性，函数，可索引和类）interface关键字属性类接口：提示：这里可以添加学习目标函数类型接口：提示：这里可以添加要学的内...
2021-02-06 16:09:42
1263
1
原创 微信小程序实现自定义tabbar，并解决图标闪烁问题
微信小程序实现自定义tabbar，并解决图标闪烁问题提示：微信小程序允许开发者根据项目UI需要自定义tabbar，实现个性化，官方文档戳这里！官网demo: 下载地址https://developers.weixin.qq.com/s/jiSARvmF7i55使用步骤一、配置信息 二、在根目录创建custom-tab-bar相关文件 1.custom-tab-bar/index.js 2. custom-tab-bar/index.json 3. custom-ta...
2021-02-03 18:13:03
4160
7
原创 关于uni-app中使用webview和H5通讯及传参问题
前言 最近在用uni-app开发app时，因为uni-app组件map的regionchange取不到经纬度的问题，只能该用H5自行开发map页面；H5可用本地Html和网络资源，随你心意，话不多说，直接贴代码~一、 uni-app引入webview<web-view :src="linkUrl" @message="getMessage"></web-view>二、webview嵌入H5页面需要先引入uni 的 SDK<!-- uni 的 SDK，必须
2021-02-03 16:23:52
3752
11
原创 微信小程序授权登录报错encryted_data或iv不合法，前端坑^-^~~
微信小程序授权登录原来用的wx.getUserInfo()，在用户未授权过的情况下调用此接口，将不再出现授权弹窗，会直接进入 fail 回调（详见《公告》)。在用户已授权的情况下调用此接口，可成功获取用户信息。现在使用的是 <buttonopen-type="getUserInfo" bindgetuserinfo="bindGetUserInfo"> </button>，因为用这个button是用户主动触发，不受弹框次数限制，只要用户没有授权，都会再次弹框。！！！微信...
2021-02-03 11:54:37
4063
原创 typescript中的类，继承，修饰符，静态属性&静态方法，抽象类&多态
TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。使用于开发大型应用，它可以编译成纯 JavaScript，TypeScript 是一种给 JavaScript 添加特性的语言扩展；一、typescript中定义类：class：class Person{ name: string; constructor(name: string){ this.name = name; } get
2021-01-22 15:20:51
422
原创 js中定义类以及实现类的继承
Javascript是一门灵活的语言，她本身并不支持面向对象，也没有定义类的关键字class和实现继承的extends这些；但是Javascript还是有很多种方法可以实现类的；一、js中定义类：1.构造函数法：function Person(){ this.name = '张三'; //实例上的属性 this.age = 18; this.run = function(){ //实例方法，要调用实例方法必须new Person() consol
2021-01-22 11:34:56
441
原创 iView-admin记一次table表单动态添加行并获取行数据
近一年时间一直在开发小程序，好久没有使用iview-admin这个框架了；iView Admin 是基于 Vue.js，搭配使用iView UI组件库的一款非常好后台管理框架；View UI组件地址：http://v1.iviewui.com/后台admin在线演示地址：https://iview.github.io/iview-admin突然收到后端小伙伴的信息说他要开发一个动态获取table的功能时，获取不到他新添加行的数据，问我怎么处理的；首先在view 文档有这一介绍：..
2021-01-18 16:50:05
914
原创 记一次adb使用（开发版rK3288）
adb工具即Android Debug Bridge（安卓调试桥）tools。它就是一个命令行窗口，用于通过电脑端与模拟器或者真实设备交互。在某些特殊的情况下进入不了系统，adb就派上用场啦！最近做物联网开发，发现板子（rk3288）有一些功能获取不到，看到很多帖子说是使用adb命令；自己就拿着板子联系一下adb的常用操作；首先你要将设备连接到电脑；一、在本地adb安装目录下，开启adb服务 adb start-serverC:\Users\admin>cd C:\U...
2021-01-18 14:36:42
2065
原创 关于uni-app实现视频下载到本地指定路径并重命名
uni-app中uni.downloadFile可以实现文件下载，但是下的文件只能保存在项目资源路径下，并且不能实现重命名；根据需求是实现视频文件重命名，这样可以直接减少维护人员工作；在uni-app中实现自定义下载文件重命名，还是需要H5+API来实现；首先：在文件下载时判断文件目录是否存在；plus.io.resolveLocalFileSystemURL( '_downloads/', function( entry ) { //存在操作，取本地}，function (
2021-01-04 16:17:25
5652
原创 关于uni-app隐藏安卓虚拟键
安卓广告项目，需求是全屏显示，不希望其他人员操作屏幕；在uni-app中石油这样的配置的；onLaunch: function() { // console.log('启动中...'); plus.navigator.setFullscreen(true) //隐藏状态栏 plus.navigator.hideSystemNavigation() //隐藏虚拟按键},在manifest.json中"titleNView" : false"app-plus" : { ..
2021-01-04 16:00:37
3116
原创 关于uni-app获取完整的iccid（中间带有字母的iccid）
上一篇文章在uni-app中可以使用5+ App的 Native.js获取SIM卡的iccid，现在很多SIM卡的iccid包含非0-9的字符，在手机上是可以的，但是遇到含有字母的iccid会被ASCII码转义，但是也是20位；但是在开发板子，就不能获取完整的20位的iccid，只能通过重写原生的方法，封装插件来实现；配置权限："<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
2021-01-04 15:17:22
2198
2
原创 关于uni-app获取设备的iccid
目前的项目需要获取SIM卡的iccid，方便维护人员查询；注：ICCID （Integrate circuit card identity ） 集成电路卡识别码（固化在手机SIM 卡中） ICCID 为IC 卡的唯一识别号码，共有20 位数字组成。uni-app中可以使用5+ App的 Native.js技术，简称NJS，是一种将手机操作系统的原生对象转义，映射为JS对象，在JS里编写原生代码的技术；入门文档地址：https://ask.dcloud.net.cn/article/88配置.
2021-01-04 14:41:40
2460
7
原创 关于uni-app视频本地存储（存在本地系统路径下）
uni-app 做物联网广告，项目需求根据设备id展示不同的广告内容；vedio文件<!-- 视频文件 --><video id="myVideo" class="video" :src="video_url" object-fit="fill" autoplay loop show-center-play-btn="playBtn" show-loading="loading" @error="videoErrorCallback" controls="false">&
2021-01-04 12:44:10
7461
原创 关于uni-app获取设备IMEI、IMSI、型号、厂商
uni-appApp 端内置HTML5+引擎，可以直接使用H5+的API:https://www.html5plus.org/doc/zh_cn/device.html因为IMEI、IMSI被废弃，所以HBuilderX2.0.0以后版本使用plus.device.getInfo。
2021-01-04 12:14:18
6963
原创 uni-app开发，实现Android开机自启动
最近用uni-app开发一个Android广告机，做市场广告宣传使用，考虑到停电的情况该应用需要开机自启动，自动播放广告；uni-app暂时不支持开机自启；各种查询之后在市场找到一个插件：https://ext.dcloud.net.cn/plugin?id=1820（Fvv123说：不保证所有机型和系统都有效）根据uni-app原生插件使用步骤：1、下载插件到项目，将插件配置到uni-app项目的“nativeplugins”下；2、在manifest.json文件的“App原生插件配
2020-09-04 12:11:28
7665
9
原创 vue+webpack 编译时，代码压缩，删除console与注释
uglifyJsPlugin 用来缩小（压缩优化）js文件的，最近上了一个项目经理说我账号密码在页面注释了，布上去能审查到！索性直接处理掉！1、vue cli 3.0中，项目的 vue.config.js2、vue 2.0项目的 build/webpack.prod.conf.js...
2020-08-27 10:23:30
2166
2
原创 Request header field x-token is not allowed by Access-Control-Allow-Headers in preflight response.
题：最近在做项目时，报错Request header field x-token is not allowed by Access-Control-Allow-Headers in preflight response，刚开始看到‘Access-Control-Allow-Headers’就觉得是跨域问题，跟后台联调才发现问题；刚开始接口跨域是后台帮忙处理的，登录接口因为不需要传token，所以登录接口通了，发现其他接口都报这个错误； 于是我改用前端代理，接口顺利进行； 到了项目接近收尾，打包测..
2020-08-19 16:02:18
8642
原创 vue2.0报错request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题！
问题：前后端分离联合开发的时候，难免遇到跨域问题，不过也不要害怕，这是因为浏览器的同源策略，从一个域上加载的脚本不允许访问另外一个域的文档属性，So，我们只需要耐下心来处理就OK了！1、让后端小伙伴帮忙解决，好了，万事大吉！！So easy!2、前端自己解决： 找到config/index.js 在你掉接口的地方 在你调接口的时候加上api/+'接口地址'就可以了，如果你封装了你的axios的话，直接配置在你的统一接口地址的...
2020-08-19 14:46:06
4797
原创 一路跑起renren-fast-vue项目（根据各自的运行环境来哦）！
好久没用这个框架了，现在都是自己搭建项目了，不过还是得说，renren-fast-vue这个后台管理系统真的非常好，当然这个项目不是我搭的，我也没那么厉害的技术，我只算一个使用过的人而已，这几天又有小伙伴问我关于renren-fast-vue的有些使用问题，So,自己就重新load下来运行一下看看，返现报了几个错误：1、Error: Can't find Python executable "python", you can set the PYTHON env variable安装wind..
2020-08-15 15:15:22
867
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人