学习微信小程序过程之一－－imxiangzi

★  环境搭建

     

微信小程序学习第1天：微信小程序开发入门介绍

 

 

      https://blog.csdn.net/Vest_er/article/details/128671887

★. 建立第一个工程及分析

微信小程序开发教程！

 

 

https://blog.csdn.net/topfire7/article/details/52663342 

 

★. 建立一个新的工程，删除自动生成代码，自己手工添加代码

    

和我一起学习微信小程序(一)，菜单和全局配置

 

 https://zhuanlan.zhihu.com/p/410749083

 

★ 添加一个界面page

方法：1.  右击工程菜单中选择 新建page

             https://blog.csdn.net/weixin_43479599/article/details/110039732

方法：2.       打开全局app.json => pages 中新增页面的存放路劲，小程序开发者工具即可以帮助我们创建对应的页面文件

           https://blog.csdn.net/weixin_50123771/article/details/128879350

 

结构（welcome界面）： 

• welcome.js
• welcome.json
• welcome.wxml
• welcome.wxss

 

★ 界面布局

对于小程序中的wxss布局方式，不推荐使用诸如position，float之类的属性，而是采用flex布局，灵活快捷自适应，关键是自适应！

 

此处另起标题也是为了表达我对其强烈的推荐，因为我这个后端都能用flex很好的布局，可见其简单快捷性！

 

强烈推荐阮一峰老师的两篇博文：

• Flex 布局教程：语法篇
• Flex 布局教程：实例篇

 

微信小程序开发 [02] 页面注册和基本组件

 

 

 https://www.cnblogs.com/deng-cc/p/8600898.html

flex布局－－介绍很清楚

https://blog.csdn.net/lxllxl211/article/details/128094701

 

 

   ★ 基本组件

 

常用标签

<text>

<view>

<\image>

这些标签可以撑起80%-90%的程序

 

    <text>相当于传统html中的<span>

    <view>相当于传统html中的<div>

<text>

 

微信小程序 text组件和rich-text组件的用法和区别？

 

 https://blog.csdn.net/weixin_50123771/article/details/128895249

<image>

 

 

微信小程序 怎么插入图片？image组件的使用教程。

 

 https://blog.csdn.net/weixin_50123771/article/details/128900781

<view>

微信小程序 view组件的基本使用

 

https://blog.csdn.net/weixin_50123771/article/details/128880484 

<button>

 

微信小程序button组件怎么使用？

 

 https://blog.csdn.net/weixin_50123771/article/details/128898998

<input>

微信小程序之获取input框输入值

 

 

 

https://www.cnblogs.com/panwudi/p/16778706.html