原创 iphone/safari手機不支持keyup事件的解決辦法

需求：在移動端使用html5做模糊搜索的時候，需要根據用戶在input輸入框中輸入的內容，進行模糊匹配。 首先根據的鍵盤事件，keydown() keypress() keyup()，由於keyup事件是在按鍵釋放時觸發，也就是按下鍵盤起

2020-02-23 13:02:04

原创 html2canvas截圖如何解決圖片跨域的問題？

1、html2canvas是可以是可以在瀏覽器端截圖，把html轉換成圖片，但是在實際開發中遇到，如果html頁面中存在全路徑圖片，比如、<img src="http://test.static.com/image/25/order/20

2020-02-23 13:02:04

原创 create-react-app中使用axios請求本地json文件

在create-react-app創建react應用時，模擬本地請求靜態json文件，必須把靜態文件放到public下纔可以請求到。

2019-09-02 21:13:01 1

原创 微信瀏覽器中清楚緩存

1、最近在開發微信公衆號中，寫好的H5頁面在微信中遇到了緩存，給開發和測試造成了不少麻煩。分別總結了ios和Android清除緩存的方法。 2、Android中 在微信任意窗口中國打開http://debugx5.qq.com ，在彈出的

2018-08-21 23:05:19

原创 ES6中Promise瀏覽器兼容問題解決辦法

1、在項目中使用到了ES6的Promise對象，代碼在谷歌瀏覽器中正常運行，而在360瀏覽器下的兼容模式下，IE內核是不支持Promise的。2、通過can i use網站https://caniuse.com/）查到的ES6 promi

2018-08-21 23:05:18

原创 ES6中箭頭函數與普通函數this的區別

普通函數中的this:1. this總是代表它的直接調用者, 例如 obj.func ,那麼func中的this就是obj2.在默認情況(非嚴格模式下,未使用 'use strict'),沒找到直接調用者,則this指的是 window3

2018-08-21 23:05:18

原创 ios input輸入框type=search，軟鍵盤搜索按鈕

在ios中input輸入內容後搜索，html提供type=search的模式，但是軟鍵盤彈起後，鍵盤上沒有“搜索”，必須在input外層加上form，必須有action<form action=""><input type="search

2018-08-21 23:05:18

原创 html在移動端IOS點擊閃屏問題

1、在實際的html移動端開發時，在移動端IOS，點擊屏幕會出現閃屏的效果，如何去除閃屏，可以在html或者body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

2018-08-21 23:05:17

原创 頁面佈局--三欄佈局，高度已知，兩邊寬度固定，中間自適應實現方式

題目：假設高度已知，三欄佈局，其中左欄和右欄寬度爲200px，中間自適應 全局樣式 html *{ padding: 0; margin: 0; } .layout{ marg

2018-08-21 23:05:15

原创 JS數組的深拷貝和淺拷貝

一、淺拷貝在js中操作數組過程中，會需要把數組進行備份，直接賦值如下：//淺拷貝 直接賦值吧 var arr1 = ["前端","安卓","蘋果"]; var arr2 = arr1; arr2[0] = "後端"; console.l

2018-08-21 23:05:14

原创 Js中對象的深拷貝和淺拷貝

淺拷貝：只拷貝對象的基礎屬性值，對屬性值爲對象或數組的屬性則拷貝指針。 深拷貝：拷貝對象的所有屬性作爲一個全新的對象。拷貝前後的對象互不影響。淺拷貝僅僅是指向被複制的內存地址，如果原地址中對象被改變了，那麼深拷貝出來的對象也會相應改變。一

2018-08-21 23:05:14

原创 Promise和ajax配合使用

1、聲明Promise對象的方式。創建Promise對象，根據業務需求判斷執行成功或者失敗，成功調用resolve(),失敗調用reject（） // 方法1 let promise = new Promise ( (resolve,

2018-08-21 23:05:14

原创 取消長按移動端Web頁面，出現彈框

禁用圖片彈框，給img標籤加上 img{ pointer-events: none; //元素永遠不會成爲鼠標事件的target -webkit-user-select: none; -moz-user-selec

2018-08-21 23:05:13

原创 echarts中toolbox增加自定義圖標和事件

1、echarts提供了豐富的圖標，如提供了 saveAsImage保存圖片  restore 配置項還原 dataView數據視圖工具  dataZoom 數據區域縮放 magicType 動態類型切換 brush 選擇組件的控制按鈕等

2018-08-21 23:05:13

原创 placeholder兼容性問題

1、輸入框提示信息在placeholder爲普遍應用之前，普遍採用使用JavaScript來實現輸入框提示。HTML5提供了placeholder來幫助實現提示，不需要任何的JavaScript。只需要在你的input文本框的標記上添加H

2018-08-21 23:05:13