原创 解決IOS的h5喚起鍵盤導致頁面元素錯位
在input綁定blur事件： blur(event) { let result; if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgen
2020-06-16 05:56:38
原创 關於在 vue項目中對echarts圖表的一些控制（及數組對象去重）
1.利用replace對後臺返回的json數據做替換處理 (不管是多麼複雜的數據結構，都可以利用這樣的方法去全部匹配) var json = [{'real-name':'lolo'},{'real-name':'abc'},{
2020-06-16 05:56:38
原创 html2canvas 實現dom轉png
首先：npm install vue-html2canvas 在需要的頁面 ： import html2canvas from “html2canvas”; 使用中： this.$nextTick(() => {
2019-08-08 04:23:28
原创 vue-cli3 快速配置多環境變量
vue-cli3 搭建的項目其實看起來比 cli2 簡單明瞭很多，官方也有相關文檔對多環境變量配置的描述。 https://cli.vuejs.org/zh/guide/mode-and-env.html 1.首先： 通過爲 .e
2019-06-17 18:00:58
原创 一個數組多個對象，根據對象相同屬性重新組件新數組
json結構如下： var stu_list = [ {name:'lili',uid:123,exam_id:234,score:12}, {name:'lili2',uid:321,exam_id:234,sco
2019-04-21 00:51:37
原创 聊一聊js閉包以及常見的運用場景
1.首先我們有個需求是，有一段ul，循環給裏面的li綁定事件； 頁面佈局這樣子的，現在我們需要用到閉包來實現這樣一個需求： 方法一：綁定事件放在立即執行函數中 function callback(text){ documen
2019-04-12 17:43:12
原创 理解js原型和原型鏈
原文來自：https://juejin.im/post/5c64d15d6fb9a049d37f9c20 每次面試必問題，其實概念很抽象，不過我們先看一張圖來理一下思路： 概念： 原型（prototype）： 一個簡單的對象，用
2019-04-11 17:39:27
原创 記錄一段關於js速度運動的代碼
描述：我們想要達到的效果是，當鼠標移入 ‘提示’ 框的時候，左側的 div顯示到固定位置，移出回到原始位置。 1.首先我們需要了解的是 js的鼠標移入事件： （不論鼠標指針穿過被選元素或其子元素，都會觸發） onmouseover
2019-04-10 17:33:34
原创 聊一聊 本地存儲那些事兒
前端本地存儲用得最多3種方式： cookie , sessionStorage , localStorage 1.關於cookie ： 服務器與瀏覽器之間來回傳遞，儲存大小不能超過4K，同時每次http請求都會攜帶cookie，所以
2019-03-26 17:33:54
1
原创 記錄一段table的js邏輯判斷（詳情見下圖）
後臺返回的數據機構是這樣的： let list= [ {school_name: "世紀陽天體驗學校", school_id: 1, score_level: 1, count: 0, proportion:
2019-03-10 03:10:25
原创 根據後臺返回的字符來繪製驗證碼圖形
開始之前還是看一下我們想要的效果 1，首先像圖片當中這樣的驗證碼圖形，我們採用的canvas來繪製的 2，用戶的輸入是自主無控制的，所以我們在提交表單之前需要對用的驗證碼輸入進行大小寫的轉換 //這裏的code就是用戶的輸入
2019-03-07 22:31:48
1
原创 當後臺返回的圖片在前端加載不出來時，前端做默認圖片展示
類似於下面圖片展示這樣： 1.JQ的寫法： 獲取該圖片的class，採用jq的one() 方法爲被選元素附加一個或多個事件處理程序，並規定當事件發生時運行的函數。 $('.top_mg').one("error", functio
2019-03-07 22:31:48
原创 關於table升序，降序，上移，搜索，分頁那些事兒
開始之前先看看閒着沒事兒，寫的一個頁面： 簡單描述一下，思路和實現的步驟： 1.搜索： 採用vue的computed 計算屬性在不改變原數組的情況下，過濾出用戶搜索的信息 2.升序，降序： 採用js 的 sort() 方法，升序 a
2019-01-26 16:16:18
原创 記錄一段Js:用url取值
function request(paramName) { var paramValue = ""; var params = window.location.href.split('?')[1]; if (
2019-01-18 17:48:14
原创 記錄一段js:判斷數組元素連續或者不連續
如果我們拿到一個數組的解構是這樣的： [‘2’,‘3’,‘5.5’,‘6’,‘7’,‘8’,‘12’,‘12.1’,‘13’,‘16’,‘17’] 我們需要把它變成這樣： 2-3,5.5,6-8,12,12.1,13,16-17 思路
2019-01-12 17:06:58
2