codecamp

如何学习 uni-app

建议第一步,看完uni-app官网的首页介绍。

建议第二步,通过快速上手,亲身体验下uni-app。

建议第三步,看完《 uni-app官方教程》,出品人:DCloud,课时:共3节。

如果你熟悉h5,但不熟悉vue和小程序

  1. 这篇看完白话单向应用
  2. DCloud与vue合作,在vue.js官网提供了免费视频教程,也可以直达教程地址:https ://learning.dcloud.io
  3. 不需要专门去学习小程序的语法,uni-app使用的是vue的语法,不是小程序自定义的语法。

如果你使用过mpvue

几乎不用学习,uni-app对vue语法的支持是mpvue的超集。这里有篇mpvue转uni-app指南

如果你熟悉小程序,但不熟悉vue

参考三​​方总结https://segmentfault.com/a/1190000015684864

网友学习笔记分享

关于各端的管理规则需要耐心学习

uni-app并不难学,但我们注意到很多新人在适应各个平台的规则限制时比较急躁。

每个端,有每个端的管理规则,这不是uni-app在技术上上可以抹平的:

  • 例如H5端的浏览器有跨域限制;
  • 例如微信小程序会强制要求https链接,并且所有要联网的服务器域名都要配到微信的白名单中;
  • 例如App端,iOS对隐私控制和虚拟支付控制非常严格;
  • 例如App端,Android,国产rom各种兼容性差异,尤其是因为谷歌服务被墙,导致的push,定位等开发混乱的坑;
  • 如果您的App要使用三方sdk,进行定位,地图,支付,推送...还要遵守他们的规则和限制;

uni-app的临时框架实现原理及优化策略(高级)

通过评估对比,我们知道uni-app的性能比其他小程序开发框架好,但基本上原理是什么?这篇视频就是讲解uni-app框架逐步的实现思路和优化策略:《 uni-app框架如何实现高性能》


uni-app 快速入门
uni-app 框架简介
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }