精华内容
下载资源
问答
  • uniapp

    2019-12-07 15:08:08
    uniapp入坑记记录一下写uniapp踩过的坑upx的坑createSelectorQuery组件选择器uniapp中修改input提示==placeholder==的样式 记录一下写uniapp踩过的坑 uniapp可以将代码编译到5个小程序,h5和app.开始学习uniapp,目标...

    记录一下写uniapp踩过的坑

    uniapp可以将代码编译到5个小程序,h5和app.开始学习uniapp,目标是练习一个小项目,可以正常编译到app,微信小程序和h5

    upx的坑

    首先是uxp单位,在代码中使用upx时,会把屏幕等分为750份,所以在375px的屏幕(iphone7)上4upx=2px,但是在320px屏幕(iphone5)上,4upx=1px,并不是4upx=1.7px,这是因为upx最终换算为px的结果为整数.

    这样的换算应该是整数的px好渲染?不太清楚.

    造成的结果 : 这样的换算对于padding和margin的影响无疑是巨大的,因为假设一个元素设置了padding:4upx;margin:4upx;那么最后这个元素在320px屏幕的误差会达到2.8px,如果这个元素有n个,那么误差为2.8*n

    所以尽量不要给元素定死高度,多使用flex布局

    createSelectorQuery

    那么问题来了:不给元素定死高度,最后在计算列表的高度就不方便了吧,因为小程序不支持原生document.getElementbyID.style这样的形式获取元素高度,所以这里来谈谈createSelectorQuery
    uniapp借鉴了小程序的createSelectorQuery这个api,也是非常方便的就能获取到元素的宽高,和offset等属性.

    createSelectorQuery在小程序中不能选取到自定义组件,官方文档是说uni.createSelectorQuery().in(this)能选取到组件,但是不加in(this),h5也是能选取到组件,小程序加了in(this)也选取不到组件.所以我获取组件高度选择在组件中获取,得到后把高度传回父组件

    值得注意的是,这个api在小程序中是异步代码,在h5里面不是,所以最好使用promise函数将结果return出去,
    下面贴上uniapp的createSelectorQuery这个api的代码

    methods:{
    	
    	getMyHeight(){
    		return new Promise((resolve,reject)=> {
    			let selector = uni.createSelectorQuery().in(this);
    			selector.select('.newslist').boundingClientRect((res)=> { //res - 各种参数
    				resolve(res.height)
    	      })
    			.exec((res)=>{//res - 各种参数
    				
    			})
    			
    		})
    		
    	},
    },
    

    组件

    既然上面谈到了组件,这里就来说说组件的问题,基本用法和vue组件一致
    但是created 在小程序中无法使用,h5正常,推荐使用 mounted

    选择器

    先贴一个报错吧
    Some selectors are not allowed in component wxss, including tag name selectors, ID selectors
    大概意思是无法使用id选择器,属性选择器(例如 : input[type=“text”]),标签选择器(例如 : input),不过标签选择器是可以正常使用的,在小程序 h5 app正常,但是这里报错说不能用,好慌啊

    uniapp中修改input提示placeholder的样式

    <input placeholder-style="color:#eeeeee;font-size:36upx;" />
    

    暂时在学习中只遇到了这些问题,还有的话以后再补上来

    展开全文
  • uniappuniapp开发

    2020-10-13 19:06:57
    二:uniapp的gps定位 0.调用摄像头和图库 ok 1.uni获取设备权限 2.uniapp 原生混编 http://ddrv.cn/a/264373 3.地图实时当前当前坐标 ok () (坐标拾取器) https://lbs.amap.com/console/show/picker ...

    二:uniapp的gps定位
    0.调用摄像头和图库 ok
    1.uni获取设备权限
    2.uniapp 原生混编 http://ddrv.cn/a/264373
    3.地图实时当前当前坐标 ok ()
    (坐标拾取器)
    https://lbs.amap.com/console/show/picker
    https://lbs.qq.com/toolgetpoint/index.html
    4.uniapp APP支付(微信支付)和(支付宝支付)
    1.该链接是通过【统一下单API】中提交的参数notify_url设置,如果链接无法访问,商户将无法接收到微信通知。

    uniapp打包成h5静态文件 : https://blog.csdn.net/qq_37564189/article/details/104692806
    uniapp开发的组件库: https://ask.dcloud.net.cn/article/35489

    用uniapp其实和用vue开发没什么区别,vue能用的插件,uniapp也能用。
    一般的网页能做的uniapp都能做,uniapp不能做的,一般的网页也做不了。
    区别在于unapp不支持dom操作(H5端有dom对象)、不支持过滤器,这和微信小程序是一致的。
    如果只开发h5用不用uni-app没什么区别吧

    展开全文
  • uniapp体验如何?uniapp开发感受及优缺点分析

    万次阅读 多人点赞 2019-07-03 10:52:01
    很多开发者在没有入坑uniapp之前,都想知道uniapp的体验到底怎么样,坑多不多?今天就以我个人开发的项目来谈一谈。 首先介绍一下我在公司开发的项目:购靓号APP、也有h5、购靓号小程序 关注公众号可以快速体验所有...
    很多开发者在没有入坑uniapp之前,都想知道uniapp的体验到底怎么样,开发爽不爽,优缺点是怎么样的,坑多不多?今天就以我个人开发的项目来谈一谈。
    首先介绍一下我在公司开发的项目:购靓号APP、也有h5、购靓号小程序
    扫描下方二维码可以快速体验所有端哦:
    二维码不能放,大家可以去搜索【购靓号】APP或盖公众号,看一下
    uniapp体验如何?假设你们都体验过了,现在我来说一下个人的体验:
    1、APP端,我觉得uniapp开发APP端是最爽的,整体体验比之前的mui高了很多,跟小程序的体验类似,但是比小程序流畅,在iOS端,体验上跟原生很接近,在安卓中高端手机上也跟原生很接近,低端机就卡顿一些,不过应该所有APP都卡顿,总体来说,体验非常不错的。在功能上,uniapp也能应付大部分应用场景,uniapp对于支付、分享、第三方登录、推送等功能都做了封装,使用起来非常方便,另外还支持html5plus原生接口调用,还可以使用weex的nvue集成到uniapp,对大部分APP来说还是够用的,但是在界面方面,uniapp就有些不足了,缺少APP的灵活性,动画使用不方便,css动画使用多了会卡顿,所以整体APP的界面只能中规中矩不能太秀啊。
    2、小程序端,小程序端基本没话说了,跟普通开发小程序一样,不过使用uniapp开发小程序比用小程序官方工具开发的舒服,因为使用的是vue语法,开发快速,功能跟官方小程序一样。
    3、h5端,uniapp单独来开发h5也是很快速的,因为完全不用担心适配问题,默认的upx已经帮你搞定了,最终的体验跟其他一样。
    总体来说,如果你要单独来开发一端的话,使用uniapp非常舒服,如果你要开发跨平台应用,那你需要多阅读官方文档几遍,另外要熟悉每一端的规则,这样可以避免很多坑。uniapp在体验上还是没得说的,在功能上应该还是缺少一些灵活性。但是uniapp几乎不需要前端开发者懂原生开发知识,社区里面的轮子也非常多,拿来即用,目前对我来说,uniapp开发很不错,而且打算一直使用下去。大家有兴趣可以加入Q群一起讨论哦,也有免费的前端学习书籍下载:682783851
    uniapp体验如何?一句话,体验很不错。
    展开全文
  • uniapp学习 uni-app前后端实战课悦读全套视频教程 uni-app视频
  • uniapp.zip

    2020-04-23 19:15:26
    Jshop小程序uniapp前台简约模板
  • uniapp项目源码示例房源系统uniapp项目源码示例房源系统
  • uniAPP文件接收

    2019-09-26 19:25:07
    uniAPP文件接收根据MultipartHttpServletRequest获取LinkedHashMap进行便利获取
  • uniapp-cascader

    2020-11-14 09:51:48
    基于uniapp 开发的级联选择器,支持h5和小程序,支持配置选择样式、支持配置两级和三级,支持配置单选和多选
  • uniapp 进度条

    2020-11-23 09:01:39
    uniapp 进度条uniapp使用:style写一个简单进度条 uniapp使用:style写一个简单进度条 html代码 v-bind:style 简写形式:style <!-- 第一层进度条的背景色 --> <view class="strip"> <!-- 第二...

    uniapp使用:style写一个简单进度条


    )

    进度条的样式图

    1. html代码 v-bind:style 简写形式:style
    <!--  第一层进度条的背景色  -->
     <view class="strip"> 
    		 <!-- 第二层进度条的颜色 -->
    		<view class="blue" :style="'width:'+info.progress+'%'"> 
    			<!-- (进度条显示的图片  样式:根据父元素进行相对定位 ,本身绝对定位 ) -->
    			<image src="../../static/list/niu.png" class="proImg" :style="'left:'+info.progress-1+'%'"> </image>
    		</view>
     </view>
    

    2.css代码

    .strip {
    		/* 父元素相对定位 */
    		position: relative;
    		width: 360rpx;
    		height: 12rpx;
    		color: rgba(80, 80, 80, 1);
    		background-color: #F5F5F5;
    		border-radius: 7rpx;
    		font-size: 28rpx;
    		line-height: 150%;
    		text-align: center;
    	}
    	.blue {
    		height: 12rpx;
    		color: rgba(80, 80, 80, 1);
    		background-color: #1676FE;
    		border-radius: 7rpx;
    		font-size: 28rpx;
    		line-height: 150%;
    		text-align: center;
    	}
    	.proImg{
    		width:84rpx;
    		height:76rpx;
    		/* 子元素绝对定位   */
    		position: absolute;
    		/* 定位方向:属性值 */
    		top:-30rpx
     	}
    

    3.data(数据)

    export default{
    	data(){
    			return{
    					info:{
    							progress:32,	
    							}
    					 }
    			}
     }
    

    这样一个简单的进度条就完成了(* ̄︶ ̄)

    展开全文
  • uniapp官网

    2020-10-30 16:11:56
    https://uniapp.dcloud.net.cn/
  • 这是一个基于uniapp+Springboot+jpa实现的微信小程序简单登录框架 简介 本框架提供初学者学习,具有可用性,没有做token拦截和过多的封装,可根据自己需求更换jpa为mybatis等 使用 先把项目拉取到本地 git@...
  • uniapp 请求方式嵌套一层Promise用async和await的形式去写代码,错误请求统一处理,类同步方式写代码告别回调地狱
  • uniapp教程.docx

    2019-12-28 20:52:54
    完成电影预告uniapp教程开发,适合初学uniapp开发者,资源为百度网盘链接,大小3.98G,看完能够对uniapp有一定的了解。
  • uniapp分包demo

    2020-11-03 15:59:30
    uniapp多页面配置效果,项目代码subPackages 里的pages的路径是 root 下的相对路径,不是全路径。 微信、百度小程序每个分包的大小是2M,总体积一共不能超过8M。 支付宝小程序每个分包的大小是2M,总体积一共不能...
  • uniapp如何实现上拉加载(uniapp懒加载),其实简简单单 不管是微信小程序,app上拉加载功能我感觉用的都是很多的,尤其是电商项目。 文章目录uniapp如何实现上拉加载(uniapp懒加载),其实简简单单第一步开启上拉...
  • uniapp视频下载.txt

    2020-04-10 23:06:30
    uniapp视频下载
  • uniapp实现上传文件功能,uniapp实现上传文件功能uniapp实现上传文件功能uniapp实现上传文件功能uniapp实现上传文件功能uniapp实现上传文件功能
  • uniapp 中的样式使用 uniapp 项目中像素单位使用 rpx。rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。 以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大。 支持基本常用的...
  • Uniapp怎么引入外部js优衣库怎么引入外部js,Uniapp引入外部js的方法:首先新建一个索引l文件,引入外部js,代码为【脚本src=’http://pv.sohu.com/cityjson?ie=utf-8 ‘/script】;然后打开显示文件。本教程操作...
  • 使用uniapp原因 用uniapp开发的程序 可以看到Android的程序 h5的,以及右边ios的程序 然后下载开发工具 下载app开发板 点击打开 然后新建uniapp 可以看一下他的结构非常...
  • uniapp17671.zip

    2019-11-24 23:22:40
    DIY可视化导出UNIAPP测试源码,可视化后导出的UNIAPP源码,支持在H5 微信小程序上跑。他是用了官方一站式婚庆案例直接导出的代码,大家可以自行进去在线设计,导出自己想要的代码。
  • uniapp是2019年非常的火爆的一个Dcloud开发跨平台前端工具,支持ios android wap,小程序,除了android有点卡外,其他暂时没有发现什么瑕疵。最近在捣鼓uniapp项目,恰好用到table组件,之前写了个demo,后面一直都...
  • uniapp如何实现跳转至浏览器UniApp如何实现跳转到浏览器,Uniapp实现跳转到浏览器的方法:1。直接填写跳转地址,代码为[plus.runtime.openUrl(‘跳转地址’)];2.用[http://]设置,代码为[plus . runtime . OpenURL...
  • uniapp时间戳转化

    2020-07-11 14:01:07
    uniapp 时间戳转化
  • uniapp拆坑路1 uniapp简单封装API请求? let baseUrl = '请求相同的连接' export const myRequest = (options)=>{ return new Promise((resolve,reject)=>{ uni.request({ url: baseUrl + url, mehods...
  • 1.uni app 首次运行在微信...配置tabbar属性值实例(注意:tabbar配置后还需要把路径配置到pages.json,如页面配置一样)7、万物基于基础(基础组件)(常用)①、②、view实例③、button④、image8、uniapp的样式<...
  • uniapp组件如何创建如何创建统一应用程序组件,创建uniapp组件的方法:首先,创建一个新的组件[。vue]文件;然后创建一个组件文档结构,代码为[/templatescriptordefault { name : ‘ component name ‘,prop : { ...
  • UniApp H5 微信支付

    千次阅读 2020-03-13 11:44:33
    UniApp集成NPM 第二步,根据Uniapp官网,集成jweixin-module npm install jweixin-module --save UniApp H5微信支付 第三步,需要在微信公众平台,设置-公众号设置-功能设置-网页授权域名,配置自己的H5域名,...
  • uniapp运行提示npm无法使用 查找了好久资料 发现是uniapp自带的npm无法正常使用 下面是处理方法 一、首先安装环境 1、本机系统:Windows 10 Pro(64位) 2、Node.js:v6.9.2LTS(64位) 二、安装Node.js步骤 1、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,892
精华内容 5,556
关键字:

uniapp