评论

新手一个月开发上线微信小程序,献上技术笔记

新手一个月开发上线微信小程序,献上技术笔记,可能有错的地方欢迎大家指出!

1、在开发者工具中,文件夹上右键,添加Page可方便的添加一个页面

2、a/b两个页面文件夹同级,如果需要在a中打开b:…/b/b

3、<view id=“green” class=“scroll-view-item bc_green”></view>
会同时使用 .scroll-view-item 和 .bc_green这两个样式

4、Sublime Text 3 在整个文件夹中查找
ctrl+shift+F

5、注意:movable-area 必须设置width和height属性,不设置默认为10px

6、 有时候设置数据也会引起swiper 的bindanimationfinish事件被调用,可以这样过滤
if (event.detail.source != “touch”) {
return;
}

7、我在button标签里直接放了两个图片,但是会有边框
button按钮的边框很坑,需要在after中去除。
button::after {
border : none ;
}
::after是一个css选择器 view::after 在 view 组件后边插入的内容

8、wx.navigateTo({
url: ‘t?id=’ + new Date().getTime() + “&name=test”
})
另一个页面的onLoaded函数中就可以得到这些参数

9、自定义组件时,properties中所定义的组件属性列表,不需要每个都有observer函数,只要这个属性有变化,视图就会自动跟着变化,不需要手动调用setData

10、微信小程序中,view可以通过伪类,改变成一个按钮,:hover不应该定义,否则点击后,一起是该状态,即使你把鼠标移走。官方的按钮也没有鼠标经过的样式
也不应该定义:link,定义了也没什么用
只需要定义:active就可以了

11、自定义组件中自定义事件,事件名要全部小写

12、–Page(pageData):pageData 内容在页面加载时会进行一次深拷贝
–setData(newData):并不是把this.data引用指向newData,而是浅拷贝
这意味着如果 newData中有一个数据是非数值类型(object/array),改变了其内部数据,this.data里的也会一起变
–如果是自定义组件,不管外面给它传什么数据,都是深拷贝变,
组件内部对数据修改,外部数据不会跟着变
外部数据修改,组件内部数据不会跟着变
这点要注意

13、用户文件电脑地址:
C:\Users\g480\AppData\Local\微信web开发者工具\User Data\WeappFileSystem\o6zAJs5LyTBjxIBNtEdF9f3CBEH4\wx42a63756d751f273

最后大家看看我最后的成果:

点赞 0
收藏
评论

2 个评论

  • 九歌^
    九歌^
    2019-12-16


    2019-12-16
    赞同
    回复
  • 青团社
    青团社
    2019-12-16


    2019-12-16
    赞同
    回复
登录 后发表内容