首先我们准备苹果手机一台,数据线一根,然后连接到电脑. 1.电脑安装iTunes 软件,网址:http://soft.onlinedown.net/soft/279734.htm 安装完成之后打开iTunes ,此时苹果设备应该会弹出授权,点击允许就行. 进入这个界面之后,证明我们已经成功连接到苹果设备. 2.进入HBuilder 运行到手机 如果出现这个情况,重启下HBuilderX 就好,然后重新点击运行到苹果设备. 然后我们就可以看到苹果设备上会出现一个HBuilder 3.苹果设备进设置

官方文档对跨域的解决方案推荐: https://ask.dcloud.net.cn/article/35267 更方便的解决方案 项目根目录直接创建一个vue.config.js文件,并在里面配置代理,直接上代码 module.exports = { publicPath: './', devServer: { proxy: { '/api': { target: 'https://movie.douban.com', ws: true, changeOrigin: true, pathRewr

事件表: Web事件 uni-app事件 click tap touchstart touchstart touchmove touchmove touchcancel touchcancel touchend touchend tap tap longtap longtap input input change change submit submit blur blur focus focus reset reset confirm comfirm columnchange columnch

事件修饰符stop的使用会阻止冒泡,但是同时绑定了一个非冒泡的事件,会导致该元素上的catchEventName失效! prevent可以直接干掉,因为uni-app里没有什么默认事件,比如submit并不会跳转页面. self没有可以判断的标识 once也不能做,因为uni-app没有removeEventListener,虽然可以直接在handleProxy中处理,但非常的不优雅,违背了愿意,暂不考虑按键修饰符:uni-app运行在手机端,没有键盘事件,所以不支持按键修饰符. view视图容

码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14427845.html 目录 码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14427845.html 环境搭建 创建uni-app 运行uni-app 介绍项目目录,文件作用 页面外观设置 页面底部 tabBar 启动模式配置 condition 数据及事件绑定 组件使用 uni-app中的样式 条件注释实现跨端兼

uniapp官网 uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.Web(响应式).以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝).快应用等多个平台. HBuilderX:官方IDE下载地址 新建uni-app 运行uni-app uniapp 初始化相关配置 工程目录结构 一个uni-app工程,默认包含如下目录及文件: ┌─uniCloud 云空间目录,阿里云为

从08年开始一直到现在,碰到所有的项目,我个人经手的,都用wpf开发. wpf应该说一直没有火过,一直平平淡淡. 个人为什么一直执着用wpf,开始使用是因公司项目,做了两年wpf开发,后来换工作一直搜索关键字wpf,一直用到现在. 开始认为 wpf+silverlight 会无敌存在,认为CS  + BS 会占领国内软件行业70%.以为前景广阔,随着经验越来越多,使用会越来越广,找工作路子越来越宽............... 然并卵,5年后,12年silverlight 停止更新. 希望vs2

svg替代iconfont的好处(无论是基于Vue.Jquery),都推荐svg http://www.woshipm.com/pd/463866.html svg图标库,svg图标在线制作 https://icomoon.io/app/#/select svg体积优化 https://jakearchibald.github.io/svgomg/?utm_source=next.36kr.com 示例代码(建议uniapp运行环境,修改也可以vue环境运行,需支持sass处理) <templa

提前安装了node.js, https://nodejs.org/zh-cn/download/ 跟着提示安装就行,然后执行一下命令cdm看下版本号如下图就说明安装成功了 安装包里面集成了npm,然后我们就可以利用npm命令从获取淘宝镜像的cnpm了. 1.打开命令行窗口,输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 获取到cnpm以后,输入下面的命令,都用cnpm不需要用$ npm; cnpm install

uni-app-Video GitHub地址:https://github.com/Tzlibai/uni-app-video 一个优秀的uni-app案例,旨在帮助大家更快的上手uni-app,共同进步! Features ​ 代码编写简洁,注释清晰,快速入门必备: 支持在线模糊搜索: 程序类目懒加载,支持在线播放预告片: 更好的App跨平台框架.更方便的H5开发框架,加载新页面速度更快: 一套代码,可发布到iOS.Android.H5.以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘

安装: 直接到官网安装. 到插件市场下载一个模版. 新建项目的时候有提示链接: 找一个模版用于测试,或者在创建的时候选一个内置模版. 运行:第一次运行的时候有几个地方需要配置,这里因为只是用到了微信小程序和移动端app,其他请自行参考官网 一.编译运行微信小程序: 1.配置按照路径:工具-配置 2.新建项目.选择模版 3.运行编译:左侧项目目录要选中uni-app 的项目,点击菜单栏里的运行-运行到小程序模拟器 注意:需要在微信小程序开放工具里开启服务端口 二.运行到浏览器:H5版本 运行-运行

