草庐IT

nutui-taro

全部标签

【taro react】----打包微信小程序后 onShow 多次执行(随着进入页面的次数在不断的累计)

页面子组件onShow执行多次【累计执行】1.出现问题的代码test.jsx测试组件代码importReact,{Component}from'react'import{View}from'@tarojs/components'import{eventCenter,getCurrentInstance}from'@tarojs/taro'exportdefaultclassRuiPosterextendsComponent{constructor(props){super(props)}state={count:0}$instance=getCurrentInstance();componen

taro 兼容支付宝小程序和微信小程序<六>-- 自定义密码或验证码输入框组件的input 自动获取焦点(ios支付宝小程序怎么隐藏input的光标)

项目:tar3+vue3问题:自定义密码或验证码输入框需要自动聚焦,拉起键盘A.微信小程序:用了自定义指令达到这个目的自定义密码或验证码输入框input自动获取焦点之坑B.支付宝小程序:官方文档中说不支持自动获取焦点,必须手动拉起所以自定义指令在支付宝小程序&&ios下是无效的,需要另辟蹊径。方案一:页面中还是一个input,覆盖在box之上,然后隐藏input,输入内容时,关联的方式还是和之前一样设置input为opacity:0;但是ios的光标依然在方案二:在方案一的基础上,input获取focus时,onfocus时将input移出可视窗,悲催的是ios的光标依然依然存在…方案三:在方

taro 兼容支付宝小程序和微信小程序<六>-- 自定义密码或验证码输入框组件的input 自动获取焦点(ios支付宝小程序怎么隐藏input的光标)

项目:tar3+vue3问题:自定义密码或验证码输入框需要自动聚焦,拉起键盘A.微信小程序:用了自定义指令达到这个目的自定义密码或验证码输入框input自动获取焦点之坑B.支付宝小程序:官方文档中说不支持自动获取焦点,必须手动拉起所以自定义指令在支付宝小程序&&ios下是无效的,需要另辟蹊径。方案一:页面中还是一个input,覆盖在box之上,然后隐藏input,输入内容时,关联的方式还是和之前一样设置input为opacity:0;但是ios的光标依然在方案二:在方案一的基础上,input获取focus时,onfocus时将input移出可视窗,悲催的是ios的光标依然依然存在…方案三:在方

taro框架开发小程序经验总结

最近这一年来,做了三个小程序。第一个小程序用的原生框架,所有的样式和js都要自己写,不好看还写得头疼死。写第二个小程序的时候正觉得VUE3流行,想熟悉一下VUE3,因此找到了taro框架。这个框架好不好我也无从分辨,暂时能用就行。一.搭建项目1.taro客户端安装,想用taro开发小程序这个必须要先安装npminstall-g@tarojs/cli此处参考官方文档:安装及使用|Taro文档2.创建项目taroinitmyApp我的选择如下:3.项目会自动安装依赖包,然后用微信开发者工具导入这个新创建的项目4.引入TaroUIVue3在项目根目录下输入命令:npminstalltaro-ui-v

taro框架开发小程序经验总结

最近这一年来,做了三个小程序。第一个小程序用的原生框架,所有的样式和js都要自己写,不好看还写得头疼死。写第二个小程序的时候正觉得VUE3流行,想熟悉一下VUE3,因此找到了taro框架。这个框架好不好我也无从分辨,暂时能用就行。一.搭建项目1.taro客户端安装,想用taro开发小程序这个必须要先安装npminstall-g@tarojs/cli此处参考官方文档:安装及使用|Taro文档2.创建项目taroinitmyApp我的选择如下:3.项目会自动安装依赖包,然后用微信开发者工具导入这个新创建的项目4.引入TaroUIVue3在项目根目录下输入命令:npminstalltaro-ui-v

用Taro配合微信云托管做了一个AI画图小程序

我用一天时间做了一个AI画图小程序事情是这样的,最近工作比较空闲,就到处逛帖子,发现每到一个地方都能发现有关于AI画图的影子。于是乎我抱着好奇的态度,把能操作的平台都玩了一遍。有StableDiffusion有Midjourney有DreamStudio但是体验了一下之后就感觉对小白使用起来比较困难主要这些都是国外的,没有梯子的话就算能访问,速度也是非常慢。然后我又找到一个国内的可以方便大家使用的就是百度出品的文心大模型看看效果还是很不错的。我又想难道这个AI画图只能在PC操作吗,难道不可以在手机上操作吗?这就萌生了做个AI画图小程序的想法说干就干,申请邮箱->注册小程序->开发小程序一气呵成

用Taro配合微信云托管做了一个AI画图小程序

我用一天时间做了一个AI画图小程序事情是这样的,最近工作比较空闲,就到处逛帖子,发现每到一个地方都能发现有关于AI画图的影子。于是乎我抱着好奇的态度,把能操作的平台都玩了一遍。有StableDiffusion有Midjourney有DreamStudio但是体验了一下之后就感觉对小白使用起来比较困难主要这些都是国外的,没有梯子的话就算能访问,速度也是非常慢。然后我又找到一个国内的可以方便大家使用的就是百度出品的文心大模型看看效果还是很不错的。我又想难道这个AI画图只能在PC操作吗,难道不可以在手机上操作吗?这就萌生了做个AI画图小程序的想法说干就干,申请邮箱->注册小程序->开发小程序一气呵成

2022 倒带 - NutUI

作者:京东零售于明明前言时光飞逝,流年似水,让我们倒带2022,回首这跌宕起伏一年走过的“升级之路”。NutUI表现如何?成绩单等着您打分!2022是NutUI在技术长廊中探索和成长的第四个年头,悄然度过了自己的“孩提“时光。NutUI也从单一Vue技术栈的组件库逐渐成长为适配多端的多技术栈的组件库,升级设计规范「京东APP视觉」「京东科技视觉」,适配Taro框架支持小程序开发,拓展React技术栈,打造NutUI业务组件生态等。2022是不平凡的一年,新冠末年前端技术也急剧变革,低代码的风起(Retool),D2C和AI(codefun&ChatGPT)的涌动,对各行各业的开发者带来了很大的

2022 倒带 - NutUI

作者:京东零售于明明前言时光飞逝,流年似水,让我们倒带2022,回首这跌宕起伏一年走过的“升级之路”。NutUI表现如何?成绩单等着您打分!2022是NutUI在技术长廊中探索和成长的第四个年头,悄然度过了自己的“孩提“时光。NutUI也从单一Vue技术栈的组件库逐渐成长为适配多端的多技术栈的组件库,升级设计规范「京东APP视觉」「京东科技视觉」,适配Taro框架支持小程序开发,拓展React技术栈,打造NutUI业务组件生态等。2022是不平凡的一年,新冠末年前端技术也急剧变革,低代码的风起(Retool),D2C和AI(codefun&ChatGPT)的涌动,对各行各业的开发者带来了很大的

NutUI-React 京东移动端组件库 2月份上新!欢迎使用!

作者:京东零售佟恩NutUI是一款京东风格的移动端组件库。NutUI目前支持Vue和React技术栈,支持Taro多端适配。本次,是2月的一个示例输出,希望对你有帮助!2月,我们对组件交互、issue修复、增加示例上做了急行军,共合并70+PR,修复近40个issue。这里我们选取一些组件的新增示例,供您参考!期待您早日成为我们共建大军中的一员!微信群:hanyuxinting(暗号:NutUI-React)官网GitHub:点击进入欢迎共建、使用!Badge:样式自定义核心代码:constcustomTheme={nutuiBadgeBorderRadius:'12px12px12px0',