原创 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標籤來達