原创 在前端項目中使用Git Hooks

在前端項目中使用Git Hooks 具備基本工程素養的同學都會注重編碼規範,而代碼風格檢查(Code Linting,簡稱 Lint)是保障代碼規範一致性的重要手段。 使用 Lint 會有什麼好處呢?在我看來至少具有如下 3 點:

原创 Taro開發總結

文章目錄Taro開發總結數據請求庫封裝利用Decorator快速實現小程序分享封裝UIcon組件封裝HtmlParse組件分環境打包項目打包壓縮配置alias配置 Taro開發總結 之前做小程序一直用的mpvue,用了一段時間發現mp

原创 微信小程序吸底區域適配iPhone X

微信小程序適配iPhone X主要針對fix定位到底部的區域,比如詳情頁或購物車底部的按鈕欄,會與iPhone X的Home Indicator橫條重疊,這樣在點擊下方按鈕時很容易誤觸發手勢操作,如下圖: mpvue中適配方法: 1

原创 ES6、ES7、ES8知識點

概述 ES全稱ECMAScript,ECMAScript是ECMA制定的標準化腳本語言。目前JavaScript使用的ECMAScript版本爲ECMAScript-262。 ECMAScript 標準建立在一些原有的技術上,最爲著名

原创 React Native中集成友盟統計的功能

1.集成準備 首先我們需要到友盟官網申請一個開發者賬號。然後創建一個應用並獲取appkey。 2.集成SDK 獲取到appkey之後呢,我們接下來就來集成集成SDK。 Android 友盟支持AndroidStudio的Gradle配置,

原创 Koa搭建本地測試服務器

1.在項目根目錄安裝koa、koa-router npm install --save-dev koa koa-router koa-body 2.新建server.js文件 const Koa = require('koa') cons

原创 react native中引入antd-mobile

1.安裝antd-mobile與babel-plugin-import yarn add antd-mobile react-dom yarn add --dev babel-plugin-import 2.編輯 .babelrc {"p

原创 對Fetch進行簡單的二次封裝

新建request.js import 'whatwg-fetch' import 'es6-promise' //let qs = require('qs'); const BASE_URL = '/api'; export fu

原创 JavaScript ES6中export及export default的區別

相信很多人都使用過export、export default、import,然而它們到底有什麼區別呢? 在JavaScript ES6中,export與export default均可用於導出常量、函數、文件、模塊等,你可以在其它文件或

原创 vue-cli 3.0 配置

最近上手試了試vue-cli(v3.0.0-rc.5),小結一下 1.環境變量相關 在一般項目中我們針對不同的開發環境會配置不同的環境變量: 開發環境(development) 測試環境(production) 發佈環境(release

原创 在Vue項目中使用easyScroll滾動條插件

插件github地址:https://github.com/GarveyZuo/EasyScroll/ 1.插件採用jsx語法,使用前需要安裝vue-jsx插件: npm install\ babel-plugin-syntax-js

原创 vue分環境打包

      在項目開發中,我們的項目一般分爲開發版、測試版、Pre版、Prod版。Vue-cli的默認環境一隻有dev和prod兩個,之前每次要發佈測試版或Pre版都是修改了源碼中API地址後打包,這樣很麻煩。如果能根據不同環境打包就完美

原创 封裝簡單的axios庫

1.新建http.js文件,封裝axios get post 方法 import axios from 'axios' import qs from 'qs' import 'es6-promise' axios.defaults.ba

原创 js下載base64格式的圖片

直接看代碼 //下載圖片 download() { let imgData = 'data:image/png;base64,iVBORw0KGgoAAAANSUh........';

原创 mpvue開發小程序小總結

最近用mpvue開發了一個小程序,現總結一下碰見的問題及解決方案 1.項目中數據請求用到了fly.io,封裝成request.js如下: import wx from 'wx' import Fly from 'flyio' import