uni-app

获取数据 可在 onLoad 生命周期中获取数据,接收一个参数 option 为上个页面传递的参数. 点击事件tap代替click 两者都会在点击时触发，但是在web手机端，clikc会有300ms延时，所以要用tap代替click作为点击事件，singleTap和doubleTap分别作为单次点击和双击，但是使用tap会带来点击穿透。 点击穿透和延迟详细: https://juejin.im/post/5b3cc9836fb9a04f9a5cb0e0 沉浸式头部 在pages.json中page添加 "style": { //这里仅支持十六进制 //#ffff0000 为十六进制透明色 "navigationBarBackgroundColor": "#ffff0000" } 背景颜色透明 文字不透明 也可用通过rgba第四个值 alpha值 范围为0.0到1.0之间，0.5为半透明. 自定义返回 uni.navigateTo({url: ""}) 会导致返回页面重新加载. uni.navigateBack({ delta: 1 }); 当前页面刷新后无法返回. 可以添加事件 如下: back() { let canBack = true const pages = getCurrentPages() // 有可返回的页面则直接返回，uni

本来是想在过年的时候写我的2019总结的，但是现在因为某些原因就提前吧。2019也是我比较总要的一年。我从校园=>社会的过渡年。 校园尾声 在学校的时候，我也有过在外面兼职程序员 之前兼职文章 ，主要是赚生活费，以及学技术。也是因为这个经历让我有点年少轻狂不懂事，感觉自己什么都会但是后来经过社会的毒打，变的沉稳了很多但是磨灭不了我变强的心。最后一个学期我因为接了一个webapp的项目学了一阵的 uniapp ,个人感觉真的很好横跨多端兼容，我的毕业设计也是使用uniapp做了一个社区 墙上你 ，现在回头看代码感觉自己写的很垃圾（有时候每过一段时间看自己写的代码，真的有很多感触） 后面学校开始有公司来招聘，也是我现在的公司是第一家来招聘的，当然我也在学校这么多人中脱颖而出收到了录取函（哈哈），公司分为两次面试第一次是公司派人来学校进行面试，第二次是公司要求我们做一个项目。我来公司之后也问了面试我们的 jack赵师兄 是以什么为标准面试我们，师兄说主要会通过我们平时的生活习惯来看我们是否，有可塑性（这个是重点，因为我们在学校差一点没有事情。公司可以给你时间，但是你可塑性不强就没必要浪费时间和财力了）。 在面试我们公司的时候真的是给我自己开阔了视野了，之前我接触过.net core 但是只会用增删查改，不注意底层实现方式和细节，还有缓存Redis，之前做项目就是直接怼数据库

微信小程序开发相关，用uniapp开发同时发布到多个平台上的小程序 问了下朋友可以用uniapp开发，然后同时发布到微信，支付宝，头条小程序上，支付宝的小程序现在还很少人开发，有自然流量，那朋友的一个支付宝小程序一天几百流量可以赚十几块钱，多搞一些在多个平台上一天几百块还是不难的 =============== uni-app官网 https://uniapp.dcloud.io 第一篇：快速上手uni-app项目 - 简书 https://www.jianshu.com/p/b298c55a095c =============== 新手入门：最全的小程序开发教程（建议收藏） https://mp.weixin.qq.com/s/bcS8n891VCsIpKu28ehCfg 怎么制作我的小程序？个人小程序开发教程 https://mp.weixin.qq.com/s/Oas0RHuGIOjfWGi1Yxd33g 后续将补充相关内容 来源： oschina 链接： https://my.oschina.net/u/4303535/blog/4262968

全新的V4系列采用全新的内核框架全部重新构建,包括平台端和店铺端,新产品模块包括平台,商城,微信,统计,文章,运营,佣金, B2B2C商铺端包括商品,订单,营销,店铺,用户,资产,客服,本人接触商城系统开发多年,对框架流程请求比较熟悉,可以长期接受niushop二次开发和模板定制,有需要可以来单.如果没在线可以联系Qq:2568478886 来源： oschina 链接： https://my.oschina.net/ssdds/blog/4257029

第一次使用博客园写博客 1.我写博客的原因，梳理知识，整理思路，好记性不如烂笔头做个记录吧！记录生活！ 1.了解 大概在我使用hbuilder的时候，在官网浏览下载的hbuilder时候无意中发现了uni-app，官网建议学习了vue.js之后就容易上手，当时还没学过vue.js，就简单了解了一下。（一年前），后来学习了vue.js也没有去学习uni-app，现在uni-app推广做的很好了，我在mpvue，vue.js的官网上面发现了uni-app的友情链接，大肆推广，搞活动鼓励大家写插件。然后我就慢慢开始想学了，平台支持也更多了，从只支持小程序，app，h5，增加了百度，支付宝，字节跳动小程序。最近公司接了一个项目，要多个平台的版本，公司有android ，ios 所以我要写小程序，和h5页面加超管后台，所以我的任务很重，就想到了uni-app并准备使用。好了不废话了进入正题。 2.使用 1.打开 https://uniapp.dcloud.io/ 官网发现，如何学习一栏，找到一个在腾讯课堂学习的简单视频，通过一个晚上的学习大致了解了一下。 2.看完，就打开新版hbuilderX，开始新建一个uni-app项目，有各种模板，新闻模板，看图模板，普通模板，演示模板，其中演示模板多了一个hybrid文件夹，并且只能在手机端运行，估计是集成了hybrid。 3.简单一点来说

