原创 原生H5 IOS解決監聽軟鍵盤導致樣式bug
本文主要介紹通過監聽軟鍵盤的彈起和收起，動態改變樣式。 一、問題描述 當軟鍵盤彈起時，IOS的fixed會變成absolute，導致樣式佈局出現異常。 二、關鍵代碼 .html <header class="mui-bar m
2020-04-24 00:51:12
1
原创 HbuiderX 使用sqlite封裝
本文主要介紹HbuiderX對sqlite封裝和使用，以及如何查看sqlite創建表結構的數據。 一、sqlite是什麼 SQLite 是一個軟件庫，實現了自給自足的、無服務器的、零配置的、事務性的 SQL 數據庫引擎。SQL
2020-04-24 00:51:02
原创 MUI設置H5桌面圖標角標
本文主要介紹mui實現h5+App實現手機桌面圖標角標，兼容IOS，目前安卓主要支持小米手機，其他安卓手機的兼容性不佳。 plus.runtime.setBadgeNumber(0); //設置角標 點贊 1
2020-02-22 03:47:13
原创 return 、break和continue的故事
本文主要介紹return 、break和continue的區分 一、我是誰，我能做什麼 1.1return 大家好，我是return！我並不是專門用於跳出循環的，我的功能是結束一個方法。 一旦在循環體內執行到我，我將會結束該方
2019-10-25 22:53:08
原创 vue如何導入外部js文件
本文主要介紹js文件引入外部js文件的方法，適用於vue，提供ES5和ES6的寫法。解決了在vue下公共app.js引入釘釘封裝dd對象不生效。 一、ES5 var JSElement=document.createElem
2019-10-25 22:53:07
原创 JS生成訂單號
本文主要兩種js實現訂單號的生成。 一、時間戳+6位隨機數的訂單號 function orderCode() { var orderCode=''; for (var i = 0; i < 6; i++) //6位隨機
2019-09-09 22:11:15
原创 NodeJS服務端實現微信小程序支付
本文主要介紹用過nodejs實現實現微信小程序支付。支持post請求，安全性更高。 一、前期準備 1.開發前必讀 2.申請微信支付-小程序支付 （流程略，若有需要可以留言，另立專題） 獲取appid、appsecret、mch
2019-09-04 21:52:20
原创 Vue2.0 按需引入echarts
本文主要介紹Vue項目按需引入echarts圖標工具，包含了echarts基礎模塊、折線圖、柱狀圖、餅圖、提示框、title框、圖例等。 一、安裝echarts包 npm install echarts -S 二、按需引入
2019-08-28 22:50:18
原创 Hbuider H5+App 判斷當前是否連網
本文主要通過JS判斷當前App是否連網 $.plusReady(function(){ document.addEventListener("netchange", function(){ if(!app.isNetCo
2019-08-28 22:50:18
原创 js計算附件的大小
本文只要介紹JS計算附件大小，默認保留2小數。 /** * 計算附件大小 * */ getFileSize:function(limit){ // 傳參limit爲初始值 var size = ""; i
2019-08-28 22:50:18
原创 websqlWrapper 一個優秀的前端數據庫
本文主要介紹前端實現自己的數據庫存儲，建議大小不超過10M。 一、介紹 1.WebsqlWrapper是一個簡化websql操作的javascript庫，在BSD協議下開源發佈。 2.WebsqlWrapper名稱的來歷: w
2019-08-28 22:50:18
原创 gulp解決前端緩存gulp-rev-collector
本文主要介紹gulp解決前端緩存的問題。使用的gulp插件有gulp-rev和gulp-rev-collector。 一、安裝依賴 npm install --save gulp-rev npm install --save
2019-08-23 02:42:26
22
原创 HBuilder實現App icon右上角數字小紅點BadgeNumber
本文主要介紹BadgeNumber的通過Hbuider的實現、取消及業務邏輯。可以內嵌H5作爲App打包哦。 一、實現BadgeNumber // 設置數字 function setBadge() { plus.runtim
2019-08-23 02:42:26
2
原创 Vue2.0 echarts的使用
本文主要介紹echarts在Vue中如何使用。 一、安裝依賴echarts npm install echarts -S 二、圖表創建 2.1在main.js中，引入（全局） // 引入echarts import echa
2019-08-13 21:32:56
原创 CSS書寫規範
本文主要介紹CSS書寫規範，CSS書寫順序、CSS屬性、CSS命名規則等。 一、CSS書寫順序 1.1位置屬性(定位層級佈局、顯隱性) position, top, right, z-index, display, float
2019-08-09 22:09:41