小程序的初涉
好久没更博客了!!!
最近一直在忙者弄小程序,顺便说说好了
先聊一下在弄小程序中遇到的困难吧,比如说:
文本溢出省略的问题:
一行的是
1 2 3 | white-space: nowrap; text-overflow: ellipsis; overflow: hidden; |
多行省略的则是:在-webkit-line-clamp里控制你要省略的行数
1 2 3 4 5 | overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; |
还有就是在文本框里英文与数字的困扰,比如说:你在input里明明设置了一行省略,可是数字,英文却没有省略,可以用这个
word-wrap: break-word; word-break: normal;
在讲讲小程序里input值的获取吧:
因为小程序里不能用v-model,当然有些小程序框架是可以获取的,比如:mpvue
此时则要用:用bindchange事件来获取当用户在input输入的值
bindchange的函数写法:
changeUserName(e){
e.detail.value;
},
e.detail.value就是输入的值
但是,textarea这个就有点特殊了,不能用bindchange了,只能配合from表单使用:
<form bindsubmit="formSubmit" > <textarea bindblur="bindTextAreaBlur" placeholder="请输入收货地址" value="{{param.address}}" /> </form>
bindTextAreaBlur(e) {
this.param.address=e.detail.value;
},
顺便说一下,小程序里是不能把本地图片作为background image的参数的,那如果你要用本地图片;
就只能用image了,把image绝对定位,z-index=-100,置于所有图层之下,一样起到背景图的作用。
最后就是用wx.navigateTo,跳转会把当前页面的记录下来,当栈缓存读取吧
而用wx.redirectTo跳转,当前页面不会进入栈堆里,想当于A-B-C,B用redirectTo到C,C返回是A
注意,要让哪个界面不进入栈堆里,哪个页面跳转的时候就要用wx.redirectTo
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了