1. 学习uni-app

1.1. 概述

  1. 号称一次编写多端运行的前端框架,架构图如下

  1. 对某些不同平台的特殊功能,可以通过条件进行自动编译,也就是写两套代码,不同的环境会选择不同代码编译

1.2. 推荐工具

  1. 其本身推荐的开发工具是HBuilderX,官方IDE下载地址

1.3. 开始趟坑

1.3.1. 新建页面

  1. 由于一开始我建错目录,删掉重新建过,不断报这个错
文件查找失败:'./pages/info/info/info.vue' at main.js:3
  1. 原因就是用HBuilderX新建目录的时候会在pages.json中添加路径,它读路径的顺序也是从上到下,然后一直读的是错的那个

    uni-app学习的更多相关文章

    1. uni app中使用自定义图标库

      项目中难免会用到自定义图标,那在uni app中应该怎么使用呢? 首先, 将图标目录放在static资源目录下: 在main.js中引入就可以全局使用了 import '@/static/icon-o ...

    2. 写一个TODO App学习Flutter本地存储工具Moor

      写一个TODO App学习Flutter本地存储工具Moor Flutter的数据库存储, 官方文档: https://flutter.dev/docs/cookbook/persistence/sq ...

    3. uni app 零基础小白到项目实战-1

      uni-app是一个使用vue.js开发跨平台应用的前端框架. 开发者通过编写vue.js代码,uni-app将其编译到Ios,android,微信小程序等多个平台,保证其正确并达到优秀体验. Uni ...

    4. H5+ 移动app学习之二 Native.js

      Native.js技术,简称NJS,是一种将手机操作系统的原生对象转义,映射为JS对象,在JS里编写原生代码的技术.如果说Node.js把js扩展到服务器世界,那么Native.js则把js扩展到手机 ...

    5. 移动APP学习笔记一

      登录 ●登录用户名和密码错误时,界面有提示信息 ●用户主动退出登录后,下次启动APP时,应该进入登录界面 ●对于支持自动登录的APP,数据交换时  ,是否能自动登录成功且数据库操作无误 ●密码更改后, ...

    6. c#,asp.net 开发 app 学习资料整理

      VS2015 Apache Cordova第一个Android和IOS应用 http://www.cnblogs.com/aehyok/p/4116410.html PhoneGap:免费开源的 HT ...

    7. uni app以及小程序 --环境搭建以及编辑器

      https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 根据以上网页下载自己电脑相应的版本的微信开发者工具(目录 ...

    8. "美团"APP学习记录知识点

      1.APP进入加载广告视图展示: -(void)initAdvView{ // 判断图片是否已经存在 NSArray *paths = NSSearchPathForDirectoriesInDoma ...

    9. uni app canvas 不生效

      canvas 创建canvas绘图上下文. <canvas style="width: 300px; height: 200px;" canvas-id="firs ...

    10. react+redux+react-router+node.js 开发实时聊天App 学习记录

      一.课程导学 1.React 主要解决的是UI层的问题,应用的状态需要借助Redux等状态管理. 2.前端React  +  antd-mobile UI组件库 + Redux 状态管理库 + Rea ...

    随机推荐

    1. andrlid 处理大图片思路,未实践

      Loading Large Bitmaps Efficiently 先不解码,读取image的宽高,然后降采样显示图片. 参考:http://developer.android.com/trainin ...

    2. oracle在windows(含客户端工具pl/sql安装)下安装

      安装Oracle服务器端 系统默认创建的数据库名称为orcl,可自行修改. 全局数据库名(用来唯一标示Oracle数据库,每个数据库至少由一个Oracle系统标识符(SID)引用),orcl,后面称为 ...

    3. 【Hadoop】CDH、Presto配置问题

      1.hive.properties配置如下 connector.name=hive-hadoop2 hive.metastore.uri=thrift://node001.XXXX.com:9083 ...

    4. bootstrap ui样例

      http://demo.codedefault.com/demo/ui/theadmin/samples/invoicer/settings.html

    5. macos -bash: yarn: command not found/-bash: cnpm: command not found

      -bash: cnpm: command not found-bash: yarn: command not found-bash: xxxx: command not found如上yarn/cnp ...

    6. redis 键值对 有效期设置

      redis 键值对 有效期设置redis中可以使用expire命令设置一个键的生存时间, 到时间后redis会自动删除它<-----> 类比于javaweb系统临时数据 过期删除功能 ex ...

    7. 运维-安装rabbitmq 集群

      服务器:   online-platform-rabbitmq-01 online-platform-rabbitmq-02 online-platform-rabbitmq-03 绑定HOSTS: ...

    8. [技术博客] Springboot的Controller类使用

      Springboot的Controller类使用 @Controller:处理http请求. 代码: @Controller public class QuestionController { ... ...

    9. JDBC链接数据库MySQL 8.0 Public Key Retrieval is not allowed 错误的解决方法

      现象 Mybatis和Spring框架整合过程中报 com.mysql.jdbc.exceptions.jdbc4.MySQLNonTransientConnectionException: Publ ...

    10. 043 用户注册功能03--Redis安装及完成短信发送功能

      1.Redis安装 (1)下载地址:https://github.com/MicrosoftArchive/redis/releases/tag/win-3.2.100   ( redis官网: ht ...