原创 判斷在ios系統中打開微信瀏覽器

function isWeiXinAndIos() { // window.navigator.userAgent屬性包含了瀏覽器類型、版本、操作系統類型、瀏覽器引擎類型等信息,這個屬性可以用來判斷瀏覽器類型 let ua = “

原创 利用clipboard進行復制粘貼

首先引入模板: npm install clipboard --save 然後在需要引用的組件中進行引用: import Clipboard from 'cipboard' 安裝clipboard完成,可以開始寫代碼了,示例代

原创 在全局引入公共組件

import modules from "./module"; // 引入自定義公共組件 Object.keys(modules).forEach(key => { const name = key.replace(/(\w)

原创 將base64編碼圖片轉爲file對象

dataURLtoFile (dataURI, type) { // btoa和atob是window對象的兩個函數,其中btoa是binary to ascii,用於將binary的數據用ascii碼錶示,即Bas

原创 將錯誤文件代碼提交到svn版本庫,如何撤銷之前更改,上傳服務器

SVN版本庫拉取 1.新建一個文件夾,從SVN版本庫拉去錯誤提交之前的版本 2. 將代碼工作區代碼備份一份 3. 將拉取下來的代碼替換工作區的代碼 4. 提交commit到svn版本庫 5. 將之前備份的代碼還原至工作區

原创 vue中使用qrcode動態生成二維碼並下載,並解決多次生成二維碼的問題

vue頁面 npm npm install qrcodejs2 import 在所需頁面導入 import QRCode from ‘qrcodejs2’ use 生成二維碼 qrcode (url) { //

原创 上傳圖片至服務器並返回

getObjectURL(event) { var files = event.target.files; if (!/\/(?:jpeg|png|gif)/i.test(files[0].type))

原创 如何提高 webpack 構建 Vue 項目的速度

執行 npm run build 構建項目的時候極其慢,然後就引起我的注意了。在項目中,引入了比較多的第三方庫,導致項目大,而每次修改,都不會去修改到這些庫,構建卻都要再打包這些庫,浪費了不少時間。所以,把這些不常變動的第三方庫都

原创 return 、break和continue的區別和作用

1.return關鍵字並不是專門用於跳出循環的,return的功能是結束一個方法。 一旦在循環體內執行到一個return語句,return語句將會結束該方法,循環自然也隨之結束。與continue和break不同的是,return直接

原创 總結oninput、onchange與onpropertychange事件的使用方法和差別

前端頁面開發的非常多情況下都須要實時監聽文本框輸入,比方騰訊微博編寫140字的微博時輸入框hu9i動態顯示還能夠輸入的字數。 過去一般都使用onchange/onkeyup/onkeypress/onkeydown實現,可是這存在着一

原创 createTextNode和innerHTML

一、createTextNode 例如: var element = document.createElement("div"); element.className = "message"; var textNode = doc

原创 JS常用的五大事件 onclick nochanger onload onsubmit onblur

JS事件 一、什麼是事件?事件是電腦輸入設備與頁面交互的響應。我們稱之爲事件。 常用的事件: onload加載完成事件 onclick單擊事件 onblur失去焦點事件 onchange內容發生改變事件 經常用於select下拉列表

原创 jQuery animate() 方法允許您創建自定義的動畫。

jQuery animate() 方法允許您創建自定義的動畫。 語法: $(selector).animate({params},speed,callback); 必需的 params 參數定義形成動畫的 CSS 屬性。 可選的 sp

原创 onchange() 事件

onchange 事件會在域的內容改變時發生。 onchange 事件也可用於單選框與複選框改變後觸發的事件。 支持該事件的 HTML 標籤, , 支持該事件的 JavaScript 對象: fileUpload, selec