原创 vue引入echarts圓環圖等各種圖表方法-----入門

1.安裝依賴 npm install echarts -S 2.全局引入main.js // 引入echarts import echarts from 'echarts' Vue.prototype.$echarts = ech

原创 html中input禁止輸入(禁止獲得焦點)多種方法及input限制數字和長度

input禁止輸入(禁止獲得焦點) 1: readonly規定輸入字段爲只讀可複製,但是,用戶可以使用Tab鍵切換到該字段,可選擇,可以接收焦點,還可以選中或拷貝其文本。 <input type="text" value="禁止輸入,可

原创 vue開發H5簡單上拉加載功能代碼全vue監聽滾動底部

沒用ui框架寫簡單的實現了下功能 思路:上拉加載肯定要滾動到底部,所以就先監聽滾動條滾動到底部 然後執行分頁+1請求數據push到渲染列表中即可; 同時判斷最後一頁時不請求,展示無數據狀態 主要代碼: 1:監聽滾動底部 <scrip

原创 vue技巧

方法綁定  {{ name() }} 返回 展示: <template> <div>{{name()}}</div> </template> <script> export default { data{

原创 vue開發H5步驟詳解(環境搭建+rem佈局+域名配置+請求)

環境搭建 01. 安裝Node.js  Node.js安裝包及源碼 下載地址爲:https://nodejs.org/en/download/、64 位安裝包下載地址 : https://nodejs.org/dist

原创 vue父組件向子組件傳參

需求:頭部爲一個公用組件,跳轉頁面標題切換,同時控制返回鍵顯示隱藏   父組件代碼(引用子組件) 同時子組件上傳遞參數textTitle和ifReturn: <template> <div> <headAssembly t

原创 前端軟件,模版,工具,插件,素材,資源,面試題蒐集記錄(實用乾貨不定期更新)

以下爲蒐集的資源包含ps軟件,前端開發軟件,資源下載軟件,工具類軟件等(@炬) * 專業的前端面試題庫,包含了:Html、Css、JavaScript、jQuery、ECMAScript、Vue、Angular、React、http協議、

原创 簡單音樂播放器,可拖動進度條。完整代碼demo

效果圖: 可播放暫停繼續播放,進度條可拖動,時間展示,聲音調節 完整代碼(直接拿來用) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>audio功能開發</ti

原创 景區自定義手繪地圖疊加

地圖上嵌套手繪地圖--實現效果: 這裏用到了地圖的圖層   簡單一個完整Demo代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m

原创 vue中引用echarts設置漸變色new echarts不能用

需求需要設置透明漸變區域,在https://gallery.echartsjs.com 中找到如下圖 其中漸變透明色代碼中的color: new echarts 設置完報錯 color: new echarts.graphic.Lin