原创 提取富文本中文字內容(使用正則)

function removeTAG(str){ return str.replace(/<[^>]+>/g, ""); }  

原创 移動端下拉加載插件----mescroll.js插件

一、官網 http://www.mescroll.com/ 二、下載引入 <script src="./js/mescroll.min.js"></script> <link rel="stylesheet" href="./css/m

原创 深入淺出vue.js----patch

一、概述 (1)虛擬DOM最核心的部分是path,它可以將vnode渲染成真實的DOM。 (2)patch也可以叫作patching算法,通過它渲染真實DOM時,並不是暴力覆蓋原有DOM,而是比對新舊兩個vnode之間有哪些不同,然後根據

原创 vue中使用swiper插件時動態綁定圖片數據無法滑動或白屏

一、原因 使用靜態圖片是沒問題的,但是使用接口返回的圖片數據去綁定swiper就會出現無法滑動或則白屏的問題,原因是swiper提前初始化了,獲取的圖片數據還未返回。 二、解決 (1)方法一、使用$nextTick,在數據更新後在初始化s

原创 input file圖片上傳(使用OSS Javscrtipt 上傳到服務器)以及圖片裁剪(cropper.js)

一、圖片上傳 (1)使用 <input type="file" accept="image/*" name="file" @change="upload($event)"> accept="image/*;capture=camera

原创 圖解HTTP----HTTP首部--請求首部字段

一、請求首部字段 請求首部字段是從客戶端往服務器端發送請求報文中所使用的字段,用於補充請求的附加信息、客戶端信息、對響應內容相關的優先級等內容。 二、Accept(媒體類型) Accept: text/html,application

原创 圖解HTTP----HTTP首部--響應首部字段

一、響應首部字段 響應首部字段是由服務器端向客戶端返回響應報文中所使用的字段,用於補充響應的附加信息、服務器信息,以及對客戶端的附加要求等信息。 二、Accept-Ranges(告知客戶端服務器是否能處理範圍請求) Accept-Ra

原创 深入淺出vue.js----實例方法與全局API的實現原理---生命週期相關的實例方法-vm.$mount

一、概述 (1)不常用該方法,原因是如果在實例化Vue.js時設置了el選項,會自動把Vue.js實例掛載到DOM元素上。 (2)但是,無論我們在實例化Vue.js時是否設置了el選項,想讓Vue.js實例具有關聯的DOM元素,只有使用v

原创 深入淺出vue.js----實例方法與全局API的實現原理---數據、事件相關的實例方法

一、Vue構造函數 import { initMinxin } from './init' import { stateMinxin } from './state' import { renderMinxin } from './re

原创 深入淺出vue.js----模板編譯原理

一、概述 (1)在Vue.js中創建HTML並不是只有模板這一種途徑。既可以手動寫渲染函數來創建HTML,也可以在Vue.js中使用JSX來創建HTML。 (2)渲染函數是創建HTML最原始的方法。 (3)模板最終會通過編譯轉換成渲染函數

原创 深入淺出Vue.js----VNode

一、什麼是VNode (1)Vue.js中存在一個VNode類,使用它可以實例化不同類型的vnode實例,而不同類型的vnode實例各自表示不同類型的DOM元素。 (2)其實vnode只是一個名字,本質上其實是Javascript中一個普

原创 深入淺出vue.js----實例方法與全局API的實現原理---生命週期相關的實例方法-vm.$destroy、vm.$forceUpdate

一、生命週期相關的實例方法 (1)vm.$destroy、vm.$forceUpdate 從lifecycleMixin中掛載到Vue構造函數的prototype屬性上。 export function lifecycleMixin(V

原创 調用百度地圖JavaScript API實現地址解析

一、百度地圖         百度地圖JavaScript API是一套由JavaScript語言編寫的應用程序接口,可幫助您在網站中構建功能豐富、交互性強的地圖應用,支持PC端和移動端基於瀏覽器的地圖應用開發,且支持HTML5特性的地圖

原创 前端獲取視頻第一幀作爲封面

一、方法一 通過創建canvas標籤,利用其drawImage() 方法在畫布上繪製該視頻,然後運用toDataURL方法轉換canvas上的圖片爲base64格式,並將base64格式的圖片作爲video標籤的poster屬性。toDa

原创 前端JS和APP交互

在APP中嵌入H5時,往往需要進行交互,此時就需要用到JS交互。 一、從前端調用APP的方法 (1)與Android交互 window.Android開發人員定義的對象名.Android開發人員定義的方法名(); 例如: window