zoukankan      html  css  js  c++  java
  • 小程序的初涉

    好久没更博客了!!!

    最近一直在忙者弄小程序,顺便说说好了

    先聊一下在弄小程序中遇到的困难吧,比如说:

    文本溢出省略的问题:

    一行的是

    white-space: nowrap;
     text-overflow: ellipsis;
    overflow: hidden;
    

    多行省略的则是:在-webkit-line-clamp里控制你要省略的行数

    overflow: hidden;
    text-overflow:ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    

      还有就是在文本框里英文与数字的困扰,比如说:你在input里明明设置了一行省略,可是数字,英文却没有省略,可以用这个

    word-wrap: break-word;
    word-break: normal;

    在讲讲小程序里input值的获取吧:

    因为小程序里不能用v-model,当然有些小程序框架是可以获取的,比如:mpvue

    此时则要用:用bindchange事件来获取当用户在input输入的值

    bindchange的函数写法:

    changeUserName(e){ 
           e.detail.value;
    },

    e.detail.value就是输入的值

    但是,textarea这个就有点特殊了,不能用bindchange了,只能配合from表单使用:

    <form bindsubmit="formSubmit" >
            <textarea bindblur="bindTextAreaBlur"  placeholder="请输入收货地址" value="{{param.address}}" />
     </form>
    bindTextAreaBlur(e) {
    this.param.address=e.detail.value;
    },

    顺便说一下,小程序里是不能把本地图片作为background image的参数的,那如果你要用本地图片;

    就只能用image了,把image绝对定位,z-index=-100,置于所有图层之下,一样起到背景图的作用。

    最后就是用wx.navigateTo,跳转会把当前页面的记录下来,当栈缓存读取吧
    而用wx.redirectTo跳转,当前页面不会进入栈堆里,想当于A-B-C,B用redirectTo到C,C返回是A
    注意,要让哪个界面不进入栈堆里,哪个页面跳转的时候就要用wx.redirectTo

  • 相关阅读:
    jQuery源码 support
    jQuery 源码: 延迟对象补充。
    web FG interview all
    Img load
    浅谈js中this指向问题
    浅谈ES6原生Promise
    BootStrap的两种模态框方式
    让div盒子相对父盒子垂直居中的几种方法
    normalize与reset
    JS实现继承的方式
  • 原文地址:https://www.cnblogs.com/ssszjh/p/9900298.html
Copyright © 2011-2022 走看看