原创 vue-quill-editor 富文本添加上傳音頻功能

1. 前言 vue-quill-editor 是vue項目中常用的富文本插件,其功能能滿足大部分的項目需求。但是,最近項目中,需要在富文本中上傳音頻文件,但是vue-quill-editor這個富文本僅支持圖片,視頻上傳;所以這個

原创 flyio 在微信小程序中的二次封裝

flyio 是什麼?          一個支持所有JavaScript運行環境的基於Promise的、支持請求轉發、強大的http請求庫。可以讓您在多個端上儘可能大限度的實現代碼複用。 flyio 的平臺支持?         目前Fl

原创 發佈VuePress靜態網站

前言:VuePress是有大大爲了vue生態的文檔需求而開發的一個項目,簡單,易上手,能快速構建靜態網站,支持Markdown......如果你有寫技術文檔項目或者blog系統之類的,VuePress絕對可以成爲你最佳的備選項之一。 基本

原创 React Native 處理鍵盤遮擋輸入框問題

在移動端上,輸入框被軟鍵盤遮擋是一個非常常見的問題,爲此,RN原生的提供了一個組件 KeyboardAvoidingView 來處理這個問題,KeyboardAvoidingView的主要屬性behavior 包含三個’height’,

原创 font-face使用

原文鏈接:https://www.jianshu.com/p/2fb8ef458400 @font-face 是 CSS3 的一個模塊,其主要作用是可將自定義字體嵌入到網頁中,讓網頁

原创 前端開發應知網站(強烈推薦!)

作爲一名前端開發者(所有程序員)最起碼遇到bug就算不會解決也應該會搜解決問題的答案。 一般筆者會先在百度搜(關鍵詞一定要輸入正確) 如果沒搜到會再去bing裏面看看 還沒有的話就去github的Issues裏面再

原创 使用div模擬輸入框

1.  <div class="divInput" contenteditable="true" @input='contentChange'></div> 2. contentChange(event){ this.inp

原创 處理 Element UI 中Popover組件會在頁面中出現多個的情況

前言:今天有一個需求,一個列表中每一行都會有一個element-ui的 popover 彈窗,使用click或者hover觸發;但是,這個組件自身不會自動關閉,處理手動點擊頁面其他地方。使用需要對這一現象進行處理,使用 doClose()

原创 關於react-native中FlatList的 上拉加載更多,下拉刷新

前言:在react-native項目中,列表是非常常見的,並且react-native官方也有提供列表組件 FlatList;但是這個組件本身的上拉加載更多,下拉刷新屬性是有一定問題的,需要我們字段去控制才能完美的實現。 代碼實現: ==

原创 vue中使用echarts繪製折線圖

1. 安裝:npm install echarts --save         ==>> 其他方式請參考:https://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4

原创 vue解決數據更新,界面未更新的方法

一、暴力型 this.$forceUpdate() 二、婉約型 用一個臨時變量保存數據,完成所有操作後;最後再賦值給data裏面指定的變量 eg: let obj = {...} // 各種操作 obj.a = ... this.

原创 React Native的 Webview 和 H5 相互發送監聽消息

前言:最近項目中大量使用的Webview嵌套H5的情況,其中一些需求免不了要對Webview 和 H5 進行數據交互。 方式一:postMessage  ==>> 注意:這種方式適用於React Native自身Webview組件,但在版

原创 vue引入font awesome 及webpack打包後圖標不顯示的問題

vue引入font awesome的方法:         npm install font-awesome --save         然後在main.js 中:import 'font-awesome/css/font-awesom

原创 構建Element UI中Tree組件的數據結構

後臺返回的數據結構   Tree 組件需要的數據結構:   自己寫的: ===>> 這樣遞歸必須要知道最頂層的對象,然後傳入頂層對象一次遍歷得到自己目錄 data.data.forEach((item, index) => {

原创 JS單線程的理解

1. 問題1:定時器真的能準確定時嗎? 示例:給 id = “btn”  的按鈕綁定時間監聽,執行定時器 <script type="text/javascript"> document.getElementById('btn')