原创 關於微信小程序嵌套的h5頁面有哪些注意點

1、webview嵌套的h5頁面中,如果需要長按圖片保存到本地,圖片格式一定不要是base64的,ios下直接提示保存失敗; 2、webview可以可打開關聯的公衆號的文章(不用配置域名白名單),但不支持打開公衆號的頁面模板; 3、web

原创 微信小程序抽獎轉盤

效果是這樣的: 附上代碼片段: https://developers.weixin.qq.com/s/8z2Dy4mn7xgF

原创 wx.navigateToMiniProgram跳轉到其他小程序ios部分機型閃退問題

問題復現:在小程序環境內打開另一個小程序,以開電子發票爲例,需要在自己的小程序環境內打開騰訊發票閃開助手,官方提供了兩種方法,一種是調用wx.navigateToMiniProgram 這個API,具體配置參考文檔: 小程序打開授

原创 WebUploader實例

我覺得很棒:https://fex.baidu.com/webuploader/ 這是一整個靜態頁面的實例:界面長這樣: HTML代碼: <!DOCTYPE html> <html> <head> <title></title>

原创 +JS如何實現可拖拽並且顯示百分比的環形進度條

canvas+JS如何實現可拖拽並且顯示百分比的環形進度條 思維導圖: HTML部分: <!DOCTYPE html> <html> <head> <meta charset="utf-8">

原创 小程序picker組件mode=multiSelector必須設置value屬性,否則ios系統bindcolumnchange事件不會觸發

踩了一個小坑,利用小程序的picker組件做了一個二級聯動的地市選擇器,最開始直接複製的官方開發文檔下面給的例子 <view class="section"> <view class="section__title">多列選擇器</

原创 微信小程序自定義模態彈窗組件

小程序自帶一個showModal彈窗,調用很簡單,但是限制很多,title有字數限制,中間的content也只能放文字不能放組件,所以作爲一個前端碰到那種連續好幾個跟微信自帶的模態彈窗風格一模一樣,但是功能又花裏胡哨的UI稿,就不能忍受頻

原创 如果小程序icon組件不設置size屬性

我用的阿里巴巴的矢量圖標庫,默認iconfont的font-size是16px,如果在小程序裏面用icon這個組件的時候,忘記設置size屬性,這個圖標的寬高就會不一樣,特別不好調,本來我以爲是iconfont出了問題,但是之前做

原创 微信小程序防止輸入框被鍵盤遮住

情景復現: 點擊按鈕彈窗遮罩層,底部有個input輸入框,點擊輸入框要喚起軟鍵盤,如果不做處理,軟鍵盤會遮住fixed定位的元素 官方給出的解決方案是在input框上設置cursor-spacing屬性https://devel

原创 記錄一下在安卓應用在各大應用市場上架APP需要注意的事項

軟件著作軟很重要,很多應用市場都會要求上傳軟件著作權電子掃描件 1、騰訊應用寶 :http://open.qq.com (需要軟著) 需要的素材規格: (1)應用小圖標:尺寸16x16,大小20K以內,PNG格式的圖片 (2

原创 APICloud開發原生APP集成訊飛語音功能

1、首先需要登錄訊飛開放平臺:https://www.xfyun.cn/ 進入右上角的控制檯,在應用管理=》創建應用,Android和ios需要分別創建應用。 2、創建完成後給相應的模塊添加新服務,添加語音聽寫和在線語音合成兩個

原创 前端知識點積累(js篇)

1、get和post w3c是這麼解釋的:     至於網上盛傳一種說法:       這種說法是有爭議的,最初也不知道是誰寫的一篇文章,然後被瘋狂複製粘貼,導致現在一搜get和post的區別,全都是搬的那篇文章的解釋,並且看到

原创 前端知識點積累(css篇)

  1、css盒模型 盒模型分爲標準模型和ie盒模型。 在標準盒模型中,盒模型的寬高指的是內容(content)區域,而在ie盒模型中,盒模型的寬高是內容(content)+填充(padding)+邊框(border)的總寬高。 (1)

原创 原生js實現鼠標點擊頁面彈自定義文字效果

效果:    實現代碼: (function(e){ // 點擊事件觸發生生元素等一系列動作的初始狀態 var bombFlag = true; // body節點 var elBody = document.getEleme

原创 input、textarea表單字數限制提示插件(原生js 不依賴jQuery)

IE兼容性:IE8(含)及以上 IE8、IE9下的效果: IE10、IE11及其他瀏覽器下的效果: 調用示例: <!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="U