原创 Git多分支並行開發合併策略

一、項目背景 項目AB分支同時進行開發時,A分支開發過程中有其他分支B上線,並且B分支上線版本已同步(merge)到master,則須合併已上線版本到正在開發的分支A上,避免A分支上線時覆蓋B分支的代碼,導致功能倒退。 二、命令行

原创 7個令人興奮的JavaScript新特性

前言 一個ECMAScript標準的製作過程,包含了Stage 0到Stage 4 五個階段,每個階段提交至下一階段都需要TC39審批通過。本文介紹這些新特性處於Stage 3 或者Stage 4 階段,這意味着應該很快在瀏覽器和

原创 TypeScript踩坑記錄

▶ 用字符串做下標報錯 代碼示例: const person = { name: '張三', age: 10 }; function getValue(arg: string) { return pers

原创 Mockjs批量生成隨機JSON數據

示例一 /** * 將字符串url轉換爲正則匹配 * 轉正則的原因:如果url是字符串類型,默認會完全匹配mock地址與應用請求地址,參數不同也會造成mock攔截失效,解決方式就是用正則匹配 * @param {String

原创 vue中jsx語法解析字符串標籤

使用domPropsInnerHTML rander(){ let str = '<span>aaaa</span><span>bbb</span>'; return (<span domPropsInnerHTML={str

原创 VSCode可視化調試Vue代碼

1.安裝擴展Browser Preview 安裝完成後在側欄會多出一個圖標,點擊後就能打開內置谷歌瀏覽器 2.安裝擴展Debugger for Chrome 3.在項目裏創建launch.js文件 會在當前項目下生成文件夾

原创 遞歸獲取祖先id集合

function getAncestors(result, id, arr) { arr.some(item => { if (item.id === id) { result.un

原创 vue typescript mixins混入

person-mixins.ts import { Component, Vue } from 'vue-property-decorator'; @Component export default class PersonMi

原创 動態創建iframe在Firefox中報錯NS_ERROR_FAILURE

Firefox中通過腳本動態創建iframe空標籤,在未設置src時有時會報下面這個錯 解決方法是先設置src爲有效的url,在onload後再替換裏面的dom

原创 moment獲取歷史和未來年、月、日、時、分、秒、時間

歷史時間 moment().add(-1, 'Y'); //獲取當前時間-1年的時間 moment().add(-1, 'M'); //獲取當前時間-1月的時間 moment().add(-1, 'D'); //獲取當前時間-1天

原创 axios請求文件流處理返回值

使用 axios 請求 api 下載導出一個文件時,接口返回值可能會出現兩種情況: 1、文件流 2、json 對象 responseType 值的類型 值數據類型''DOMString(默認類型)arraybufferArrayB

原创 vue在scss中使用js的變量

<template> <div> <span v-for="item in list" :style="{'--text': item.text, '--color': item.color}"></sp

原创 商品規格SKU笛卡爾積計算

typeScript 版 function cartesianProductOf(...args: any[]) { return args.reduce( (total: any, current: an

原创 axios過濾重複請求及批量取消請求

實現思路: 把每次發送的請求及參數通過CancelToken創建標記添加到vuex的一個列表中,響應完成後從vuex的列表中刪除該標記 每次添加標記到列表時先與列表比對是否重複,未重複正常添加,重複則不添加並取消該次請求。 通過循

原创 獲取一組座標的中心點

/** * 獲取一組座標的中心點 * @param {Array} points 座標集合 * @returns {Object} 中心點 */ function getCenter(points = []) {