原创 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 = []) {