评论

干货--02 余小浪

干货第二章 都是自己写项目时候的经验及解决方法 希望能够对你有所帮助

哈喽 我又来了 这是我第二次分享文章了 希望能够帮助大家 也希望大家喜欢~

第一个

image组件中的 mode=“aspectFill” 属性 这个属性是等比例缩放 如果你的图片是这个属性的需要注意注意注意
图片渲染完成后 再等比例缩放 及 先渲染 再等比缩放

例子: 当你要获取这个图片距离顶部的距离是 需要使用

wx.createSelectorQuery来来找到这个标签并获取到这个标签的参数

一般会写在 onReady() 生命周期钩子函数里 但是 问题就在这个时候出

现了 我获取的标签数据 不是 实际的数据 而是 图片没有缩放的数据

解决这个问题的时候 我使用了 setTimeout 函数 把时间设置为500 即

半秒后 再获取图片的标签的 参数 这时候 获取到的数据就是正确的数据了 暂时没有测试不写等待时间 有兴趣大家可以试一下

第二个
前端绘制海报性能优化 绘制海报我们用到了canvas 绘制海报的前

提是 绘制的素材要下载到本地 如果我们在绘制的时候下载素材 这个时

候 绘制的进度就会变慢 优化的思想如下

B页面是绘制海报的 A页面 点击某个按钮 进入到 B页面 那么我们就在

渲染A页面的时候 就下载素材呢 等到了B页面 素材都已经有了 直接使用,绘制效果会非常好 甚至是 秒绘制完成

在B页面onUnload函数内 清除下载文件的缓存 避免缓存太多

第三
字符串10 减去 数字0 最后 变成了 数字 10
let string = “10”
string - 0
此时 string 就是 数字 10 类型是number // JS的隐式转换 很常用的一种改变数据类型的方式
0 的 布尔值 是 false

第四
防止数据抖动的方法 数据抖动 说白了 就是 一个按钮有一个事件 然后用户在很短的事件内重复点击 类似的有 购买物品 提交完成按钮 这些
解决方法 先声明一个变量 值为true 当做锁 当执行函数的时候 把这个锁变成 false 那么这个函数就被锁死了 只有这个函数完成所有操作的时候 再把锁变成true 此刻用户才可以再次真正的点击

代码如下:

今天的分享就到这里了 如果喜欢请大家动动小手指 点个赞吧 欢迎各位大佬亲临指导 如果有问题请及时指出 我会第一时间修改的 嘻嘻

最后一次编辑于  2019-05-21  
点赞 2
收藏
评论

5 个评论

  • 奔跑的提款机
    奔跑的提款机
    2019-05-22

    0.3-0.1 !== 0.2 true

    2019-05-22
    赞同 1
    回复 2
    • 小蒜泥
      小蒜泥
      2019-05-22

      这个问题是因为 跟计算机储存数据有关系  你可以看一下这个

      数字运算中的精度缺失的问题

      2019-05-22
      回复
    • 小蒜泥
      小蒜泥
      2019-05-22

      希望能帮助你理解

      2019-05-22
      2
      回复
  • 番茄炖地蛋
    番茄炖地蛋
    2019-05-22

    第一个学习到了,其他的早就知道了,期待下一期

    2019-05-22
    赞同 1
    回复 2
    • 小蒜泥
      小蒜泥
      2019-05-22

      这个却是挺难发现的 我在做项目的时候 发现这个问题了  一直不知道为什么   明明自己的逻辑很正确  可就是达不到预期效果  最后 我发现了真正的原因   原来是 image的等比缩放导致的问题

      2019-05-22
      1
      回复
    • 番茄炖地蛋
      番茄炖地蛋
      2019-05-22回复小蒜泥

      可以,

      2019-05-22
      1
      回复
  • Yummy
    Yummy
    2019-06-10

    楼主有没有做过条件筛选搜索框==

    2019-06-10
    赞同
    回复
  • 灶灰🚀
    灶灰🚀
    2019-05-22

    朋友,问一下,这个是什么情况,wxml有写代码布局,但是调试工具显示为什么page内只有一层scrollview,没有其他层的组件了,很迷惑呀,css也写了样式

    2019-05-22
    赞同
    回复 13
    • 番茄炖地蛋
      番茄炖地蛋
      2019-05-22

      你看一下你的list有数据么

      2019-05-22
      1
      回复
    • 灶灰🚀
      灶灰🚀
      2019-05-23回复番茄炖地蛋


      朋友,麻烦看下这段,为什么返回的data数据里,我取img1,就可以取到,去其他字段也可以取到,但就是去comment1,取不到,显示为空,这是什么原因呢

      2019-05-23
      回复
    • 番茄炖地蛋
      番茄炖地蛋
      2019-05-24回复灶灰🚀

      你把list打印一下,看看里面的字段名是什么,是comment还是comment1

      2019-05-24
      1
      回复
    • 灶灰🚀
      灶灰🚀
      2019-05-24回复番茄炖地蛋

      数据库为什么不能插入comment数据呢,其他字段可以,而且event里comment是有值的




      2019-05-24
      回复
    • 番茄炖地蛋
      番茄炖地蛋
      2019-05-24回复灶灰🚀

      还有你看看你的字段名是否写对了

      2019-05-24
      回复
    查看更多(8)
  • 小蒜泥
    小蒜泥
    2019-05-21

    字符串  10   -   数字 0  最后 变成  数字 10

    2019-05-21
    赞同
    回复
登录 后发表内容