• 微信小程序路过——新手不要错过哦!


    应该算是入门篇, 从我怎么0基础然后沿着什么方向走,遇到的什么坑,如何方向解决,不过本人接触不是很多,所以也就了解有限。

    小程序的前提:

    1.小程序大小不允许超过2M。(也就是本地图片,大图精图不要在项目中添加过多,大部分用网络接口图片)

    2.小程序跳转页面navigate API  最多跳转5层。

    3.小程序实现列表展示 不必要非要使用ScrollView 来实现,正常view就可以

    基础:

    首先创建一个界面(四个文件): 

    js 就相当于网页的JS,  json 相当于期初配置一些参数(比如:其中配置一个"enablePullDownRefresh": true 允许下拉刷新), wxml 相当于html页面 , wxss相当于CSS 页面。

    ps:json中不能出现注释哦!

    上面就是 小程序一些介绍

    然后下面是他的一些坑:

    1.小程序访问域名  必须要是https 的,当然小程序的编辑器允许一种模式:

    这个勾选上就可以测试使用,但是上线后必须要在微信公众平台上  填写安全域名。(这个东西有个问题就是 如果你用image控件直接访问连接的话,是没有限制的。)

    2.控件赋值的,都是用的js中Data 变量统一 设置, 不像js那样直接Dome取值,或者jq取值。(相当于局部变量,全局变量),这估计也跟他 前台html代码如模板引擎的方式有关。

    3.小程序的 特殊赋值方式,this.setData({}); 当然如果你在请求中使用这个 this   指针就会变更而不再是当前页面。

    4.小程序 还是赋值

    key = "commodity_info.Children[" + i + "].CreateTime";
    this.setData({
    [key]: "white",
    });

    比如这种赋值方式,你需要在循环中给 页面变量赋值, 这时候就需要用到这种方法 拼接成字符串, 当然还要[]这样来转义一下,(跟sqlserver中一样)。

    5.小程序页面变量,比如字典,想往其中插入值 ,我至今没有搜到方法(有知道的可以留个言谢谢),都是用的字符串拼接。

    6.小程序的日期 系统只提供了 年/月/日/ 时:分:秒 这样的格式,自己如果想修改,可以在 utils 下 util.js中修改成自己想要的格式,代码很简单一看就明白的

    也就是修改 红色标记这一块,就可以。

    (ps:使用这个东西之前一般都要引入 js文件  如下:)

    var util = require('../../utils/util.js');
    var utilMd5 = require('../../utils/MD5Util.js');
    var Parser = require("../../utils/xml/dom-parser");
    sign
    = utilMd5.hexMD5(sign).toUpperCase();//使用方式

    然后剩下这一点就留个记忆因为经常用:

    <block wx:for='{{SettlementList}}' wx:for-item="Item" wx:key="">
      </block>
    wx:for-index="idx"//设置 for循环中的 index

    列表渲染(for循环)方法

    <view wx:if="{{length > 5}}"> 1 </view>
    <view wx:elif="{{length > 2}}"> 2 </view>
    <view wx:else> 3 </view>

    条件渲染(if判断)这两个 html页面比较常用

    对了还有一个我经常用的小知识点,就是如果一个lable标签中  会根据判断 显示不同的值 ,可以用if这种条件渲染。

    也可以用 

    <label class='commodityName'>{{item.FlowerGoodsTitle}}{{item.DogGoodsTitle}}</label>

    当然也可以用这种方式,  因为页面最终都会变成文字,(局限性:就是一个有值得时候另一个肯定为空)

     
  • 相关阅读:
    javascript 高级程序设计 二
    javascript 高级程序设计 一
    js 立即执行函数
    thinkphp验证器
    thinkphp5 行为(钩子)扩展
    thinkphp5控制器
    修改tp5的默认配置文件的位置
    thinkphp5 model 模型与Db
    API接口设计,rest,soap
    tp5的路由
  • 原文地址:https://www.cnblogs.com/nnqwbc/p/8125786.html
Copyright © 2020-2023  润新知