原创 react全家桶3-react16

上一篇文章react全家桶2-babel7已經提到了一些react相關 下載包 npm install --save react react-dom react-router-dom 測試jsx代碼 index.js import

原创 ionic+angularjs項目中使用極光推送

功能訴求:一、平臺通知廣播 + 二、單個用戶通知 一、以安卓爲例,平臺廣播:在apk包中加入APP-KEY,無需服務端SDK下載 準備: 1.要使用的項目中,config.xml中的包名和項目名,盜圖一張 2.在極光推送平臺註冊應用

原创 Ionic 添加ngCordova插件

Ionic只是個前端框架,與bootstrap差不多,不過他是專門爲移動端設計的, 在效果上接近原生的app,如果你的應用只涉及到前端的東西,那麼你可能不會涉及到ngCordova插件,這是phoneGap的改名叫法。如果我們應用要用到

原创 使用cordova插件後,unknown provider問題

問題描述:在ionic-Cordova項目中,調用cordova-plugin-camera插件,下載後,在對應上傳js文件的模塊注入$cordovaCamera服務,報錯: Unknown provider: $cordovaCamer

原创 ionic 進入二級目錄以後隱藏底部導航欄(tabs)

公司開始使用ionic開發項目,在此記錄下把遇到的問題,網上有大牛已經把解決方法整出來了,不過記錄在自己這裏方便查閱。  這篇記錄在有tabs的項目裏,進入子層級時,底部導航還一直存在,本人是要讓他只在首頁幾個界面存在,其他的隱藏,在這

原创 【持續更新】前端開發過程中遇到的Tips 和 Problems

1.【Tip】無返回數據的http請求 背景描述:觸發點擊事件時,發送某請求 http://$%^.$%^?a=*&b=*  通知後臺,無返回數據 可行做法:ajax get請求 Tip:訪問圖片的方式自動請求 var img = ne

原创 gulp+babel 區分生產測試環境 打包ES6

參考鏈接: https://www.jianshu.com/p/bd2f97e16d86  https://blog.csdn.net/guang_s/article/details/84775233 需求: gulp-ugilfy無法壓

原创 gulp 生產/測試環境 打包

var publicjs = { // @if NODE_ENV = 'development' requestUrl: 'http://publisher-api-test.deepleaper.com/web',

原创 react全家桶4-react router4

react router4 官網中文文檔地址:https://react-router.docschina.org 下載包: npm install react-router-dom --save 文檔原文:在web應用程序中使用的所有

原创 react全家桶3-react

上一篇文章react全家桶2-babel7已經提到了一些react相關 下載包 npm install --save react react-dom react-router-dom 測試jsx代碼 index.js import

原创 react全家桶1-webpack4

~創建項目 命令行手動創建文件 mkdir react-family-demo  進入文件 cd react-family-demo 此時文件夾是空的 初始化:手動創建或用命令:npm init   創建package.json文件:該文

原创 react全家桶2-bebel7

一、下載包 版本7將系列插件都放在了@babel家族下,我的項目使用了react和webpack ,使用npm下載包的代碼如下: npm install --save-dev @babel/core @babel/cli @babel/

原创 webpack入門(一)

~創建項目(本來是爲了寫一個react全家桶demo,由於太長了,就拆出來了,項目名懶得改了) 命令行手動創建文件 mkdir react-family-demo  進入文件 cd react-family-demo 此時文件夾是空的 初

原创 前端下載少量數據爲csv文件

功能訴求:前端訪問後端數據後,展示在表格中並下載爲csv文件。 由於csv內容格式就是純文本的字符拼接,小數據量時可以前端生成,大數據量還是後端生成較爲合適 使用:react // 下載表格(生成csv並下載) download

原创 react v16.5.2 生命週期方法 + 圖解

參考: https://blog.csdn.net/c_kite/article/details/80303341; 官網:https://react.docschina.org/docs/react-component.html   注