原创 vue.js 2.0系列之 引入Elemrent UI
在Vue.js2.0+中，插件的使用步驟大體分爲三步： 引入要使用的插件 註冊一下要是用的插件 正常使用 ElementUI的用法同樣如此 一，完全使用 1，引入ElementUI npm i element-ui --sav
2020-06-23 03:55:24
原创 vue cli 3項目打包到指定目錄
平常我們使用vue-cli構建項目，直接執行npm run build打包到dist目錄下，然後項目一般又部署在我們服務器的根目錄下。這樣正常的流程，但是需求是多樣的，有時我們就會遇到需要把項目部署到服務器下某個文件夾下，例如ht
2020-06-23 03:55:11
原创 身份證讀卡器 瀏覽器插件
最近在研究身份證讀卡器的瀏覽器端插件，記錄如下 兼容chrome瀏覽器的有千景、東信。不過這倆價格都比較貴。便宜一點的網上技術比較多的就只有華視了。價格大概是1500。 但是華視讀卡器目前沒有chrome瀏覽器的插件。只找到了36
2020-06-23 03:55:11
2
原创 vue組件的自調用（遞歸調用）
需求：封裝一個樹形組件，數據結構如下所示，但是層級不確定。 treeData:[ {text:1,children:[ {text:2,children:[{text:5},{text:'55'
2020-06-23 03:55:10
原创 微信小程序訂閱號
人在家中坐，班從天上來 一直以來，微信Api一直很強勢。這次也不例外。 既然模板消息不能使用了，那隻能加班改爲訂閱消息。 一、微信公衆平臺部分 1.1 要想使用微信訂閱號功能，首先你要在微信公衆平臺申請開啓訂閱號功能。 1.2
2020-06-23 03:55:10
原创 canvas的width和style.width的區別
在canvas中，有width和height兩個屬性，它定以的是canvas的畫布和畫紙的大小。如果不設定，默認是300*150； 例如我們設置canvas的寬高都是300 <canvas id="demo" width="300
2020-06-23 03:55:10
原创 css怎麼實現左邊高度隨右邊的高度變化
方案一：flex佈局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w
2020-06-23 03:55:10
原创 微信小程序 'errcode' => 47003,'errmsg' => 'argument invalid! hint
微信小程序的訂閱消息，要求要比模板消息嚴格。 出現’errcode’ => 47003,
2020-06-23 03:55:10
原创 React（一）--搭建開發環境
搭建開發環境 目前成熟的框架都有一套相對完備的腳手架工具，像vue的vue-cli，那麼react的就是create-react-app npm install create-react-app -g 全局安裝好以後，就可以創建自
2019-04-24 03:00:55
原创 react (二) --編寫Hello world
元素是構成 React 應用的最小單位，它用於描述屏幕上輸出的內容。 1、首先我們在一個 HTML 頁面中添加一個 id=“example” 的 : <div id="example"></div> 2，渲染組件 方法一：使用fun
2019-04-24 03:00:55
原创 H5喚起App，本地沒有則下載
H5喚起App，本地沒有則下載 如果只想單純的打開app,而不去判斷是否已經安裝，直接使用scheme協議就行了。 如果想實現沒有安裝就下載app的功能，代碼如下： 在瀏覽器實際上是沒有能力判斷手機裏是否安裝了某個App的，所以只能夠
2019-03-29 23:23:47
原创 App和H5的交互方式
一、App向H5傳遞數據 方法1：通過url拼接參數，H5進行截取。 方法2：通過腳本方式，具體如下： 在H5端：把方法掛載到window對象上。 window.getConfirmOrderListParms=function(
2019-03-20 23:22:07
原创 移動端1px問題
項目中有個樣式需要設置爲：border-bottom:.01rem solid #f6f6f6; 但是在魅族手機自帶瀏覽器上顯示不出來。 解決方案： 在元素行內添加樣式，使用1px, <div class="item" style=
2019-01-09 13:41:24
原创 H5網頁在ios系統裏滑動卡頓
H5網頁在安卓系統裏滑動還是挺流暢的，但是在蘋果手機裏面會異常的卡頓，優化方案如下： overflow:auto; /* 用於 android4+，或其他設備 */ -webkit-overflow-scrol
2019-01-04 18:25:37
原创 H5在蘋果手機裏喚起輸入框後底部出現白條
H5網頁中，用戶輸入完成後關閉輸入框後底部會出現白條，如下圖： 解決方案： 在輸入框失去焦點的時候，調用下列代碼即可： $(window).scrollTop(0,0); 原理： 用戶在輸入完成以後，窗口頁面可能計算出現錯誤，因此
2019-01-04 18:25:37