原创 vue js工具函數
/** Created by jiachenpan on 16/11/18. */ export function parseTime(time, cFormat) { if (arguments.length === 0) {
2019-05-01 00:50:19
2
原创 html禁止自動填充input表單的完美解決辦法
首先設置input爲只讀readonly，當頁面加載完成後，瀏覽器不會自動填充內容，但是也不可以進行編輯。然後我們再用js的定時器延遲一段時間後移除input的只讀屬性readonly，輸入框便可進行再次編輯！完美解決！ <form
2019-05-01 00:50:19
原创 函數防抖和節流
在前端開發的過程中，我們經常會需要綁定一些持續觸發的事件，如 resize、scroll、mousemove 等等，但有些時候我們並不希望在事件持續觸發的過程中那麼頻繁地去執行函數。 通常這種情況下我們怎麼去解決的呢？一般來講，防抖和
2019-04-18 11:01:11
原创 super js
1.this和super的區別： this關鍵詞指向函數所在的當前對象 super指向的是當前對象的原型對象 2.super的簡單應用 const person = { name:'jack' } const man = { s
2019-04-18 11:01:11
原创 數組去重----es6&es5&數組對象去重
es6方法： 普通數組： 1.使用Array.from(new Set(arr)); 複製代碼 /* @param oldArr 帶有重複項的舊數組 @param newArr 去除重複項之後的新數組 */ let oldArr =
2019-04-17 11:29:18
原创 深入淺出 Javascript 中 apply、call、bind
apply、call 在 javascript 中，call 和 apply 都是爲了改變某個函數運行時的上下文（context）而存在的，換句話說，就是爲了改變函數體內部 this 的指向。 JavaScript 的一大特點是，函數
2019-03-13 05:47:57
原创 safari瀏覽器兼容性問題-日期格式
今天寫代碼遇到的一個bug，在chrome上顯示得好好的時間，一到Safari就提示 “invalid date”，於是回來看代碼（爲了一目瞭然，進行一些處理）： var deadline = new Date("2016-06-10
2019-03-07 14:57:58
49
原创 HTML5 file對象和blob對象的互相轉換
最近在做一個裁剪圖片的需求，基於vue和ivue，裁剪完圖片遇到一個坑，canvas是轉成了blob對象，很少有有blob對象轉File的文章，所以今天來寫一個吧！ 使用FileReader 對象轉換：File => DataURL
2019-01-25 14:51:24
1
原创 JS之漢字與Unicode碼的相互轉化
有時候，我們在給後端傳遞變量的的值中有漢字，可能由於編碼的原因，傳遞到後端後變爲亂碼了。所以有時候爲了省事或者其它特殊要求的時候，會把傳遞的漢字轉換成Unicode編碼後再進行傳遞。 當然漢字轉換成unicode編碼，使用JS的cha
2019-01-17 14:32:39
原创 js 圖片轉換base64 base64轉換爲file對象
function getImgToBase64(url,callback){//將圖片轉換爲Base64 var canvas = document.createElement('canvas'), ctx = canva
2019-01-10 14:41:43
原创 axios跨域不成功的一個小問題 Vue CLI3跨域請求，Vue proxy配置
Vue項目，因爲前後端分離，所以在請求後端接口時，時常遇到跨站問題，真心入坑啊 1、如果前後端項目部署時候不在同域名下，前端不用配置，後端做好CORS配置即可，後端配置可參考https://blog.csdn.net/envon123
2019-01-10 14:41:43
原创 無痕模式下，storage被禁用問題
開啓無痕模式後，localStorage和sessionStorage爲空，對其進行set操作也會報錯，也就是說這種情況下，storage是被禁止使用了。接下來說一下解決方法 解決方案 我們項目框架上的解決方法是對storage進行一
2019-01-04 20:21:50
21
原创 input上傳圖片，並且實現FileReader實圖片預覽效果
input img <img :src="upImg" alt=""> //屬性綁定爲upImg在data()中聲名 <input class="lost" type="file" id="file" @change="upLoadI
2018-12-18 14:34:32
原创 Promise.wrap(..) promisory包含或傳輸一個 promise
/ polyfill安全的guard檢查 if (!Promise.wrap) { Promise.wrap = function(fn) { return function() { var args = [].slice.call(
2018-12-17 15:11:36
2
原创 HTML5調用攝像頭錄製視頻
HTML5調用攝像頭錄製視頻 不支持ie，ie下不支持webrtc，無法使用navigator.getUserMedia調用攝像頭 <!DOCTYPE html> <html> <head> <title>video rec
2018-11-28 13:01:26