小程序開(kāi)發(fā)問(wèn)題記錄

• • 多行省略
  • （小程序）image 圖片底部留白
  • 單元素如何實(shí)現(xiàn)：文本、邊框漸變；且邊框滿足移動(dòng)端細(xì)邊框效果
  • （小程序）在util.js中使用getApp()這個(gè)函數(shù)，打印顯示undefined

多行省略

（小程序）image 圖片底部留白

原理：
圖片的 display 屬性默認(rèn)是 inline，這個(gè)屬性的vertical-align的默認(rèn)值是baseline。所以圖片底部會(huì)出現(xiàn)一個(gè)小留白區(qū)域。

解決：
方法1：設(shè)置圖片為塊狀元素 display:block;
方法2：修改 vertical-align:middle;

單元素如何實(shí)現(xiàn)：文本、邊框漸變；且邊框滿足移動(dòng)端細(xì)邊框效果

<button class="ui-btn" text="取消" >取消</button> <button class="ui-btn ui-btn--danger" text="刪除">刪除</button> .ui-btn {border: none;outline: none;cursor: pointer;display: block;width: 100%;font-size: 16px;line-height: 1;padding: 16px 0;background: -webkit-linear-gradient(right, #47d998 0%, #01d5d8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;}.ui-btn:active {outline: none;background: none;}.ui-btn::before {z-index: -1;position: absolute;content: ' ';left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;border-radius: 30px;padding: 1px;background: -webkit-linear-gradient(right, #fff 0%, #fff 100%), -webkit-linear-gradient(left, #47d998 0%, #01d5d8 100%);background-clip: content-box, padding-box;}.ui-btn--danger {background: -webkit-linear-gradient(left, #ff8863 0%, #fa5c7a 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.ui-btn--danger::before {background: -webkit-linear-gradient(right, #fff 0%, #fff 100%), -webkit-linear-gradient(left, #ff8863 0%, #fa5c7a 100%);background-clip: content-box, padding-box;}

（小程序）在util.js中使用getApp()這個(gè)函數(shù)，打印顯示undefined

原因1：在app.js 引入util.js,util中的同步代碼中調(diào)用就會(huì)這樣

解決1：
a：util.js中局部調(diào)用getApp()函數(shù),而不是全局調(diào)用.但這樣也有可能出現(xiàn)undefined
b：自定義一套初始化登錄方法.異步執(zhí)行初始化方法,在初始化完成之后才去調(diào)用其它方法及頁(yè)面.這樣說(shuō)可能有點(diǎn)籠統(tǒng),多試幾遍吧

總結(jié)

以上是生活随笔為你收集整理的前端开发问题记录的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。