微信小程序笔记——前端(个人笔记系列)

微信小程序笔记

注:个人笔记就是没有大纲、没有目录、没有结构,纯属本人笔记用。


  • 取色结果:黑体字34|34|34 #222222 ; 灰体字153|153|153 #999999;

  • 1.display:none是彻底消失,不在文档流中占位,浏览器也不会解析该元素;
    visibility:hidden是视觉上消失了,可以理解为透明度为0的效果,在文档流中占位,浏览器会解析该元素;

  • DataSet Test
    event.currentTarget.dataset.alphaBeta === 1 // - 会转为驼峰写法
    event.currentTarget.dataset.alphabeta === 2 // 大写会转为小写

  • 冒泡事件是由内部传递到内部,若要阻止将bindtap改成catchtap。

  • 生成Promise对象,new Promise(function(resolve,reject){
    //异步中需要返回的数据
    resolve(res)
    })

使用时获得promise实例,promise.then(function(res){
//此时数据已经通过函数回调传入res中
})

  • 微信小程序中的深拷贝: c=JSON.parse(JSON.stringify(a));

  • 可以用for(let i in Object){
    console.log(Object[i])
    }来遍历数组,其中i是键,但是不能在循环中使用Object.i访问值。

  • Array.forEach(function(item,index){//方法体}) 方法体内的异步方法会进行等待。

  • disfineText {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    }控制文本两行显示并溢出加上省略号

  • 侧滑删除代码借鉴:https://www.jianshu.com/p/f9cc446fd328

  • 使用数据绑定的时候注意{ {chooseAll == false?‘circle’:‘success_circle’}} 其中的引号。

  • position:absolute 会让bindtap失效,要设置z-index:100 。

  • 页面传对象:先使用 JSON.stringify(obj)对需要传递的对象数据进行转换(转换为json格式的数据),
    把转换后的数据 接在 url后面。最后在跳转显示的页面先使用JSON.parse(json) 转换为js类型的数据。


持续更新

你可能感兴趣的:(小程序,小程序,js)