原创 Vue 項目解決微信分享總是首頁的bug
// app.vue watch: { $route: { immediate: true, deep: true, handler(to) { // 微信瀏覽器判斷 const WECHAT_BROWSER
原创 vue 日曆組件 vue-calendar-l
方法 select (選擇日期) monthChanged (滑動移動月份) 傳入參數: options: { type: Object, default: function() { return {
原创 vue 翻頁組件vue-flip-page
方法 change (改變頁面) tap (點擊) turning (正在翻頁) prev (前一頁) next (後一頁) 翻到指定頁面: handleSwitchManual(index) { if (ind
原创 js數組和字符操作
JavaScript中數組元素刪除彙總 https://www.cnblogs.com/yun1108/p/9505294.html JavaScript數組去重 https://segmentfault.com/a/11900000
原创 localStroage
原文鏈接:https://www.jianshu.com/p/8caa0ee65806 一、什麼是localStroage、sessionStroage 在HTML5中,新加入了一個localS
原创 vue+Swiper模仿抖音頁面播放
vue+Swiper模仿抖音頁面播放 開發需求又來了 要模仿抖音做視頻播放還要上下滑動。 找了下資料Swiper可以。 先上效果圖 原理主要是通過position:absolute 控制層級z-index來控制視頻的播放,
原创 vue的微信語音功能,錄音+對接口返回amr音頻播放
vue的微信語音功能,錄音+對接口返回amr音頻播放 最近的新項目需要調用微信的錄音功能,但是後臺又不給音頻轉碼,無奈之下就踏上了研究前端音頻編碼器這東西。 參考的GitHub倉庫——Recorder 參考的GitHub倉庫——ben
原创 單頁面vue引入富文本tinymce-4.7.5
一直用vue-cli創建項目,差點把原生引入vue的寫法忘了,剛好項目有個需求就來做個小練習。 首先要先把富文本tinymce-4.7.5的js下載回來。 tinyMCE下載地址:https://www.tiny.cloud/get-ti
原创 高德地圖+vue的運用
<template> <div> <!--container--> <div id="map" style="width:100%; height:100%"> <div class="m-t-10"
原创 webpack配置筆記
webpack核心: 常用的loader: babel-loader、ts-loader 樣式相關 style-loader、css-loader、less-loader、postcss-loader
原创 【史上最全】國內外常用精品API接口彙總
API是獲取網絡服務最便捷的方式,合理地使用API開發項目可以大大提高開發效率,把精力都集中在程序的業務邏輯之上,避免重複造輪子。推薦給大家個人覺得很讚的第三方API(資源整合自網絡)。文章分爲天氣查詢、生活常用、文體娛樂、企業金融、通訊
原创 JS如何限制文本框只能輸入小寫的金額,且首位不能輸0,小數點後只能輸入2位
其實要實現這種,有兩種方法。一種是在用戶輸入完成後對數據進行驗證,另一種用戶實時錄入時,對實時錄入的值進行強制更改。那麼我把這兩種各寫了一個函數,你瞭解一下看看,裏面有說明,當然,兩個你也可以同時使用,效果極佳:1234567891011
原创 vue組件中使用iframe元素
轉載自: https://www.cnblogs.com/rlann/p/7457601.html需要在本頁面中展示vue組件中的超鏈接,地址欄不改變的方法:<template> <div class="accept-contai
原创 webstorm修改文件,webpack-dev-server不會自動編譯刷新
轉自:http://www.cnblogs.com/wshiqtb/p/5924172.html 重裝了 webstorm ,從10升級到了2016 一升不要緊,打開老項目,開啓webpakc-dev-server,然後改代碼,發現瀏覽器
原创 基於vue的實時搜索,在結果中高亮顯示關鍵詞
1)利用oninput屬性來觸發搜素功能 2)利用RegExp來對字符串來全局匹配關鍵字,利用replace方法來對匹配的關鍵字進行嵌入高亮的<span class="gaoliang">標籤,最後利用v-html來嵌入html標籤來達