原创 React 中使用 swiper 插件

安裝 Swiper npm install --save swiper 編寫 Swiper 組件 1，首先引入 Swiper 以及樣式 // 引入此路徑，纔不會打包失敗 import Swiper from 'swiper/dist/js

2018-09-14 22:28:51

原创 使用裝飾器優化connect代碼

1，npm   run   eject   彈出個性化配置 //  package.json 中會導入更多依賴，多了config文件夾，裏面有webpack.config.dev、webpack.confog.prod等修改文件   2，

2018-09-13 02:08:50

原创 使用Redux工具調試

Redux擁有很多第三方的調試工具，可用於分析代碼和修復bug。最受歡迎的是time-travelling tool，即redux-devtools-extension。設置它只需要三個步驟。 首先，在Chrome中安裝Redux Dev

2018-09-07 23:53:33

原创 Webpack3.0快速入門（三）-- 資源處理及打包優化

前兩節文章我們手把手搭建了一個基於webpack的前端開發工程環境，並講解了一些常用插件及loader的基本用法，包括代碼分割、模板讀取、文件清理、ES6編譯及css處理等等，這篇文章我繼續在前兩篇的基礎上，繼續探討：圖片處理 ， 包括f

2018-08-29 19:09:00

原创 移動端點擊300ms延遲問題和解決

今天屁顛屁顛寫完了，手機端做測試時，點擊，發現有延遲，就百度了下，原來這就是傳說中的300ms延遲啊，百度了點資料，記錄下，解決項目中這個小問題！一、移動端300ms點擊延遲一般情況下，如果沒有經過特殊處理，移動端瀏覽器在派發點擊事件的時

2018-08-29 19:09:00

原创 Axios 的使用

Axios 是一個基於 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。 Features 從瀏覽器中創建 XMLHttpRequests 從 node.js 創建 http 請求 支持 Promise API 攔

2018-08-29 19:09:00 1

原创 Webpack3.0快速入門（二）-- CSS處理與ES6編譯

寫在前面在webpack快入門之從零到一初體驗 一文中，我們從整體瞭解了webpack相關特性並手動初步實現了一個可執行編譯的webpack環境，這一節，我們將在此基礎上繼續探討以下功能的實現：css的編譯與加載，基於style-load

2018-08-29 19:08:58

原创 redux 在 react 中的應用

這一篇我們主要講react如何搭配 redux 使用，從而構建一個更完（niu）善（bi）的react應用。 官方文檔對redux的介紹： Redux是JavaScript狀態容器，提供可預測化的狀態管理。 注意，redux的集成是非

2018-08-29 19:08:58

原创 npm 常用命令詳解

目錄（更新於20160117） npm是什麼 npm install 安裝模塊 npm uninstall 卸載模塊 npm update 更新模塊 npm outdated 檢查模塊是否已經過時 npm ls 查看安裝的模塊 npm i

2018-08-29 19:08:58 2

原创 移動端h5頁面常見問題

4：）美化表單元素 //一、使用appearance改變webkit瀏覽器的默認外觀 input,select { -webkit-appearance:none; appearance: none; } //二、winphone下，

2018-08-29 19:08:58

原创 原生JS操縱cookie

cookie概述  在上一節，曾經利用一個不變的框架來存儲購物欄數據，而商品顯示頁面是不斷變化的，儘管這樣能達到一個模擬 全局變量的功能，但並不嚴謹。例如在導航框架頁面內右擊，單擊快捷菜單中的【刷新】命令，則所有的JavaScript變量

2018-08-29 19:08:58

原创 原生JS forEach()和map()遍歷的區別以及兼容寫法

一、原生JS forEach()和map()遍歷 共同點：     1.都是循環遍歷數組中的每一項。     2.forEach() 和 map() 裏面每一次執行匿名函數都支持3個參數：數組中的當前項item,當前項的索引index,原

2018-08-29 19:08:58 3

原创 移動端調試痛點？——送你五款前端開發利器

之所以寫這個總結，還要從上週的一次移動端項目的 debug 說起。那天，測試小姐姐拿着自己的 iphone6s 過來找我，說頁面打不開。我想：這怎麼可能，我手機裏挺好的呀，Chrome調試工具也沒報錯呀！就把她手機拿過來看了看，發現一進去

2018-08-29 19:08:58

原创 使用Babel把ES6編譯成ES5

建立工程目錄： 先建立一個項目的工程目錄，並在目錄下邊建立兩個文件夾：src和dist src：書寫ES6代碼的文件夾，寫的js程序都放在這裏。 dist：利用Babel編譯成的ES5代碼的文件夾，在HTML頁面需要引入的時這裏的js文件

2018-08-29 19:08:58 5

原创 vue-cli開發時使用代理跨域請求

如果前臺在開發環境下可以和服務端連起來測試就好了。但是由於端口不同，所以得跨域請求了，但是前臺開發完後，是不是全部URL都要改？ 於是搜索了一下，發現了“proxyTable”。 修改config/文件夾下的index.js dev

2018-08-29 19:08:58 3