weui开发简单入门
一系列文档地址
项目中使用步骤
本地起测试demo

一系列文档地址
今天需要用到weui，这里记录一下开发文档地址
开发文档：http://old.jqweui.com/components
js文档： https://github.com/Tencent/weui.js/blob/master/docs/README.md
github： https://github.com/Tencent/weui.js
菜鸟教程：http://www.runoob.com/w3cnote/weui-for-weixin-web.html
效果展示： https://weui.io
这里简单介绍一下小程序如何引入weui及其简单的使用
项目中使用步骤
1、在GitHub上https://github.com/weui/weui-wxss/下载程序代码，解压后可以看到如下目录：

2、我们只需要将weui-wxss-master\dist\style\weui.wxss文件导入到小程序项目的根目录下：

3、新建微信小程序项目，将weui.wxss文件导入到小程序项目的根目录下：


4、在项目中引用：在全局app.wxss中加入weui.wxss的引用- @import "weui.wxss";

5 根组件使用class=”page”
<view class="page"></view>

6 页面骨架
<view class="page">
	<view class="page__hd"></view><!--页头-->
	<view class="page__bd"></view><!--主体-->
	<view></view><!--未设置页脚-->
</view>

7 除此之外都是按照weui-开头后接组件名称，例如class=”weui-footer”
<view class="weui-footer">我是页脚</view>

8 组件的子组件样式，例如view.weui-footer组件还有链接和版权信息。
<view class="weui-footer">
<view class="weui-footer__links">
    <navigator url="" class="weui-footer__link">上海物联网科技有限公司</navigator>
</view>
<view class="weui-footer__text">Copyright © 程序媛专用</view>
</view>

本地起测试demo

为了更直观的查看效果和方便使用，我在小程序中新建个项目，地址指向weui-wxss-master\dist（即从git上克隆的代码对应的dist目录），这样就可以随时查找自己要的效果，剩下的就是复制粘贴了，在项目中使用weui的样式如下：


示例代码：
<view class="page">
    <view class="page__hd">
        <view class="page__title">Button</view>
        <view class="page__desc">按钮，WeUI采用小程序原生的按钮为主体，加入一些间距的样式。</view>
    </view>
    
    <view class="page__bd page__bd_spacing">
        <button class="weui-btn" type="primary">页面主操作 Normal</button>
        <button class="weui-btn" type="primary" disabled="true">页面主操作 Disabled</button>

        <button class="weui-btn" type="default">页面次要操作 Normal</button>
        <button class="weui-btn" type="default" disabled="true">页面次要操作 Disabled</button>

        <button class="weui-btn" type="warn">警告类操作 Normal</button>
        <button class="weui-btn" type="warn" disabled="true">警告类操作 Disabled</button>

        <view class="button-sp-area">
            <button class="weui-btn" type="primary" plain="true">按钮</button>
            <button class="weui-btn" type="primary" disabled="true" plain="true">按钮</button>

            <button class="weui-btn" type="default" plain="true">按钮</button>
            <button class="weui-btn" type="default" disabled="true" plain="true">按钮</button>

            <button class="weui-btn mini-btn" type="primary" size="mini">按钮</button>
            <button class="weui-btn mini-btn" type="default" size="mini">按钮</button>
            <button class="weui-btn mini-btn" type="warn" size="mini">按钮</button>
        </view>
    </view>
</view>

微信公众号开发文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432

微信小程序API开发文档:https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html

微信小程序支付接口文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=3

微信扫码支付文档:https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=2_1

微信委托代扣模式开发文档：https://pay.weixin.qq.com/wiki/doc/api/pap.php?chapter=17_2

微信小程序之获取并解密用户数据（获取openId、unionId）登录功能:https://my.oschina.net/magicalSam/blog/832895#comment-list

开发文档
1. 需求规格说明
2. 系统设计
2.1 开发环境
2.2 总体设计
2.2.1 数据采集
2.2.2 算法实现
2.2.3 结果输出
3. 编程实现
4.集成
5.测试
6.维护

1. 需求规格说明
依据什么需求，开发出什么
2. 系统设计
2.1 开发环境
硬件开发平台：NVIDIA Jetson TX2

工业相机：***

操作系统：Ubuntu 16.04

开发平台：ROS

编程语言：Python、C++
2.2 总体设计
系统包含：数据采集、算法实现、结果输出
2.2.1 数据采集
在某某硬件平台上安装某某操作系统，安装ROS，安装驱动，采集数据
2.2.2 算法实现
采用深度学习、机器学习算法实现某某功能
2.2.3 结果输出
针对某某进行输出
3. 编程实现
程序流程图绘制
4.集成
集成包括内部模块的集成和与外部其他模块的集成。

内部模块的集成，主要包括实时采集图像，输入到检测模块处理，然后保存结果供调试使用，最后将检测结果发送出去。

与外部模块的集成，即决策模块，是通过ROS完成的，红绿灯识别模块和决策模块分别为两个节点，红绿灯识别节点发布带有检测结果的话题，决策节点订阅这个话题就可以获取检测结果。
5.测试
测试分为离线测试和在线测试。

离线测试为搭建环境，训练模型，编程实现，测试结果，主要是在线测试前的准备过程。

在线测试需要在真实场景下进行实车测试，检验方案的有效性
6.维护
此方案主要针对特定地点路口红绿灯的识别问题，如果场景变化，还要重新采集数据集进行训练。

目前版本对GPU依赖较高，同时存在实时性不高的问题，后期会优化模型，使用或研发性能更好的框架进行模型的训练。
参考链接：https://blog.csdn.net/learning_tortosie/article/details/79959969

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828

在搜索引擎上直接搜索“ 今日头条小程序开发文档 ” 或 “ 抖音小程序开发文档 ”，是搜不出来开发文档的，你可以搜索 “ 字节跳动小程序 ”。
点击这里可直接进入开发文档，或直接点击：https://developer.toutiao.com/docs/framework/
新地址：

https://microapp.bytedance.com/docs/zh-CN/mini-app/introduction/plug-in/privacy-policy-process-guidelines/