原创 vue-cli的webpack配置，遷移適用到react開發配置webpack

最近搞vue，用的vue-cli，快速構建開發環境，當然核心還是集成的webpack。之前自己做react的webpack環境配置總覺得差強人意，於是就把vue-cli的遷移過來，感覺還是不錯的。對應一般開發需要，下面需要修改的就在bui

2018-09-04 22:12:49

原创 react-native，react-redux和redux配合開發

react-native 的數據傳遞是父類傳遞給子類，子類通過this.props.** 讀取數據，這樣會造成組件多重嵌套，於是用redux可以更好的解決了數據和界面View之間的關係， 當然用到的是react-redux,是對redux

2018-09-04 22:12:49

原创 nodejs用expressjs框架搭建多人博客(一)

想學習點新東西就是開手寫，就寫了個簡單的實現，利用node實現一個博客。主要的內容就在首頁也能看到了。 話不多說，expressjs怎麼創建項目選擇ejs模板，之前的文章都寫過了。 首先從用戶註冊開始，有了用戶才能根據id查找文章。

2018-09-04 22:12:49 1

原创 添加自定義vue全局方法，同時給自定義的方法 傳遞component調用其方法

項目中會遇到一個組件/方法， 在多個地方被調用，比較方便的的方式之一，this.$custom(agruments) 這樣就比較方便 ，不然用組件引入的辦法調用就就比較麻煩，每可能都需要這樣調用 import coustom from

2018-09-04 22:12:49

原创 gulp開發簡單配置以及配合browserify應用

前端開發都需要對css ，js 打包壓縮，less 編譯，gulp簡單的風格，可以完美的完成這項任務。 首先需要安裝gulp  npm install gulp -g npm install gulp --save-dev 安裝gulp

2018-09-04 22:12:49

原创 關於iphone 上touch事件動態改變元素位置時與touch點發生偏移的問題

寫這個麼個題目好像，有點晦澀。直接來張gif圖就知道，主要是是當手指觸摸到元素時，元素的初始位置變成了left:0, top:0; js 設置監聽事件 都是 一樣的套路  touch.addEventListener('touchst

2018-09-04 22:12:49

原创 react-navigation之TabNavigator, StackNavigator使用配合redux

我在react-navigation的組件StackNavigator 和TabNavigator組合使用在加上redux，出現如下問題 there is no route defined for key ***must be one o

2018-09-04 22:12:49

原创 拾趣小記，input 限制輸入數字

form 表單 要限制 input 只能輸入數字，首先想到的是 <input type="number"/> 不過問題來了 , 如圖，能輸入字母e ， 而且用了 下面的正則也能輸入 console.log 輸入看看 e 就是也是代表

2018-09-04 22:12:49

原创 關於數據可視化Chartjs，Highcharts用法

做數據顯示時總需要各種圖表，顯示的更形象，什麼餅狀圖，柱狀圖的。常用的就是Chart.js。或者Highchartsjs寫的 chartjs可以方便的繪製出各種圖形，同時對數據進行切換。chartjs是canvas寫的，所以 var c

2018-09-04 22:12:49 1

原创 vue中動態加入ECharts圖表時，ECharts寬度自適應/不能100%撐開

首先上圖吧， 關於vue動態加入echarts時，寬度不能100%的問題，首先上圖 如圖，echarts中的canvas的width才500，顯然不對呀，右邊還有那麼大的一片空白，需要說明下交互步驟 看看代碼， 按鈕觸發click

2018-09-04 22:12:48

原创 小計最近踏的微信小程序的坑

最近做小程序，實在不想做。然後來吐槽下小程序的坑吧。也只做了這一個項目，有不對的地方請指正見諒。 一、 tabbar app.json裏配置tabbar是原生層的，所以要實現比價奇怪的tabbar只有自己用view寫了，比如：

2018-09-04 22:12:48

原创 vue-cli 打包找不到 css 資源或者圖片資源問題

用vue-cli 開發，要打包了，放到tomcat 上發現css 或者圖片加載不出來，控制檯一看是資源路徑不對 資源是在assets 目錄下的 徹底的解決辦法 utils.js 文件中 if (options.extract) {

2018-09-04 22:12:48

原创 react i18n 實現國際化

爲了讓react 實現本地語言，就需要i18n 當然首先就要npm install npm install react-intl --save 安裝好intl，這個組件依賴react 版本爲 0.14.0 以上 或者 15.0.0以上 如

2018-09-04 22:12:48

原创 跨界閉包之javascript，java，groovy

一提閉包，前端首先想到的肯定就是javascript的閉包，接着就是其特性，閉包裏的變量常駐內存不會消失，外部函數可以訪問內部函數的變量，似乎是擺脫了作用域的限制。 那麼就先說說前端js的閉包，最簡單的一個例子 function cl

2018-09-04 22:12:48 2

原创 react-native，redux，redux-saga組合開發實現

簡單的說搞react開發的痛點之一，單向數據流的傳遞，redux統一管理數據，redux-saga又處理管理了異步調用。 要實現的內容如下，界面 目錄結構 首先從請求接口入手，用axios封裝請求接口，統一處理請求 axios.js

2018-09-04 22:12:47 2