随笔分类 - 移动端开发
摘要：如果应用是一个多 tab 应用，则可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。 Tips (1) 当设置 position 为 top 时，将不会显示 icon (2) tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab
阅读全文
摘要：pages.json的配置项pages uni-app项目是通过pages节点配置应用由哪些页面组成，pages节点接收一个数组，数组每个项都是一个对象，其属性值如下： (1) 属性：path 类型：String 描述：配置页面路径 (2) 属性：style 类型：Object 描述：配置页面窗口样
阅读全文
摘要：一个uni-app项目中用来进行全局配置的文件就是pages.json，它决定了页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。它与微信小程序中app.json的页面管理部分相似。需要注意的是定位权限申请等内容原本是属于app.json的，但在uni-app中它是在manifest
阅读全文
摘要：一．使用各家小程序开发工具调试 uni-app 运行到微信web开发者工具等小程序开发工具里，可在这些工具的控制台查看 console 信息，网络请求等信息等。 页面样式调试和JS调试，如下图：就以微信的开发者工具为例 (1) 页面调试 页面样式调试和一般的web项目一样，通过调试的箭头选中元素即可
阅读全文
摘要：一．使用HBuilderX内置浏览器调试H5 1.内置浏览器的用法： 使用HBuilderX打开 uni-app 项目的页面，点击HBuilderX右上角的预览按钮，就可以在内置浏览器里面打开H5运行结果，也可以点右键打开控制台调试。 在页面上修改源码，点击保存之后，右边的浏览器内容可以自动刷新。
阅读全文
摘要：为提升开发效率，HBuilderX将 uni-app 常用代码封装成了以 u 开头的代码块，如在 template 标签内输入 ulist 回车，会自动生成如下代码： 注意需保障uni-list组件在项目的components目录下。比较简单的方式，是新建项目时，选 uni ui项目模板，在里面即可
阅读全文
摘要：H5开发注意事项 1.H5发布到服务器的注意事项 (1)第一步是配置发行后的路径，注意，发行在网站根目录的可以不配置路径，比如发行网站路径是 www.xxxx.com/html5，在 manifest.json 文件内编辑 h5 节点，router 下增加 base 属性为 html5. (2)点击
阅读全文
摘要：1.App(v2)与App(v3)差异说明 App(v2)默认template中使用了未定义或未初始化的数据，运行的时候不会报错，而且不影响后续节点渲染。App(v3)运行时，会直接发出警告，并报错（标准的vue渲染逻辑，同H5），且影响后续节点数据的渲染，错误信息通常显示为undefined is
阅读全文
摘要：uni-app跨端开发注意事项 1、H5正常但App异常的可能性 (1) css异常： (2) 不支持的选择器非H5端不支持 * 选择器；body的元素选择器请改为page，同样，div和ul和li等改为view、span和font改为text、a改为navigator、img改为image等等。
阅读全文
摘要：1.跨端兼容 Uni-app已经将常用的组件、JS、API封装到框架中，开发者只需要按照uni-app规范开发即可保证多个平台的兼容，大部分业务都可以直接实现。 但是，每一个平台都有自己的一些特性，所以会存在一些无法跨平台的情况。 在程序中写大量的if else语句，会造成代码执行性能低下以及管理的
阅读全文
摘要：使用Vue.js注意事项 Uni-app项目发布在H5平台上时支持所有的Vue语法，发布到App和小程序时，由于平台限制，无法支持所有的vue语法，但是，uniapp仍旧是对vue语法支持度最高的跨端框架。 Uniapp与Web平台相比，Vue.js在uni-app中使用的差异主要集中在两个方面：
阅读全文
摘要：一．<template>和<block> Uniapp项目的基本结构是<template></template>里面在包裹一个<view></view>。但是uniapp还支持在<template></template>模板里面嵌套<template></template>和<block></bl
阅读全文
摘要：一、 路由 uni-app项目中页面路由使用框架统一管理，开发者需要在pages.json里面配置每个路由页面的路径和页面样式。类似的小程序在app.json中配置页面路由相同，所以uni-app的路由用法与Vue Router不同。 uni-app有两种页面路由跳转方式；第一种是使用导航器(nav
阅读全文
摘要：1.onLoad 监听页面加载，他的参数是上一个页面传递的数据，参数类型为对象（Object用于页面传参）。 第一步：跳转页面并在url中传递参数 第二步：在onLoad页面周期函数中接收从上个页面传过来的参数，并打印。 在第一步的传递参数中还有一个需要特别注意的点：url有长度限制，太长的字符串会
阅读全文
摘要：一、应用生命周期 Uniapp的生命周期有应用生命周期和页面生命周期，今天我们就先来认识一下应用生命周期的几种生命周期函数。 其中，应用生命周期只能用在App.vue页面监听，在其他页面监听不起作用。 onLaunch 作用：在整个uni-app项目初始化完成时触发，并且全局只触发一次。 在HBui
阅读全文
摘要：所谓案例，直接上代码 标签块： <view> <free-transparent-bar :scrollTop="scrollTop" @clickRight="clickRight"></free-transparent-bar> <view class="position-relative" s
阅读全文
摘要：所谓案例，直接上代码 标签块： 1 <view class="page"> 2 <!-- 导航栏 --> 3 <free-nav-bar showBack :showRight="false" :backEvent="false" 4 @back="back"> 5 <input type="tex
阅读全文
摘要：一、uniapp项目的目录结构 需要注意的是： static目录下的js文件不会被编译，如果里面有es6的代码，不经过转换直接运行，在手机上会报错。 建议在static目录下不要放一些css、less/scss等的资源文件，可以将其放在专门建的公共样式文件目录中。 二、资源路径说明 1.模板内引入静
阅读全文
摘要：所谓案例，直接上代码 标签块： 1 <view class="px-3"> 2 <!-- 导航栏 --> 3 <free-nav-bar showBack :showRight="true" bgColor="bg-white"> 4 <free-main-button name="发表" slot
阅读全文
摘要：uniapp为了实现多端兼容，以及编译速度，运行性能等的因素，约定了以下5种开发规范。 1、uniapp的页面文件遵循Vue单文件组件(SFC)规范。 首次说说什么是Vue单文件组件(SFC)规范？ 每一个.vue文件包含三种类型的顶级语言块，分别为<template>、<script>、<styl
阅读全文
浙公网安备 33010602011771号