听说uni-app牛逼的狠，一套代码可以发布到各种微信、QQ、百度、头条小程序以及H5、安卓、IOS，牛逼的不要不要的，还有超级多好看的插件，完全拿来即用超级方便？

项目介绍

作者开发了一年多的小程序，在开发过程中遇到了很多的坑与不方便之处，同时又对原生开发有着一定的执著，但是对于习惯了我这种用惯了vue的人来说，原生小程序中的一些写法确实让人感到难受，我想大家在进行原生开发时也会面临着一些不方便之处，例如wxss写法不支持嵌套，不支持变量、混合、函数，不支持双向绑定等等一些问题。于是本着不放弃原生开发并解决一些开发中的问题，一个原生微信小程序开发辅助框架 LWX 应运而生，希望能帮助大家解决一些开发中的痛点与不方便之处同时也借此分享一些我的小程序开发心得，同时希望大家能多多交流一起完善这个项目，让原生小程序开发更加丝滑。

uni 文档中 scroll-view 说明

可滚动视图区域，用于区域滚动。使用竖向滚动时，需要给 scroll-view 一个固定高度，通过 css 设置 height；使用横向滚动时，需要给 scroll-view 添加 white-space: nowrap; 样式。

无论它在图层上的哪个层，如果把它移出摄像机，那它都会在摄像机跟随精灵的上层。

角色和地板相交时，如果碰撞轮廓没有问题，检测这个角色的其它造形的碰撞轮廓。

开发小程序的话 首先要了解里面的每个文件的作用

1. 小程序没有DOM对象，一切基于组件化
2. 小程序的四个重要的文件*.js*.wxml ---> view结构 ----> html*.wxss ---> view样式 -----> css*. json ----> view 数据 -----> json文件

      <view class="certificateContent">
        <view class="certificateName">
        </view>
        <view class="certificateCode">
          <view class="code">
          </view>
        </view>
      </view>

一、签到子页面布局

子页面主要是一个签到按钮，然后下方是签到记录列表。

切图网提供专业的微信小程序切图服务，有关于 微信小程序切图需要几倍图，下面和大家讲讲。

小程序切图和手机网站切图一样都是基于2倍图的，另外附带其他你需要知道的一些的小程序切图的知识。

1，小程序切图的宽度以750px为准（可以理解为是以iphone5、6的尺寸作为标准尺寸）

2，小程序切图在做设计的时候基本以750px为准，在做小程序切图的时候，基本按1:1 来做即可

3，小程序切图需要用到单位 rpx

我们开发的项目一般都会有可视化界面，如下图：

我们需要考虑在各个设备上能够正常显示，我们就看看 uni-app 创建的项目，他的响应式是如何处理的？

一、uni-app 是如何实现响应式的？

uni-app 的尺寸单位：

• px：屏幕像素单位。

就目前看来，web的屏幕适配是贯穿整个前端行业的，如常见的PC端，移动端，响应式，小程序等。

PC端