随笔分类 - 前端开发
摘要：前言 越来越多的企业都在研发低代码平台，其中流程引擎是核心之一，拥有一个可以拖拽设计审批流程的设计器是相当重要的。 介绍 审批流程设计器是一种工具，用于创建和设计审批流程。它通常是一个可视化的设计器界面，可以方便地添加和配置审批节点、终审节点、消息节点等，并能够通过连线将这些节点连接起来，构造流程图
阅读全文
摘要：日常业务开发中我们常常会碰到如下的场景，即两个标签页之间的通信问题。我们在第一个标签页如何执行操作后在第二个标签页获取到信息。 BroadcastChannel API 为我们提供了一种快捷且高效的途径 创建useTagMessage.ts文件 // 跨标签页通信方案 ‘Msg’即通道名称，可以是任
阅读全文
摘要：说明：针对全屏的网页，使用autofit.js可自适应大小屏幕，原理是通过屏幕改变放大/缩小网页，并做了留白区域的兼容处理。 地址：https://github.com/huiJeck/autofit.js#autofitjs
阅读全文
摘要：给大家分享一个 Chrome117 更新中最实用的一个功能：在 Network 面板中发送 mock 请求。 修改返回响应数据 想要修改接口返回的数据，设置成特定的数据，首先打开 网络(Network) 面板，找到你需要Mock的接口，右键然后选择替换内容(Override content)： 这时
阅读全文
摘要：前言：我们在写项目业务时进场会要封装一些工具函数，经常会遇到重复造轮子现象，这里给大家普及下vueuse，是基于Vue组合式API的实用工具集。 比如如下简单的几个例子： useDateFormat 时间格式处理函数 useTimeAgo 几小时/上周前等 处理函数 useMouse 获取鼠标位置
阅读全文
摘要：1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi
阅读全文
摘要：前言：在该网站选择小组件样式、生成代码后插入到自己的网页即可 网站地址：https://whos.amung.us/ 第一步：选择小组件样式，并生成代码 第二步：将代码插入网页 第三步：网页中会出现统计次数小组件，点击小组件会跳转到统计详情页 最后，统计详情页会看到统计到的次数、地域、设备等信息
阅读全文
摘要：1、流程图设计器（带样式） 预览地址： http://zh888.gitee.io/flow-demo 截图 维护端设计器 业务端审批流向（红色代码已完成、蓝色代表当前进度，灰色代表还未开始） 2、流程图设计器（无样式） 地址：https://zh888.gitee.io/my-project/#/
阅读全文
摘要：谷歌浏览器技巧 $_ 上次执行结果 opt键 + click 展开最外层元素 ctr+ shift + p 执行Command命令输入Capture full size screenshot 按下回车 截图全屏网页
阅读全文
摘要：效果截图： 支持pc端和移动端签名，字体美观。若有需要加v获取：844271163
阅读全文
摘要：国庆节日微信头像，如： 微信快速换节日头像方式： 公众号回复 国庆头像 即可获取
阅读全文
摘要：前言 阅读本文，你将学到： 1.学会`withCredentials`属性； 2.学会`axios`配置`withCredentials`； 3.学会设置`Access-Control-Allow-Origin`属性； 4.学会设置`Access-Control-Allow-Credentials`
阅读全文
摘要：Typed.js 地址：https://mattboldt.com/demos/typed-js/JavaScript 打字动画库。 Anime.js 地址：https://animejs.com/具有简单但功能强大的 API 的轻量级 JavaScript 动画库。 ProgressBar.js
阅读全文
摘要：git log --author="name" --pretty=tformat: --numstat | awk '{ add += $1; subs += $2; loc += $1 - $2 } END { printf "added lines: %s, removed lines: %s,
阅读全文
摘要：1.审批流程图demo 源码地址： https://github.com/jnoodle/vue-flowchart-editor 2. 流程图 地址：https://gitee.com/martsforever-pot/vue-flow-editor 3.vue+element完成的demo（了解
阅读全文
摘要：2021年4月 目前我使用的操作流程 // git提交代码的完整操作git status // 查看当前状态git add xxxxx // xxxxx 为git status下的文件路径 -- 单个文件暂存git add . // --全部暂存git reset xxxx // xxxx 为git
阅读全文
摘要：当前页使用，element ui组件为例 1、html <el-upload class="upload-template" :class="{ 'no-files': !fileList.length }" action="#" :accept="accept" :file-list="fileL
阅读全文
摘要：1、组件源码 <!-- 功能：下载一个ajax返回的流数据 --> <template> <div> <a ref="autoDownload" :href="url" :download="filename" :style="downloadStyle" class="download"> {{
阅读全文
摘要：vite 的使用方式 vite —— 一个由 vue 作者尤雨溪开发的 web 开发工具，它具有以下特点： 快速的冷启动 即时的模块热更新 真正的按需编译 同常见的开发工具一样，vite 提供了用 npm 或者 yarn 一建生成项目结构的方式，使用 yarn 在终端执行： $ yarn creat
阅读全文
