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. centos7.7离线安装nginx

      一.1.安装openssl,因为编译安装nginx需要指定openssl目录 mkdir /data/openssl -p cd /data/openssl wget https://www.open ...

    2. wordpress后台添加左侧边栏菜单如何操作

      我们有时为了方便操作会把一些特定的链接添加到wordpress后台左侧菜单栏中,这个要如何实现呢?其实不会很难,使用两个WordPress内置函数就可以解决问题,分别是add_menu_page()和 ...

    3. Pycharm过期了怎么办?

      Pycharn过期了,打开Pycharm,选择help,倒数第三个register,用激活码进行激活,具体情况见激活码,侵删

    4. GO 解决使用bee工具,报 bash: bee: command not found

      我最近使用beego时,遇到以下问题:command not found使用vscode时,运行bee run,报以下错 我查到一篇文章csdn,说用拷贝bee.exe方法,我觉得纯扯淡 如何解决? ...

    5. Codeforces Round #606 (Div. 2) D - Let's Play the Words?(贪心+map)

    6. 说几条JavaScript的基本规范

      1.不要在同一行声明多个变量 2.使用===或!==来比较 3.使用字面量的方式来创建对象.数组,替代new Array这种形式 4.不要使用全局函数 5.switch语句必须要带default分支 ...

    7. 请简要描述margin重复问题,及解决方式

      两个相邻的盒子垂直方向上的margin会发生重叠,取较大的那个值,而不是相加. 解决: 父级设置padding代替margin 父级设置overflow:hidden 当前元素设置透明的边框 使用绝对 ...

    8. python requests 上传excel数据流

      headers=self.headers #获取导入模版 file_home = self.import_template log.info(file_home) wb = load_workbook ...

    9. Log4j之HelloWorld

      在编写项目的时候,我们一般都会用到日志记录,方便出错查找原因.首先我们需要了解什么是Log4j 1.使用maven建立工程,在pom.xml中加入如下: <dependency> < ...

    10. List中的ArrayList和LinkedList源码分析

      ​ List是在面试中经常会问的一点,在我们面试中知道的仅仅是List是单列集合Collection下的一个实现类, List的实现接口又有几个,一个是ArrayList,还有一个是LinkedLis ...