原创 vue.js高德地圖實現熱點圖

1.在index.html引入高德地圖JSAPI <script src="https://webapi.amap.com/maps?v=1.3&key=xxx"></script> 2.地圖dom <div class="map

原创 vue.js中使用微信掃一掃,解決invalid signature問題

1、點擊按鈕,實現微信掃一掃功能: <template> <a class="btn" @click="scan">掃一掃</a> </template> 2、使用config接口注入配置信息,wx.config調用方法如下:

原创 vue.js中H5使用微信搖一搖抽獎,判斷搖一搖次數

微信搖一搖抽獎: export default { data() { return { SHAKE_THRESHOLD:4000,//定義一個搖動的值 last_update :0,//定義一個變量保存上次更新

原创 node.js 報錯Error: ENFILE: file table overflow...ENFILE: file table overflow, open...

在MAC上啓動nodejs,遇到了一個問題: 主要大概是說文件打開太多了,超過了限制。 產生這個問題主要是蘋果操作系統的限制,具體參考這個ISSUE I'm glad this is solving it for everyone.

原创 純CSS3實現流星劃過動畫

1.html :創建幾個流星 <div class="meteor-body"> <div class="main-con"> <div class="shooting_star"></div> <div class="sho

原创 vue在個組件中給body加樣式,或者給上層元素加樣式

在h5項目中,經常遇到不同組件需要不同背景色,通過vue的生命週期來解決。 這組件創建前設置我的樣式,銷燬之前移除我設置的樣式。 用一下方式給body添加樣式: <script> export default { beforeC

原创 Swiper 在vue中的使用,loop=true獲取真實index,數據更新刷新初始化swiper

1.安裝 npm install swiper --save-dev 2.在組件中引用 import Swiper from "swiper" import 'swiper/dist/css/swiper.css'; 3.初始化swi

原创 html2canvas

createImg(){ let dom = document.getElementById("card"); //要轉化的div let width = dom.offsetWidth; let height = d

原创 vue 路由參數變化,頁面不刷新(數據不更新)解決方法

路由參數改變,頁面數據不更新解決方法(親測可用): http://localhost:8080/#test?type=1 http://localhost:8080/#test?type=2,參數切換後,數據未更新 以下爲解決辦法: 監聽

原创 Adobe PhotoShop CS6 forMac 中文破解版下載及破解方法

安裝前準備 1.Adobe PhotoshopCS6下載鏈接:https://pan.baidu.com/s/1ZqdmWsg5-lgQL-fBYFF8mQ 2.破解工具下載鏈接:https://pan.baidu.com/s/1S9c9

原创 Vue-cli 3.0+ 設置接口代理 設置vue.config.js的配置項

vue.config.js是一個可選的配置文件 新建vue.config.js文件,存放在項目根目錄(將自動加載)中: module.exports = {     devServer: {         // 設置主機地址    

原创 Vue 報錯Error: No PostCSS Config found解決辦法

從git上 clone 下來的代碼: npm install 安裝依賴以後,啓動服務,出現Error: No PostCSS Config found報錯: npm run dev 解決辦法: 在項目根目錄下創建postcss.c

原创 @vue/cli 3.0 eslint 轉成tslint

我們用 vue/cli 創建新項目的時候,通常會選擇代碼檢查工具 [eslint|tslint],有的時候難免會選錯,這個時候想要替換,怎麼辦 場景再現 vue create lint-vue 爲了方便查看,每個選項的結果做了換行,

原创 Vue報錯'Do not use built-in or reserved HTML elements as component id:解決方法

vue 在引入組件後無法顯示組件內容且報錯如下 : Do not use built-in or reserved HTML elements as component id 這是因爲組件的命名和html標籤重複導致警告,如下圖所示:

原创 border-radius導致overflow:auto 或者 overflow:hidden失效,溢出問題解決方法

如圖所示:如果一個父元素設置了overflow:hidden屬於的同時還設置了border-radius屬性,那麼如果想隱藏超出的子元素,四個圓角處會出現超出圓角依然顯示的bug; 解決辦法: 只需在父元素設置即可: 方法1、 tra