原创 009-用戶分享(點擊按鈕分享)
button組件，在小程序中是一個功能強大的組件。其中有些原生組件所沒有的 功能。這就要歸功於open-type屬性。可以打開會話、獲取用戶信息、打開APP、 打開授權設置頁、分享等功能。 // 1、點擊去分享 <button o
2019-07-28 13:20:53
原创 010-微信小程序支付
微信小程序支付流程： 上圖摘自官方文檔： https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=3 微信小程序支付其實很簡單，我把他拆成
2019-07-28 13:20:53
3
原创 018-Vue項目生成模擬數據
開發過程中，與後端未搭建好聯調環境時，沒有數據。 此時前端無法進行測試，開發起來就比較頭疼了。 使用mockjs，攔截Ajax請求，並且隨機生成和後端協商好的數據格式， 這樣即使服務端環境無法使用，前端也可以愉快的coding了。
2019-07-28 13:20:53
原创 BFC(Block Formatting Context)
是什麼，從哪裏來 BFC，擁有獨立渲染(排版)規則來約束盒模型的塊級區域。 IFC(Inline Formatting Context)同樣管理inline元素排布規則的就是IFC。 那麼，他們是從何而來呢？ CSS2.1+中規定
2019-07-05 13:19:51
原创 jq請求數據時，cookie丟失問題
解決： $.ajax({ url: `${process.env.BASE_API}/offical/rw-recruit/list?pageNum=1&pageSize=2`, type: "GET",
2019-06-19 13:17:43
原创 antd-mobile採坑
1、SearchBar 在第一次進入頁面或者刷新頁面時，樣式錯亂； 當聚焦再離焦之後樣式正常。 解決辦法： .am-search-input{ max-width: 100%; } 問題樣式圖片：
2019-04-09 13:19:29
原创 fetch實現跨域問題
CORS cors是"Cross-Origin Resource Sharing"的簡稱，是實現跨域的一種方式， 相對於其他跨域方式，比較靈活，而且不限制發請求使用的method。 const Headers = new Heade
2019-04-04 13:20:37
原创 釘釘微應用---導航欄（頁面分享功能）
const isdingding = () => { //判斷是不是釘釘 var ua = navigator.userAgent.toLowerCase(); return ua.indexOf("dingtalk")
2019-04-03 13:18:31
原创 圖片等比例展示
/** * 圖片等比例縮放 * @param boxW 容器寬 * @param boxH 容器高 * @param imgOriW 原始圖片寬 * @param imgOriH 原始圖片高 * @return
2019-03-29 13:19:02
原创 react合成事件和DOM原生事件的區別
https://juejin.im/post/59db6e7af265da431f4a02ef 事件流 在瞭解事件之前先來看一下什麼是事件流。 '流’這個名詞在JS中隨處可見。像DOM事件流、React中的數據流等等。 其實，流就是一
2019-02-16 21:46:09
1
原创 context使用（組件通信方式之一）
context 通過組件樹進行數據傳遞的方式。 優點：跨級組件不需要一級一級的傳遞props，比如孫組件可以直接訪問到祖組件的數據。 缺點： 舊版使用方式(16.x以下版本) // 一、父級組件 import React, { Com
2019-01-22 00:36:30
原创 函數節流
出現場景 按鈕的重複點擊、頁面的scroll、元素的拖拽等都有可能在極短的時間內，頻繁調用 處理函數。這樣高頻率的調用可能會使程序卡慢，更甚可能導致瀏覽器直接崩潰。 因此，函數節流是一種解決辦法。 函數節流原理 函數節流原理很簡單，就
2019-01-17 01:05:48
1
原创 DOM自定義事件簡用
自定義事件，就是有別於瀏覽器、系統特定的行爲事件（類似於click、mouseover、touchstart、keydown等）， 事件名稱可以隨意定義，可以通過特定的方法進行添加，觸發以及刪除。 const handler = (e
2018-12-11 01:10:32
原创 回調地獄
異步回調地獄，通常的表現爲： JS函數從上至下的層層嵌套，前面函數是後面函數的所需參數。 $.ajax({ type:'post', url:'/index/jquerydata', d
2018-12-11 01:10:22
原创 回調函數
定義 通過函數指針調用的函數。若函數（或者改函數的指針）作爲參數傳遞給另一個函數，且改函數被調用了，那麼這個函數就是回調函數。 異步操作之後常執行回調函數，比如文件的下載、數據的讀取等相關操作。 與不同函數的不同 a、不同函數被調用之
2018-12-10 01:01:25