zoukankan      html  css  js  c++  java
  • 微信小程序开发 --02

    微信小程序在开发中,难度系数不是很大,其中应用的技术也是web开发中常用的技术,虽然在微信开发者工具中的叫法与常见的web开发的叫法不太一样。

    首先,在微信小程序开发中,代码文件格式大体有以下四中:

    .wxml .wxss .js .json

    首先,wxml后缀的文件类似于html和xml的结合,例如在html中常用的div在微信小程序开发中被替换成了view,而在html中输出文本用的p标签被替换成了text标签,引入图像由html中的img 标签变成了image标签,等等。如果你之前开发的web客户端,那么你会发现,微信小程序的布局对你来说熟悉的简直不能再熟悉。

    wxss 后缀的文件起始就是我们常见的css文件,只不过文件的后缀不同,在其中同样可以使用传统css中使用的种种属性。那么是否我们在css中使用的选择器是否可以在微信小程序中使用呢?

    大体上我们常用的css选择器都是支持的。

    那么需要注意的是,在我们之前的前端开发中,html中如果需要使用css,需要使用link标签来引入css文件,但是在微信小程序开发中,则不需要引入。微信小程序会自动的将.wxml .wxss .js .json这四种文件后缀的文件自动合成一个文件,这其中的逻辑和操作不需要我们去思考和操作。

    .js 文件里面放置业务逻辑代码,主要语法就是JavaScript语法。而且在微信小程序开发中支持es6的语法,但是需要注意的是微信小程序并不是支持全部的es6语法,而且在编译的时候也是通过babel将es6的语法转换为es5的语法。

    .json文件主要是放置一些当前页面的配置信息。

    当然在开发微信小程序的时候,还有一点需要注意,就是在一个目录下面的代码文件,代码的名字最好一致。

    __Tip:__
    在开发微信小程序的时候,当进行页面的布局的时候可以使用一些ui库,也可以自己通过代码去设置样式,但是在自己写样式代码的时候,我个人还是比较推荐使用css3中新增加的flex布局方式。如果你不太属性,可以点击http://www.cnblogs.com/liujunhang/p/6992829.html这里参考。

  • 相关阅读:
    读取STL模型 并用opengl显示
    金币阵列问题
    字典序问题的解决方案
    opengl中的旋转与平移
    copy文件夹,通过C++读取系统、用户名以及计算机名的方法
    poj3032
    菲涅尔反射(Fresnel Reflection)
    几个稍大场景的渲染测试
    Ward BRDF实现心得
    离线渲染中的不规则光源(Meshlight)
  • 原文地址:https://www.cnblogs.com/yujihaia/p/7468222.html
Copyright © 2011-2022 走看看