原创 uni-app寫微信小程序分享海報
需求：有用戶頭像，用戶暱稱，活動標題，商品主圖，商品標題，商品價格，小程序二維碼 思路：寫成一個js文件，就可以在需要的組件中混入使用（mixins），調用繪製函數：createCanvasImage('posterCanvas')，保存
2020-07-04 14:05:06
原创 uni-app轉盤抽獎
uni-app的轉盤抽獎效果，要注意的點： 1、不能操作dom 2、主要靠css3的transition & transform讓轉盤旋轉 以下是uni-app轉盤抽獎效果的代碼： <template> <!-- 轉盤 -->
2020-06-26 10:36:04
6
原创 用嵌套路由（view-router）實現多頁面切換路由顯示
一、需求：後臺管理系統一般的頁面架構就是： 1、左側一列菜單，根據路由配置顯示標題和層級,有些頁面的標題不需要顯示在菜單中，則在路由配置中添加hidden路由標識，做相應的隱藏。 2、右邊是點擊菜單顯示相應的內容（
2020-06-26 10:36:04
2
原创 uni-app使用總結(1)
一、uni-app在項目中安裝新插件或者升級時，經常會出現運行不了的各種錯誤： ## npm install 後報錯： ``` 1、getPlatformCopy is not a function 解決： npm update（還不
2020-06-26 10:36:04
原创 uni-app刮獎
uni-app的刮獎效果，要注意的點： 1.小程序的canvas層級問題（可用cover-view規避） 2.不能操作dom 以下是uni-app刮獎效果的代碼： <template> <!-- 刮獎 --> <view v-e
2020-06-26 10:36:03
原创 vue3.0 vue.config.js 相關配置
module.exports = { // 部署應用時的基本 URL // baseUrl: process.env.NODE_ENV === 'production' ? '0.0.0.0:8080' : '0.0.0.0:8
2020-06-26 10:35:53
原创 uni-app使用總結（2）
## npm install 後報錯： ``` 1、"sass-loader": "^7.1.0"，8.0.0或以上暫時有bug。 ``` # dev ``` 1、運行h5正常，但微信小程序報錯：Cannot read propert
2020-06-26 10:35:53
2
原创 自定義好看的彈框
平常的js彈框alert("43413412"),不太好看，所以我自定義了一個彈框 html結構： <div class="alert_tip"></div> <style> 樣式可以自定義 </style>： jq方法彈出: $("
2020-06-07 15:47:44
原创 異步加載數據綁定事件問題
有個元素<div id="div"></div>是異步加載進來的，想要爲這個元素綁定事件，按正常的方法： $("#div").click(function(){console,log(12)}),那麼這個方法必須放在異步加載的函數內，才能
2020-06-07 15:47:44
原创 Facebook分享動態內容
// share //初始化： window.fbAsyncInit = function() { FB.init({appId:'app_id',autoLogAppEvents:true,xfbml:true,version:'v2.
2020-06-07 15:47:44
原创 uni-app使用總結
一、uni-app在項目中安裝新插件或者升級時，經常會出現運行不了的各種錯誤： ## npm install 後報錯： ``` 1、getPlatformCopy is not a function 解決： npm update（還不
2019-09-26 20:49:23
1
原创 有eslint檢測的項目運行時報error：Unexpected console statement (no-console)
原文鏈接：http://www.jalon888.com/post/5.html 原因：Vuejs - 使用ESLint檢查代碼質量 解決：打開項目根目錄找到：\node_modules\esl
2019-09-26 20:49:13
2
原创 項目中安裝使用eslint
1、在cli的項目裏如沒有默認安裝eslint，可：npx eslint --init 2、vscode擴展安裝ESlint，並配置 //eslint 代碼自動檢查相關配置 { "eslint.enable": true, "es
2019-09-26 20:49:12
原创 SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.
原因：低版本的IE或低版本qq瀏覽器不支持vue的es6語法 解決：安裝babel-polyfill，讓 babel-polyfill可以模擬ES6使用的環境，可以使用ES6的所有新方法 1、npm install --save-dev
2019-04-24 00:15:45
3
原创 vue 組件間通信
1、父 ===> 子 //父組件： <template> <div class="sign-up-box"> <sign-up :banding="true" :ishideBanPage="hideBanPage"></
2019-04-12 21:32:57