前端入门（html+css+js）浏览器端开发和微信小程序开发的过程

前端入门（html+css+js）浏览器端开发和微信小程序开发的过程区别

篇幅有限，基本的html，css和js的知识在这里就不说了，在这里重点讲述css渲染，获取后端数据，将获取到的后端数据渲染到html节点中
1、css渲染主要分为盒模型、布局（flex）两个模块:
（1）盒模型:html中的任何一个标签都可以看作一个盒子模型，主要由内容模块（width，height），内容与边框之间的间隙模块（padding），边框模块（border），边框外部模块（margin）组成。可以在浏览器中开发者工具上看到盒子模型。
（2）布局:flex布局可以看成是盒子中内容的排版，盒子中内容也可以看成是更小的盒子，在flex布局中，可以随自己所想来布局盒子中的盒子。
2、在后端配好接口后，在前端便可以调用post，get方法来请求数据，浏览器端:通过ajax来进行异步获取数据。如果是在微信小程序上是通过微信小程序的API接口来调用后端数据:wx.request（）。
3、获取到数据后，需要把数据渲染到html节点中，在浏览器开发中可以通过js来获取dom树的节点，然后把数据写入到该节点当中，在微信小程序开发中，在html节点中以{{dataname}}充当变量，然后在js中定义改变量，并给该变量赋值。 这种渲染模式是两者开发比较大的区别。