PC端一键回到顶部的功能实现

• 回到顶部

  • window.scrollTo()接口

  1	window.scrollTo(0, 0)

• 监听页面的滚动

  • 绑定window的滚动事件

  1 2 3 4 5 6 7 8 9 10 11 12

  //绑定 window.addEventListener('scroll', this.props.onChangeShow) //处理 onChangeShow() { const scrollY = document.documentElement.scrollTop //取到滚动的实时位置 if (scrollY > 400) { //修改控制按钮显示的值为true }else{ //修改控制按钮显示的值为false } }

• 组件页面销毁时需要移除监听window滚动的事件

  1 2 3 4

  //componentWillUnmount: react中组件销毁的生命周期函数 componentWillUnmount() { window.removeEventListener('scroll', this.props.onChangeShow) }

一、js对象常用函数

String对象

pip

以下命令可在cmd终端执行

npm: http-server

• 安装

一、JavaScript基础内容

菜鸟教程

1 介绍

• *tcb-router： 小程序->云开发->云函数 koa 路由工具 *
• *github地址: *tcb-router

云开发

• 云开发包括：云函数、云数据库、云存储、云调用、HTTP API
• 小程序端和云函数端云开发可参考以下微信官方文档：
  • 云开发-开发指引
  • 云开发-SDK文档
• 第三方调用云函数、操作云数据库、云存储、云调用

细节

1['属性1.属性11']的方式拿属性

数据结构与算法(JavaScript)

1 时间复杂度与空间复杂度

npm

1 项目初始化