小程序开发用什么框架

小程序开发可以使用以下框架：

1 微信官方框架：使用微信官方提供的框架进行开发，可以快速上手，但功能相对较少。

2 uni-app框架：uni-app是一个基于Vuejs的开发框架，可以同时开发多个平台的小程序，如微信、支付宝、百度等。

3 Taro框架：Taro是一个多端开发框架，支持小程序、H5、React Native等多个平台，可以实现一次编写，多端运行。

4 mpvue框架：mpvue是一个基于Vuejs的小程序开发框架，可以使用Vuejs的语法进行开发，同时支持小程序原生API。

如果没有编程代码经验，可以寻求第三方小程序平台进行鼠标拖拽式搭建小程序。

在taro使用中，需要渲染长列表，而且长列表数据多且复杂时，建议使用虚拟列表渲染,只渲染可视范围内数据，不会造成页面卡顿！

-首先监听页面是否有滚动（通过usePageScroll），滚动超过阈值后出现按钮

-点击按钮后，通过TaropageScrollTo回到顶部

时间选择ios只识别‘年/月/日’这种格式，其他格式需转换成此格式

绑定旧值，监听onChange事件设置旧值的拷贝值，==避免组件依赖值更新==

该样式是基于微信原生的picker，想换色还未找到好办法，目前我们只能重写picker了

在Taro UI表单组件中，还有很多不完善的地方，也有可扩展性差的问题，所以在做表单时很多都需要进行重写才能满足需求，这点体验性差！

由于本人只是中间介入使用Taro开发微信小程序的需求，还有很多没有发现的坑以及亮点，但是有一种，从入门到放弃的赶脚～如有问题，请指出哈，大家一起学习！

实现小程序用户体系主要涉及到openid和code的概念：

1调用wxlogin()方法会生成code，将code作为参数传递给微信服务器指定接口，就可以获取用户的openid。

2对于每个小程序，微信都会将用户的微信ID映射出一个小程序 openid，作为这个用户在这个小程序的唯一标识。

文档：

>

taro-cli

安装好 NPM 或 Yarn 后，就可以全局安装 Taro 开发工具 @tarojs/cli 了。

如果你是使用 NPM 安装，使用如下命令：

$ npm install -g @tarojs/cli

taro -V 打印版本号

taro init myapp 创建模板项目

微信小程序编译预览及打包：

# npm script

$ npm run dev:weapp

$ npm run build:weapp

# 仅限全局安装

$ taro build --type weapp --watch

$ taro build --type weapp

# npx 用户也可以使用

$ npx taro build --type weapp --watch

$ npx taro build --type weapp

百度小程序编译预览及打包：

# npm script

$ npm run dev:swan

$ npm run build:swan

# 仅限全局安装

$ taro build --type swan --watch

$ taro build --type swan

# npx 用户也可以使用

$ npx taro build --type swan --watch

$ npx taro build --type swan

支付宝小程序编译预览及打包：

# npm script

$ npm run dev:alipay

$ npm run build:alipay

# 仅限全局安装

$ taro build --type alipay --watch

$ taro build --type alipay

# npx 用户也可以使用

$ npx taro build --type alipay --watch

$ npx taro build --type alipay

H5 编译预览及打包：

# npm script

$ npm run dev:h5

# 仅限全局安装

$ taro build --type h5 --watch

# npx 用户也可以使用

$ npx taro build --type h5 --watch

React Native

React Native 端运行需执行如下命令，React Native 端相关的运行说明请参见 React Native 教程。

# npm script

$ npm run dev:rn

# 仅限全局安装

$ taro build --type rn --watch

# npx 用户也可以使用

$ npx taro build --type rn --watch

更新 Taro

Taro 提供了更新命令来更新 CLI 工具自身和项目中 Taro 相关的依赖。

更新 taro-cli 工具：

# taro

$ taro update self

# npm

npm i -g @tarojs/cli@latest

# yarn

yarn global add @tarojs/cli@latest

更新项目中 Taro 相关的依赖，这个需要在你的项目下执行。

$ taro update project

前言：

项目是一个基于taro开发的小程序，客户要求实现一个观看视频领红包的功能，要求视频暂停则停止计时，重复播放同一个视频也停止计时。也就是要不停的刷视频才能累计时常解锁红包。

思路：

通过定时器来完成，给每个视频的数据添加一个观看与否的字段。未观看为false，看了为true。然后去监听video标签的播放事件，暂停事件。以及播放完成事件。 播放的时候启动定时器，暂停就删除定时器。播放完成后字段改为true。启动定时器前判断这个字段是否为false，为false才去启动定时器。

onPause，onEnded，onPlay三个api分别是暂停，结束，开始这三个状态会触发的函数。

在真机中，上下滑动切换视频时有时候会出现暂停的监听方法失效的问题。所以要在播放的方法里也去删除一次定时器。以防万一。

在播放的方法里就是启动定时器改变进度条

以上就是关于小程序开发用什么框架全部的内容，包括:小程序开发用什么框架、Taro避坑指南、Taro/微信小程序 微信登录流程等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！