原创 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')