原创 canvas實現的畫板功能
閒來無事正好團隊準備做一個畫板相關的項目，雖然我不在其中但是對這個畫板還是蠻有興趣的。 主要是通過canvas這個標籤加上鼠標的一些相關事件來實現的。中間有碰到過一個bugcanvas的畫板大小不能通過css來設置，css會縮放大小導致獲
2020-06-22 01:31:17
2
原创 vue-api之mixins混入
平時vue官網介紹的api一般不用到都很少回去關注，這次在一個github的一個開源項目中又看到一個mixins這個api。 官方的文檔說明是這樣的: mixins 選項接受一個混入對象的數組。這些混入實例對象可以像正常的實例對象一樣包
2020-06-22 01:31:16
原创 node連接mysql及其相關的注意事項
都說node和mongodb更配但是趨勢來說的話mysql在當下會更主流，於是就去做了一些相關的demo。 node要操作mysql數據庫要安裝mysql插件 npm install mysql 這裏我考慮的不單單是操作完數據庫就完事
2020-06-22 01:31:16
原创 weex配置sass編譯
先來看看通過weex腳手架安裝的項目目錄吧 這裏面webpack的配置在webpack.config.js中。這裏我啓動項目執行的是執行的環境變量是common所以順着環境變量找到configs/webpack.common.conf這
2020-06-22 00:31:14
原创 electron主進程通信渲染進程
可以先去看看之前的https://blog.csdn.net/qq_40816649/article/details/103123143 主進程即electron的main.js。 渲染進程即BrowserWindow對象新建的。 定義一
2020-06-22 00:31:14
1
原创 next的getInitialProps方法
next提供了在服務端運行的getInitialProps方法，我們可以在這個方法中執行接口獲取頁面數據。 function hrefObj(url) { if (!url.includes('?')) { return {
2020-06-22 00:31:03
8
原创 electron基本配置
Electron是由Github開發，用HTML，CSS和JavaScript來構建跨平臺桌面應用程序的一個開源庫。 Electron通過將Chromium和Node.js合併到同一個運行時環境中，並將其打包爲Mac，Windows和Li
2020-06-22 00:31:02
1
原创 miniprogram-automator微信小程序自動化工具
最近沒啥事然後有個不是需求的需求。老大突然間看到了小程序自動化工具，於是讓我研究一下。 微信官方的文檔真的是很簡潔。感覺好多地方都沒說清楚。。。小程序自動化官方文檔 閒話不多說首先我們要先安裝自動化插件 npm i miniprogra
2020-06-21 23:45:45
7
原创 vue模擬h5外賣點餐雙聯列表
自己用vue手擼的一個h5外賣點餐雙聯列表 #2019.10.28修改：當滾動右邊列表時，左邊列表的激活項超出列表可是範圍的時候左邊列表滾動到相應的激活項位置 <template> <div class="goodsListNav"
2020-06-21 23:45:33
原创 js的事件訂閱
學習了https://blog.csdn.net/Mandyucan/article/details/80820139這位兄弟的博客。 這段時間用到事件訂閱的例子不少於是就來學習了一下，事件訂閱在js總的webview；node的事件發送
2020-06-21 23:45:33
原创 android studio連接安卓手機
首先我們先把項目能跑到安卓虛擬機上https://blog.csdn.net/qq_40816649/article/details/103927840。 接下來我們要連接手機到android studio進行react-native開發
2020-06-21 23:45:33
原创 react-native報錯：Failed to apply plugin [id 'com.android.application']
背景：根據官網的環境配置方式配置了react-native環境，這裏提一下官網沒有配置java_home環境變量需要自己配置。https://reactnative.cn/docs/getting-started.html 然後使用and
2020-06-21 23:45:33
原创 electron主進程調用命令行
electron集成了node和谷歌瀏覽器，這使得在頁面開發的基礎上可以使用node命令行相關的東西。 這裏我們用到了node的child_process子進程這個包。 const { exec } = require('child_p
2020-06-21 23:45:33
1
原创 nginx配置vue項目history的路由模式（非根目錄）
vue的路由分爲兩種hash和history，hash路由雖然不需要做太多的配置但是url地址上會有一個很醜的#號。 而history模式的路由不會有這個#號但是帶來的問題卻是刷新頁面之後會404找不到頁面，原因是spa單頁面是通過js來
2020-06-21 23:45:33
13
原创 react-router-dom5默認路由思路
在react-router-dom5取消了IndexRoute這個默認路由的組件，這樣在最新的react-router-dom5中默認路由便成了必須要解決的問題，不然在某些路由結構複雜的的項目中首頁地址需要類似http://localho
2020-06-21 23:45:33