
javaScript
由本
逆水行舟 不进则退---
展开
-
git rebase和git merge的区别(简洁易懂)
初始分支master ---- commit记录 1 - 2 - 3从master分支切出来一个prod分支 ---- commit记录 1 - 2 - 3master分支继续开发,分别又提交了4,5 ---- commit记录 1 - 2 - 3 - 4 - 5prod分支也在继续开发,分别提交了 6,7 ---- commit记录 1 - 2 - 3 - 6 - 7把master分支上的最新代码和并到prod上用 git rebase origin/master ---- commit记录..原创 2021-12-09 14:35:51 · 312 阅读 · 0 评论 -
前端搭建自己的组件库并发布npm(完整流程)
上传第一步:用脚手架搭建一个新项目vue create 项目名称第二步:src同级目录下创建一个packages文件夹并在里面新建两个文件Button.vue<template> <button class="MyButton"> 我是一个按钮组件 </button></template><script>export default { name: 'MyButton', data () {原创 2021-12-08 18:21:23 · 5983 阅读 · 4 评论 -
(前端) 获取文件md5值 spark-md5
import SparkMD5 from 'spark-md5'const base64 = '......'const spark = new SparkMD5()spark.append(base64)const hash = spark.end()原创 2021-11-13 18:27:05 · 1571 阅读 · 0 评论 -
(前端vue) vue-timers 替代定时器和延时器
import {mixin as VueTimers} from 'vue-timers'export default { mixins: [VueTimers], // 混入 timers: { tm1: { time: 300, // 定时时间 repeat: true, // 是否重复执行 immediate: false // 是否立即执行 }, tm2: { time: 1000, // 定时时间 rep原创 2021-11-13 18:10:17 · 1910 阅读 · 0 评论 -
(前端)页面截取生成图片 html2canvas
1. 封装一个公共的截图函数import html2canvas from 'html2canvas'/** * 截屏函数 * @param id 需要截取的dom元素id * @param name 下载的图片名称 * @param isReturn 是否返回截取的图片,用作回显 */export const screenshot = (id: any, name: any, isReturn?: boolean) => { const dom = document.getE原创 2021-11-13 15:10:59 · 1647 阅读 · 0 评论 -
(前端React)手写签名 react-canvas-draw
import CanvasDraw from 'react-canvas-draw'const signCanvas = useRef<any>();// 清空signCanvas.current.clear()// 获取结果const img = signCanvas.current.canvas.drawing.toDataURL('image/png')<div> <div className="backageImg"></div>原创 2021-11-13 14:39:59 · 980 阅读 · 1 评论 -
Echarts(api汇总+配图)
1.柱状图and折线图const dom = document.getElementById(chartsId)if (!dom) returnconst myChart = echarts.init(dom as HTMLDivElement)const option = { /** 边距 **/ grid: { left: '2%', right: '2%', bottom: '15%', top: '12%', containLa原创 2021-11-13 11:47:24 · 1182 阅读 · 0 评论