使用uni-app(Vue.js)开发微信小程序项目步骤 1. 新建一个uni-app项目   创建完成后的目录结构 2. 打开微信小程序开发工具端的端口调试功能 3. 运行创建的项目 效果

1.工具及环境 HBuilder X 微信开发者工具 Node.js,测试:node -v(node安装) 和 npm -v(自带的npm也安装成功) 2.创建uni-app项目: 在点击工具栏里的文件 -> 新建 -> 项目,选择uni-app,输入工程名,如:hello-uniapp,点击创建,即可成功创建 uni-app.点击模板里的 Hello uni-app 即可,如下图: 一个uni-app项目,默认包含如下目录及文件: 3.运行uni-app到微信开发者工具 1.填写微信小程序的

本人微信公众号:前端修炼之路,欢迎关注 背景介绍 大概在今年的十月份左右,我了解到Dcloud推出了uni-app.当时下载了一个Hbuilder X,下载了官方提供的hello示例教程.经过一番努力,在云端打包成功了.当时这个软件还不够完善,用iphone真机模拟运行时,还会存在中文乱码问题.我还特意提交了一个bug. 当时觉得这个框架真的好用.早先开发过混合app,也就是在webview下内嵌html5页面,经常会出现卡顿的和性能问题.这个解决方案DCloud本身也提供了,就是mui.但是u

蓝牙接收苹果手机通知 ANCS协议分析 转载,请注明出处:http://www.cnblogs.com/alexcai/p/4321514.html 综述 现在有许多蓝牙手表.手环都能接收苹果iphone手机的系统通知,那这是怎么实现的呢? 其实,这都有赖于苹果IOS 7开始提供的ANCS协议,ANCS(苹果通知中心, Apple Notification Center Service)的目的是提供给蓝牙外设一种简单.方便的获取ios设备通知信息的方式.使得蓝牙手环.手表可以收到苹果手机的来电.

1.uni-app不支持动态组件,目前在用i-if判断,或者用scroll-view切换,没有想到什么其他的办法 2.uni-app不支持具名插槽,会导致页面塌陷 3.uni-app在做动态组件渲染的时候可能会对高度,偏移,定位不友好,但是用px单位就不会有问题,感觉原因是在打包的时候upx单位不会编译成px 4.平常我们再写vue项目的时候会写一个扫描文件,为的就是不用每个组件都去引用那么多组件,但是我在做uni-app的时候浏览器运行是没问题的,但是在安卓手机上并不支持,我打印了一下,确实是

uni-app实现了一套代码,同时运行到多个平台.支持iOS模拟器.Android模拟器.H5.微信开发者工具.支付宝小程序Studio.百度开发者工具.字节跳动开发者工具 工具安装 开发uni-app需要安装HBuilder X.下载地址. 下载成功后直接解压即可 简单的配置一下开发偏好:  创建第一个uni-app 点击左上角[文件]>>[新建]>>[项目],选择uni-app模板. uni-app目录结构 目录结构基本和小程序的目录结构相似,只是多了个基础组件的文件夹: un

摘要: 微信小程序开发技巧. 作者:coldsnap 原文:小程序多端框架全面测评 Fundebug经授权转载,版权归原作者所有. 最近前端届多端框架频出,相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个? 作为 Taro 开发团队一员,笔者想在本文尽量站在一个客观公正的角度去评价各个框架的选型和优劣.但宥于利益相关,本文的观点很可能是带有偏向性的,大家可以带着批判的眼光去看待,权当抛砖引玉. 那么,当我们在讨论多端框架时,我们在谈论什么: 多端 笔者以

https://my.oschina.net/u/2428630/blog/3004860 uni-app框架中 安装(项目根目录下运行) npm install uni-request --save 文件中引用 import uniRequest from 'uni-request'; 使用方法 请求方法的别名 uniRequest.request(config) uniRequest.get(url[, config]) uniRequest.delete(url[, config]) un

今天项目还没有开始开发,网上看到了uni-app官网介绍可以一套代码,多端使用,感觉很厉害的样子,就做了个小程序页面试试. uni-app 使用 vue语法,小程序api,内嵌mpvue,使我们能够很快的上手开发. 先上效果图 一.安装(HBuilderX 和 微信小程序开发工具) 安装完成HBuilderX 后新建uni-app项目 项目目录和我们平时vue项目结构差不多,我们可以在.vue文件来编写我们的页面.        我们在第一次打开小程序时需要注意两点: 1.配置小程序路径:运行-