CUFEECR的博客

在Android开发中会有很多特殊的需求，这样可以使开发的APP功能更强大、更人性化、更实用，我在这里总结了一些常用的技巧和经验，与大家共享。

uni-app是DCloud官方推出的使用Vue.js开发跨平台应用的前端框架，一套代码可编译到iOS、Android、微信小程序等多个平台，学习和开发成本较低。在进行uni-app开发之前需要先搭建环境，下载并安装HBuilderX、微信开发者工具；新建项目时选择类型，创建之后会自动生成项目的默认目录，可以通过多种方式编译运行。一个典型的项目包括App.vue、main.js等文件和pages、static等目录；uni-app遵守Vue单文件组件规范，vue文件包括模板、脚本和样式3个顶级语言块。

uni-app是一个基于Vue开发前端应用的框架，只需要一套代码即可发布到Android、iOS、Web和小程序等多端，在开发过程中使用一些经验和技巧可加速开发：自定义组件时，可以选择自定义模板，增加所需属性。持续更新中...

AS 3.0以上找不到Monitor，需要在终端中执行命令。在Monitor无法打开文件读取权限需要执行adb获取权限。添加jar包需要右键选择Add As Library。waiting for device需要cold boot now。AS3以后NonNull包找不到，需要设置和添加依赖。引用Module报错Unable to resolve可能有两种原因。Manifest errors，改成参数一致。null object是布局出错。4.0以上网络错误有两种解决办法。引用so错误需要添加配置。

在Android Studio中，由于版本、配置等问题，会出现很多bug，有时候代码完全对，可能就时因为某一个插件的版本不对，就会导致整个项目不能正常运行。本博客针对《第一行代码 Android 第二版》(郭霖著)中常见的一些异常，和在进阶开发中经常遇到的一些问题，在自己的实际操作过程中整理了一些常见的bug及解决方法，基本上能解决遇到的问题。持续更新中......

在Android开发中会有很多特殊的需求，这样可以使开发的APP功能更强大、更人性化、更实用，我在这里总结了一些常用的技巧和经验，与大家共享。

uni-app是一个基于Vue开发前端应用的框架，只需要一套代码即可发布到Android、iOS、Web和小程序等多端，在开发过程中可能会遇到一些异常：调用微信开发者工具报错IDE service port disabled，需要打开服务端口；@import导入外部样式需要放于style块最前面，同时后面需要加分号；v-for列表渲染指定:key属性报错Duplicate keys detected。持续更新中...

uni-app支持的长度单位为px和%，基准宽度为750px；使用@import语句导入外联样式表；使用style、class属性定义内联样式；支持class、id等选择器；全局样式和局部样式的作用范围不同。pages.json主要对接小程序：globalStyle用于设置状态栏等，对所有页面生效，pages定义应用由哪些页面组成，tabBar定义多个标签页，condition定义模式配置；manifest.json偏向App配置。uni-app支持生命周期函数，用来定义页面在不同阶段需要执行的操作。

一般在script语言块的data块中定义变量，在template语言块的视图中用{{}}调用变量，可以绑定基本变量和数组等，声明的变量都是响应式的，可以访问数组的某个元素、属性或者v-for遍历；v-if进行条件渲染，满足条件才会渲染元素，:hidden属性用来定义是否隐藏某个元素，两者有所区别。class通过选择器定义样式，进行属性绑定，可以使用三元运算符；style一般定义行内样式，也可以进行属性绑定。uni-app中的事件和web中有一定区别；通过@进行事件绑定；触发事件时，可以传入动态参数。

基础组件：scroll-view是可滚动视图区域；swiper是滑块视图容器；text是文本组件；rich-text是富文本组件；process是进度条。表单组件：button是按钮；checkbox是复选框；input是输入框；picker是滚动选择器；radio是单选框；slider是滑动选择器；switch是开关选择器；textarea是多行输入框；form是表单容器。页面跳转可以用组件或者API实现；跳转可以传递参数。媒体组件：audio是音频组件；image是图片组件；video是视频组件。

request接口用于发起网络请求，可以指定请求方法、携带参数等。chooseImage接口用于从本地选择图片；previewImage接口用于预览图片；getImageInfo接口用于获取图片信息；saveImageToPhotosAlbum接口用于保存图片到本地。uploadFile接口用于将本地文件上传到服务器；uni.download接口用于将文件资源下载到本地。setStorage用于保存数据到本地；getStorage用于根据键从本地获取数据；removeStorage用于从本地删除数据。

getSystemInfo获取系统信息；getNetworkType获取网络状态；makePhoneCall拨打电话；scanCode扫码；vibrate设置振动；addPhoneContact添加手机联系人。setNavigationBarTitle动态设置标题。onPullDownRefresh监听下拉刷新；onReachBottom实现上拉加载更多；使用动作链获取节点信息。用ifdef和endif实现跨端兼容。交互反馈包括显示隐藏Toast、显示关闭loading、显示模态弹窗、显示操作菜单等。

Vue是基于JavaScript、用于构建用户界面的渐进式框架，支持响应式数据操作，uni-app是使用Vue开发前端应用的框架，也支持定义和动态绑定属性和方法。Vue支持实例生命周期，uni-app在此基础上增加了应用生命周期和页面生命周期。uni-app中实现全局变量有3种方式：定义公用模块保存常量；挂载Vue.prototype，使Vue继承其常量和方法；使用globalData属性在App中声明全局变量。class和style属性可以实现动态绑定，支持对象语法和数据语法，实现动态改变元素样式。

小程序和APP登录接口不同，需要在前端进行跨端兼容处理：微信小程序端必须配置appid，开发时沙箱环境测试号；APP端需要进行OAuth鉴权配置，选择所需要的登录方式。微信小程序需要判断是否登录，新建登录页面，使用条件编译，获取用户的相关信息，先获取到code，再获取openid和session_key。APP登录进行事件绑定，需要获取服务商，再调用uni.login方法。小程序分享使用onShareAppMessage生命周期实现；APP通过uni.share实现，可以分享文本、图文和分享到朋友圈。

使用iconfont字体库，需要选择图标、添加至购物车，再创建项目并添加图标、下载字体，使用其中的CSS并进行修改，并在App.vue全局导入。自定义组件位于components目录，可以自定义模板，使用前需要导入并注册，还可以定义props属性来给组件动态设置属性，使用该组件时给属性传值即可，子组件可以使用$emit触发父组件事件，实现组件间消息传递。微信小程序可以申请测试号，并实现预览和真机调试，APP可以选择云打包和本地打包。新闻列表和详情实战包含列表页样式设计、页面间参数传递和第三方接口使用。