uni-app
文章平均质量分 78
瓜子三百克
励志一起吃瓜
展开
-
vue-cli脚手架创建项目遇到的坑
文章目录一、cli版本太低二、Cannot find module 'webpack/lib/RuleSet'错误一、cli版本太低通过 vue-cli 创建 uni-app 项目,报错:vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You may want to run the following to upgrade to Vue CLI 3:报错原因是cli版本太低,需要升级到V4.x.x,原创 2022-03-08 14:33:35 · 2302 阅读 · 0 评论 -
使用uniapp开发微信小程序的人脸采集功能/人脸识别功能
本篇文章是借助微信小程序平台,添加人脸采集的功能,你看上面的漂亮姐姐有什么理由不去采集一下她的人脸呢。😂😂原创 2022-05-16 01:33:51 · 9056 阅读 · 85 评论 -
用uniapp实现微信小程序的电子签名效果
画布可以做很多事情,比如可以绘图,也可以做海报。在这里只是想拿它来的实现亲笔签名,开启不一样的亲笔签名姿势。原创 2022-05-11 00:01:02 · 9926 阅读 · 107 评论 -
微信小程序也可以实现定位打卡/签到打卡了(附源码)
本篇文章带你实现实时定位功能:包括实时定位监听、定位权限判断、经纬度间距计算、判断当前位置是否在目的地的范围区间。主要应用场景包括但不限于:**定位签到**。原创 2022-05-06 08:00:00 · 26786 阅读 · 29 评论 -
微信小程序实时定位的要做的那些事,你学废了吗?(附示例)
**开发框架**:uniapp本片文章主要实现了微信小程序的实时定位功能的小组件实现。原创 2022-05-06 08:00:00 · 7993 阅读 · 86 评论 -
Vue中ref和$refs的介绍与使用
之前没怎么注意 ref 的使用。后来一次结合 for 循环使用。才发现 ref 的使用细节满满。于是就总结了一下。ref作用用来给元素或者子组件注册引用信息。引用信息将会注册给父组件的$refs对象上。1、如果给普通的dom元素使用,引用指向的是dom元素。2、如果是给子组件使用,引用指向的是子组件的实例。注意:1、$refs只有在组件渲染完成后才填充,在初始渲染的时候不能访问它们,并且它是非响应式的,因此不能用它在模板中做数据绑定。2、微信小程序中给dom元素使用ref无效。得到的是 空对象原创 2022-04-25 18:23:19 · 3415 阅读 · 6 评论 -
vue动态绑定class和style样式
style绑定注意:凡是有 - 的 style 属性名都要变成驼峰式,比如font-size要变成fontSize。除了绑定值,其他的属性名的值要用引号括起来,比如backgroundColor:'#00a2ff' 而不是 backgroundColor:#00a2ff对象::style="{ color: activeColor, fontSize: fontSize + 'px' }":style="{ color: ( index ==0 ? conFontColor : '#000'原创 2022-04-25 00:42:07 · 1447 阅读 · 0 评论 -
vue中require与import的区别
一、vue中require与import的区别在es6之前js一直没有自己的模块语法,为了解决这种尴尬就有了require.js的出现。在es6发布之后js又引入了import的概念。使得不清楚两者之间的区别在实际使用过程中造成了自己的误解ES6标准发布后,module成为标准,标准使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们依然采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口。二、require基本用转载 2022-04-24 01:29:08 · 16562 阅读 · 0 评论 -
相对路径./与../区别
一、基本概念1、相对路径:顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。2、绝对路径:就是你的主页上的文件或目录在硬盘上真正的路径。绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,比如,你的Perl 程序是存放在 c:/apache/cgi-bin 下的,那么 c:/apache/cgi-bin就是cgi-bin目录的绝对路径在网络中,以http开头的链接都是绝对路径,绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,绝对路径一般在CGI程序的路径配置中经常用到转载 2022-04-24 01:03:30 · 7424 阅读 · 2 评论 -
uni-app 配置编译环境与动态修改manifest.json参数
uni-app开发时,发现有两种创建项目的方式。不管哪一种创建方式,可知:1、点击 ‘运行’ 按钮,默认执行的网络环境为:development。此时:process.env.NODE_ENV === 'development'2、点击 ‘发行’ 按钮,默认执行的网络环境为:production。此时:process.env.NODE_ENV === 'production'3、 process.env.NODE_ENV === 'production' 生成包位置:dist/bui原创 2022-04-24 00:10:26 · 6452 阅读 · 8 评论 -
发布npm包时遇到的一些坑
文章目录1、邮箱未验证2、没有权限发布3、需要登录4、只有管理员才有权限发布5、包名过于类似6、无法发布到私有包以下每个问题都包含报错信息,请善用ctrl + f搜索,下文报错中涉及到包名的都替换为了your-package。1、邮箱未验证npm ERR! publish Failed PUT 403npm ERR! code E403npm ERR! you must verify your email before publishing a new package: https://www.n原创 2022-01-05 21:50:38 · 2946 阅读 · 0 评论 -
npm关于组件包的发布与管理
一、发布一个新包 1.1、创建一个新包 1.2、npm账号注册 1.3、npm账号登录 1.4、发布包,上传到npm包服务器 1.4.1、报错:npm ERR! code E403 1.4.2、报错:no_perms Private mode enable二、更新已经发布的包三、删除包四、node更新五、npm主要命令行 5.1、npm检查更新版本 5.2、镜像管理 5.3、发布包常用命令行原创 2021-12-22 11:37:58 · 1549 阅读 · 0 评论 -
uniapp:插件开发指南
文章目录前言一、前端组件二、模板2.1、vue/nvue 页面模板2.2、项目模板3、JS SDK4、原生sdk前言一、插件作者制作插件时,需注意以下几点:1、前端建议使用scss预处理并引用uni.scss中的变量定义,保持各插件风格统一,方便插件使用者通过搭积木的方式开发整体风格一致的App。2、遵循插件目录规范,其中比较重要的是确定插件使用名称,详细解释下方。3、插件包中不需要包含 unpackage 目录。4、插件包中不应该包含版本控制相关文件和目录,如 .git,.svn 等。二、插转载 2021-12-14 21:28:31 · 4433 阅读 · 0 评论 -
uniapp:uni_modules组件开发与发布
文章目录一、前言二、开发准备三、 uni_modules 插件开发1、创建uni_modules目录2、新建uni_modules插件3、发布到插件市场4、修改插件基本信息5、发布新版本6、查看发布的插件7、示例一、前言uni_modules是uni-app的插件模块化规范(HBuilderX 3.1.0+支持),通常是对一组js sdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。插件开发者,可以像开发uni-app项目一样编写原创 2021-12-14 21:06:20 · 10378 阅读 · 0 评论 -
uniapp开发小程序配置文件解析
小程序配置文件主要有如下几个,这里按重要性分必须和非必须两部分。如下:main.js、App.vue、pages.json、manifest.json、uni.scss、env、package.json、vue.config.js通过对HBuilderX开发小程序的配置文件,全部解析一遍,有益于立足全局的开发思维模式,提高对项目开发的把控力度。原创 2021-12-09 23:48:32 · 8067 阅读 · 1 评论 -
wxwork和wx.qy判断企业微信小程序编译运行环境
uni.getSystemInfoSync(),在企业微信中调用此接口时,会额外返回一个 environment 字段(微信中不返回),如此字段值为 wxwork,则表示当前小程序运行在企业微信环境中。原创 2021-12-06 23:19:09 · 3752 阅读 · 0 评论 -
uni-app:小程序发布检查步骤及注意事项
文章目录前言1、微信小程序配置1.1、检查APPID是否正确1.2、其他选项配置全部打钩2、网络环境配置是否正确3、提交审核填写信息3.1、版本备注3.1、图片预览、视频预览3.3、测试备注3.4、仅在企业微信中运行?3.5、审核加急?3.6、测试账号、测试密码4、版本发布记录5、新增域名管理前言本篇最好放到项目的【README.md】文件中,方便每次发布的时候检查纠错,毕竟好记性不如烂笔头。而且其他开发者帮忙修改bug、发布新版本的时候,只需要根据这个事项就能实现整个流程的提审发布,提高效率。1、微原创 2021-11-29 20:05:20 · 1256 阅读 · 0 评论 -
uni-app:关于小程序开发规范与架构设计的理解
文章目录1、忽略文件管理2、API配置与管理2.1、请求协议管理2.2、网络环境切换管理2.3、API集中管理3、分包管理4、【uni_modules】引入第三方组件4.1、uview-ui 框架4.2、qiun-data-charts4.3、z-paging5、图片资源管理1、忽略文件管理根目录添加【.gitignore】文件,复制一下需要忽略的目录或文件。当项目需要在git上面管理的话,一定要在首次创建提交前提交到git,否则会出现忽略无效的情况。unpackage.hbuilderxnode原创 2021-11-29 18:33:54 · 1186 阅读 · 1 评论 -
uni-app:微信公众平台关于发布的一些基本应用
目录前言一、微信公众平台概览1、AppID和AppSecret获取2、管理板块2.1、成员管理(成员权限管理)2.2、版本管理(发布管理)2.3、用户反馈(客服维护)3、开发板块3.1、开发-开发管理-开发设置(必填)3.2、其他4、设置板块4.1、设置-基本设置-功能设置-用户隐私保护指引设置前言作为一个iOS开发程序猿,突然被安排去开发微信小程序,经过一个多月的开发,对整个小程序开发思路的架构做了一个相对整体的梳理。资料地址:uni-app 官方地址uview-ui 官方地址uni-app原创 2021-11-29 18:30:10 · 809 阅读 · 0 评论 -
vue中methods、watch、computed之间的差别对比以及适用场景
在很多时候,computed是用来处理你使用watch和methods的时候无法处理,或者是处理起来并不太恰当的情况的。1、可以利用computed处理methods存在的重复计算情况。2、computed擅长处理一个数据受多个数据影响。watch擅长处理一个数据影响多个数据。3、可以利用computed处理watch在特定情况下代码冗余的现象,简化代码。4、可以利用watch处理数据变化的同时进行异步操作或者是比较大的开销。原创 2021-11-29 14:11:20 · 1908 阅读 · 0 评论 -
uni-app:网络状态监测之onNetworkStatusChange与getNetworkType的区别与应用
一、前言1、在实际项目开发中,难免涉及到监测网络,下面来具体了解下小程序两种监测网络的方法。2、这里配置的是 uniapp,微信小程序把 uni. 换成 wx. 即可。2.1、uni. onNetworkStatusChange触发时机:在网络切换的时候执行,切换2G,3G,WiFi的时候会执行。应用时机:一般都会放在 onShow里面,实时监听网络的切换。当小程序关闭后台的时候在 onHide 生命周期函数中...原创 2021-11-25 13:03:49 · 4749 阅读 · 0 评论 -
uni-app:Flex布局语法解析
目录一、Flex 布局是什么?二、基本概念三、容器的属性四、项目的属性一、Flex 布局是什么?定义:Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。.box{ display: flex;}行内元素也可以使用 Flex 布局:.box{ display: inline-flex;}Webkit 内核的浏览器,必须加上-webkit前缀:.box{ display: -webkit-flex; /* Safari */转载 2021-10-19 17:55:52 · 1835 阅读 · 0 评论 -
使用uni-app零起点开发微信小程序
目录简介一、条件准备二、开发学习四部曲三、开发规范四、项目目录结构五、资源路径说明六、生命周期七、路由、路由跳转、页面栈八、运行环境判断九、页面样式与布局9.1、尺寸单位9.2、样式导入一、HTML标签篇1.1、picker选择器1.2、picker-view滚动选择器1.3、textarea输入框二、CSS篇2.1、Flex布局2.2、尺寸单位2.3、css:两个view的重叠设置2.4、xx::after三、JS篇3.1、Date 时间转换简介作为一个iOS开发程序猿,突然被安排到去开发微信小程序的原创 2021-10-19 15:00:48 · 2302 阅读 · 0 评论 -
uni-app:简单了解uni-app
目录一、当前跨平台开发的通病二、产品特征1、跨更多平台2、运行体验更好3、通用技术站,学习成本更低4、开发生态、组件更丰富三、功能框架四、uniapp优势一、当前跨平台开发的通病1、多端泛滥:原生、h5、各端小程序2、体验不好:过去的跨平台框架在app的体验上不好3、生态不丰富:开发生态二、产品特征1、跨更多平台2、运行体验更好组件、api与微信小程序一致兼容weex原生渲染3、通用技术站,学习成本更低Vue的语法、微信小程序的api内嵌mpvue4、开发生态、组件更丰富支持通原创 2021-10-15 17:57:51 · 318 阅读 · 0 评论 -
uni-app:微信小程序从HBuilderX下载到编译运行项目
目录一、工具和项目二、工具配置1、导入小程序项目2、设置运行配置3、微信开发者工具配置4、小程序账号配置三、运行处理1、运行项目2、错误处理2.1、插件没有安装提示2.2、小程序端口没有配置报错2.3、不校验合法域名设置一、工具和项目1、微信小程序工具下载2、HBuilderX工具下载3、小程序下载到本地二、工具配置1、导入小程序项目打开HBuilderX,导入项目,如下图:2、设置运行配置打开HBuilderX的偏好设置:设置需要运行的配置地址:3、微信开发者工具配置打开服务端原创 2021-09-15 18:30:21 · 2450 阅读 · 0 评论