陈小陈的博客

uni-appuni-app官网uni-app 简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uni-app 诞生的背景多端泛滥体验不好生态不丰富uni-app 优势跨平台更多：一套代码多端使用，能优雅的在一个项目里调用不同平台的特色功能。运行体验更好：组件、api 与微信小程序一致，兼容weex 原生渲染。通用技

底层框架技术选型Hybrid技术小程序的架构要求：快！加载快、渲染快……渲染界面的技术：Hybrid 技术，介于原生技术和web 技术之间。若使用纯客户端原生技术，小程序代码需要与微信代码一起编包，跟随微信发版，这种开发节奏必然是不对的。所以小程序像Web 技术那样，有一份随时可更新的资源包放在云端，通过下载到本地，动态执行后即可渲染出界面。若使用纯 Web 技术来渲染小程序，UI渲染跟 JavaScript 的脚本执行都在一个单线程中执行，这就容易导致一些逻辑任务抢占UI渲染的资源。所以，渲

云开发什么是云开发云开发就是在开发微信小程序、小游戏，无需搭建服务器，使用微信云平台的API 进行核心业务开发，从而实现快速上线和迭代。云开发的四大基础功能：云函数 ：无需自建服务器。在云端运行的代码，微信私有协议天然鉴权，开发者只需编写自身业务逻辑代码。数据库 ：无需自建数据库。一个既可在小程序前端操作，也能在云函数中读写的 JSON 数据库。云存储：无需自建存储和 CDN。在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理。云调用 ：原生微信服务集成。基于云函数免鉴权使用小程

微信登录微信登录面对的问题：怎么获取用户在微信的信息怎么获取小程序用户的唯一身份标志获取openid的方法wx.login() 方法可以获取微信登录凭证code使用code 可以向微信服务器换取微信用户的唯一识别标志openid微信服务器提供的接口地址：https://api.weixin.qq.com/sns/jscode2session?appid=<AppId>&secret=<AppSecret>&js_code=<code&

Https网络通信wx.request() 的作用：往服务器传递数据，从服务器拉取信息。request() 有两种方法把数据传递到服务器：get请求：通过url传递参数，如 url:'https://test.com/getinfo?id=1&version=1.0.0'post 请求：通过data传递参数，如：data: { id:1, version:'1.0.0’ },建议使用post 传递数据，因为url 的最大长度是1024字节，url上的参数需要拼接到字符串里，参数的值

交互反馈用户在小程序上进行交互的时候，某些操作可能比较耗时，需要我们予以及时的反馈，去舒缓用户等待的不良情绪，这样的反馈就是交互反馈。常见的交互反馈有：触摸反馈Toast和模态对话框界面滚动触摸反馈通常页面会摆放一些button按钮或者view区域，用户触摸按钮之后会给按钮换个颜色。用户触摸后的样式设置可用通过组件的hover-class属性实现：<button hover-class="sky" bindtap="pay">支付</button>

组件一个小程序的页面是由多个组件组成的。小程序的宿主环境提供了一系列基础组件，如view、text。但有的时候，我们还需要自定义组件。自定义组件的名称要小写：<xiaochnn></xiaochnn>自定义组件自定义组件的方法：在主项目下建立components 文件夹，在其中建立testcom文件夹，在此文件夹上右击“新建 Component”，这样就可以建立出json、wxml、wxss、js 四个文件。组件的json中设置 “component”: tr

生命周期页面的生命周期首先要考虑三个事件：页面初次加载时：onLoad，在页面没被销毁之前只会触发1次。页面显示时：onShow ，从别的页面返回到当前页面时，都会被调用。页面初次渲染完成时：onReady，在页面没被销毁前只会触发1次，在逻辑层可以和视图层进行交互。页面显示后，随着用户的操作，还会触发其它的事件：页面不可见时：onHide，wx.navigateTo切换到其他页面、底部tab切换时触发。返回到其它页时：onUnload，wx.redirectTo或wx.nav

宿主环境宿主环境是微信客户端给小程序提供的一种环境 。宿主指的就是微信客户端，也就是官方API里的wx 对象。宿主环境会把我们写的各种文件整合到一起，进行解析，然后在微信APP 里显示出我们所看到的样子。宿主环境可以为小程序提供微信客户端的能力，比如微信扫码，这是普通网页不具备的。双线程下的界面渲染原理在渲染层，宿主环境会把WXML转化成对应的JS对象，也就是虚拟Dom。在逻辑层发生数据变更的时候，我们可以用setData方法把数据从逻辑层传递到渲染层。在渲染层对比虚拟Dom的前后差

wxml关于项目目录结构参考微信开放文档指南篇。JSON配置JSON 是一种数据格式，并不是编程语言，在小程序中，JSON扮演的静态配置的角色。常见的json 配置文件有3种：小程序配置 app.json：做全局配置页面配置 page.json：对小程序具体页面的配置工具配置 project.config.json：对开发者工具的个性化配置，如域名校验、代码上传时自动压缩等注意：小程序无法在运行过程中去动态更新JSONJSON语法SON文件都是被包裹在一个大括号{}

入门篇我的第一个小程序步骤申请AppID，去微信公众平注册小程序服务，并申请是开发者，在开发管理里获取AppID。安装开发者工具。原生的wxml适合用微信开发者工具开发。新建项目。（学习不建议使用云开发）注意：避坑！！！AppID必须是注册的小程序服务里的AppID,不能是订阅号、服务号等的AppID，负责会出现获取用户信息失败，这是我学习小程序的第一坑，查了好久才发现问题。此外，获取手机号个人是不能获取的，没有权限，必须是单位认证的。...

初始微信小程序小程序与普通网页的区别线程网页开发是单线程的，js线程和渲染线程是互斥的。小程序有一条js逻辑线程和多条渲染线程两种线程。DOM网页开发可以操作DOM。小程序中不能操作DOM。运行环境网页是在PC 端和移动端的浏览器上运行。小程序是在android、iOS、小程序开发者工具上运行。小程序发展史2016年1月11日，微信之父张小龙时隔多年的公开亮相，解读了微信的四大价值观。张小龙指出，越来越多产品通过公众号来做，因为这里开发、获取用户和传播