知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
微信小程序開發(fā)問答《七十》i八nput標簽中文字被遮蓋 & 登陸態(tài)維護 ... ...
發(fā)表時間:2022-9-14
發(fā)布人:葵宇科技
瀏覽次數(shù):68
wxml代碼
'text' placeholder='請輸入驗證碼' class='test'>input>
wxss代碼
.test{
margin-top:100rpx;
width:50%;
}
input {
display:block;
height:1.4rem;
text-overflow:clip;
overflow:hidden;
white-space:nowrap;
font-family:UICTFontTextStyleBody;
min-height:1.4rem;
}
疑惑:明明還有空間的,為什么文字會顯示不全
答:不知道是不是bug,微信小程序里input寬度縮小,input可輸入文字的區(qū)域會縮小的更多,比如說你把input寬度設置為90%,則input文字輸入可顯示的區(qū)域可能只有80%左右。目前的解決方法:在input輸入框外面套一層view,通過改變view的寬度控制input的長度,這樣不會影響文字顯示。
遇到這種情況應該要打開你的調試工具,看看input上有沒有還添加了其他樣式,例如padding。
2、微信小程序登陸態(tài)維護問題
這是官方給處的方法
假如用戶登陸了,然后刪除了storage也就是緩存的內容
那么3rd session也沒了
以后請求的話 獲取不到這個3rd session怎么辦
還是說,只要刪除緩存,那么小程序會給出登陸失敗的檢測,讓我們重走一遍流程?
答:官方原話1:“對于開發(fā)者自己生成的 session,應該保證其安全性且不應該設置較長的過期時間?!?/p>官方原話2:“通過 wx.checkSession 可以檢測用戶登錄態(tài)是否失效。并決定是否調用 wx.login 重新獲取登錄態(tài)”。
刪除緩存后用wx.checkSession檢測登錄狀態(tài)(失效),并重新發(fā)起登錄流程。
就像 iOS 的列表一樣,上滑的時候每個 section 的 header 固定,直到滾動到下一個 section 的時候下一個 header 把上一個 header「頂走」。
類似 https://codepen.io/chrissp26/...
鑒于小程序沒有 DOM 相關 API,不知道如何實現(xiàn)這種效果。
Update: 我看到京東小程序的首頁有類似效果,所以理論上是可以做到的?另,非回答類的回復請直接在問題下評論,不要開回答。
答:css3新增的一個position屬性可以直接實現(xiàn)sticky的效果,在你的header中加上
{
position: sticky;
top: 0;
}
就可以了。
4、關于微信小程序的問題
我有一個是使用率很高的方法,比如
Page({
data:{
a: "hello life",
b: function(){
this.setData({
a: "hello world"
});
}
}
});
但是我現(xiàn)在想把他公用出去,該怎么辦?
1.我首先用到的是文檔中介紹的模塊化,把公用的內容另存一個js,但是發(fā)現(xiàn)require過來的common.js里的內容是不能直接放到wxml里用到,比如
var common = require("common.js");
/*在wxml中*/
<view>{{common.a}}view> //這樣是無效的,必須在Page里再定義一變量,并賦值給這個變量才行,但是這么做就顯得沒啥公用可言了。
2.其次,我發(fā)現(xiàn)還有個單獨定義成wxs文件,但是發(fā)現(xiàn)想修改自己的變量是修改不了的。例如
/*wxs中*/
module.exports = {
a: "hello life",
b: function(){
a = "hello world"; //這里這么做也是無法完成修改
}
}
所以想問問,這種使用率高,然后自身變量和函數(shù)會相互訪問并操作,同時肯定也得保證數(shù)據(jù)相互之間的綁定。該如何寫呢?
答:你這個問題叫模塊化開發(fā),具體在小程序中可以參考官方文檔:https://mp.weixin.qq.com/debu...
根據(jù)他們的文檔我們可以知道,對于要復用的JS可以采取2種方式進行開發(fā):
方式1:將公共方法定義在App()中,再通過全局函數(shù) getApp() 可以獲取全局的應用實例及其內部方法。
方式2:單獨定義一個JS文件,通過require的方法引入JS。
以上總體介紹了小程序的模塊化開發(fā),接下來針對你的問題回答:
1、你定義的common.js文件不能在wxml文件中引入,應該在wxml文件對應的js文件中引入common.js。建議不要在wxml中直接操作JS,而應該通過對應的JS中的data改變頁面的狀態(tài),wxml只負責頁面的呈現(xiàn)。補充:js的引入用require,而wxml中引入其他wxml要用import。
2、wxs(WeiXin Script)文件是小程序最近才引進的一套機制,它允許wxml和wxs混在一個頁面中開發(fā),估計是跟隨現(xiàn)在組件化開發(fā)的大潮流吧。wxs 與 javascript 是不同的語言,有自己的語法,并不和 javascript 一致。建議你先不要用wxs這東西,它是騰訊自己的一套類似JS的語法。
相關案例查看更多
相關閱讀
- 網(wǎng)站建設首頁
- 云南小程序開發(fā)推薦
- 軟件定制公司
- 做小程序被騙
- 網(wǎng)站建設專業(yè)品牌
- 云南百度小程序
- 報廢車管理系統(tǒng)
- 云南省建設廳網(wǎng)站
- SEO
- 云南省建設廳網(wǎng)站官網(wǎng)
- 云南網(wǎng)站建設公司地址
- 文山小程序開發(fā)
- 云南小程序開發(fā)制作
- web開發(fā)
- 微信小程序
- web
- web開發(fā)技術
- 云南網(wǎng)站建設專業(yè)品牌
- 快排推廣
- 用戶登錄
- 云南網(wǎng)站建設制作
- 云南網(wǎng)絡營銷顧問
- 昆明軟件公司
- 江蘇小程序開發(fā)
- 云南小程序被騙
- 云南小程序開發(fā)公司哪家好
- 百度快速排名
- 報廢車回收管理軟件
- 報廢車拆解軟件
- 云南小程序開發(fā)費用