1. uni-app学习（三） 1.1. async/await使用 表示异步处理，可使用then函数继续操作，返回的是Promise async function timeout() { return 'hello world' } timeout().then(result => { console.log(result); }) console.log('虽然在后面，但是我先执行'); 先打印下面这句 await是等待的意思，它后面可以放任何表达式，不过我们更多的是放一个返回promise 对象的表达式 // 2s 之后返回双倍的值 function doubleAfter2seconds(num) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(2 * num) }, 2000); } ) } async function testResult() { let result = await doubleAfter2seconds(30); console.log(result); } testResult(); 遇到await 之后，代码就暂停执行了， 等待doubleAfter2seconds(30) 执行完毕 参考 这篇博客 1.2. request网络请求封装

1. uni-app学习（四）好用的插件2 1.1. 树形结构 点击 这里 1.2. 下拉刷新上拉加载组件 如果想把下拉上拉做成自定义的，更加好看，可以使用这个插件 地址 这里 举个例子 1.3. 浮动键盘 自定义的键盘，用来限制输入不错 类型有：keyboard 普通键盘 car 汽车键盘 number 数字键盘 特别注意：如果只是需要数字键盘，不一定需要使用插件，uni-app自带input中有键盘类型，支持如下，设置type类型为下列值就行，文档地址 在这 值 说明 text 文本输入键盘 number 数字输入键盘 idcard 身份证输入键盘 digit 带小数点的数字键盘 1.4. 区间滑块 uni-app官方没提供区间滑块，可以用这第三方 点击 这里 1.5. 添加水印 主要就是css的样式，可以直接用 这个 插件，或者参考下它的 1.6. 图表组件 已经发现的插件， ucharts ， F2 ，f2还支持微信小程序，自行斟酌 1.7. 带缩放的轮播 这里 效果 1.8. 证件识别—Android，iOS 收费插件，自行斟酌 这里 未完待续 来源： oschina 链接： https://my.oschina.net/u/4292373/blog/3497408

先写好一个加载动画组件，如： <template> <view class="request-loading-view" v-show="loadingShow"> <view class="loading-view"><view class="loading"></view></view> </view> </template> <script> export default { data() { return {}; }, computed: { //计算属性判断vuex中的显示状态 loadingShow() { return this.$store.state.requestLoading; } } }; </script> <style scoped> .request-loading-view { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 198903060; background-color: rgba(0, 0, 0, 0.001); display: flex; justify-content: center; align-items: center; } .loading-view { width: 160upx; height: 160upx;

应用中，保持登录状态是常见需求，本文讲解使用uni-app框架时如何保持用户登录状态。 即：初次进入应用为未登录状态------->登录---------->关闭应用，再次打开--------->为已登录状态 传统应用保持登录状态的方式是通过读取 cookie 来判断是否是登录状态，但是uni-app不支持对cookie的读写。因为uni-app框架的主体是 VUE，所以可以使用 vuex 进行登录态管理。 关于vuex中定义的全局变量和方法需要定义在指定目录的文件内。 即在项目目录下新建名称为 store 的目录，目录下创建用于定义全局变量和方法的 js 文件，如下图： index.js文件内容如下图所示： 想要定义的这个 js 文件中的变量和方法能在各个页面使用并生效，需要先在项目目录下的 main.js 文件中导入这个 js 文件并声明方法，如下图所示： 声明结束后就可以在页面中监控全局变量和相应方法了，下面在一个登录页面中具体展示。 先在页面导入vuex的方法，如下： 然后，在 computed 计算属性方法中使用 mapState 对全局变量进行监控，在 method中使用 mapMutations 进行全局方法监控，如下所示： 定义登录成功后跳转到个人中心的函数，如下： 网络请求成功后，在回调函数 success 中调用该方法，并把回调函数的返回值数据传给 login

uni-app——uni-ui的使用 0.2882019.06.09 22:53:34字数 186阅读 2602 1）uni-ui 是全端兼容的基于flex布局的ui库； 2）可以使用 npm 的安装使用方式，也可下载相关组件直接使用； 3）uni-ui 不支持使用 Vue.use() 的方式安装 4）uni-ui 依赖 scss，若是 HBuilderX 中创建的 uni-app 项目，需要在 HBuilderX 中安装 scss 插件；如果是使用 cli 创建的 uni-app 项目，需要在项目下npm安装 node-sass 和 sass-loader 1. 初始化项目 在 HBuilderX 中新建 uni-app 项目，进入项目目录，执行： npm init -y 2. 安装 uni-ui npm install @dcloudio/uni-ui 3. 使用 uni-ui 在 script 中引用组件： <script > import {uniCard, uniPagination} from '@dcloudio/uni-ui' // 也可使用此方式引入组件 // import uniBadge from '@dcloudio/uni-ui/lib/uni-badge/uni-badge.vue' export default { components: {