- 博客(40)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 git 保留最新的代码，删除所有历史commit
在 Git 中，如果你想要保留最新的提交（即 HEAD 提交），并删除所有之前的提交历史，可以使用以下方法。git branch -D main # 或 git branch -D master，取决于你的主分支名称。--allow-empty 选项允许在没有任何变化的情况下进行提交（在首次提交时可能需要）。--orphan 选项会创建一个新的分支，这个分支没有父提交，因此它成为一个新的根提交。--force 选项是必需的，因为你已经更改了历史记录。-A 选项会添加所有文件（包括新的、删除的、修改的）。
2025-05-08 17:49:08
37
原创 计算数据百分比，最多保留两位小数
toFixed 不足小数位数，会默认补0，所以使用正则过滤，计算的数字，包含2位及以上的小数点，才进行四舍五入保留。计算数据百分比，当数据超过两位小数时，四舍五入保留两位小数，当数据不足两位小数，不做任何处理。
2025-04-07 14:46:20
122
转载 markdown编辑器 tui-editor
一款类似于掘金的markdown编辑器，主要诉求包含。对比了市面上主流的几款编辑器，最后采用了。选择的主要原因就是开箱即用，内置一些实用的插件，如表格并且支持合并单元格、语法高亮、图形展示、uml绘制等；支持自定义插件扩展，因为这款编辑器是基于，前身即codemirror，编辑器本身是偏底层的，提供了丰富的api供我们自定义开发，这也大大增强了编辑器的灵活性，如果想加一个目录索引，我们完全可以自定义开发一个插件使用。在初次使用过程中，也遇到一些注意点，本文以vue3为例，简单介绍的使用过程。
2024-12-26 10:42:50
161
转载 npm install时报错 npm ERR! Error while executing C:\Program Files\Git\cmd\git.EXE ls-remote -h -t http
如果第二步安装不上，那就运行下边这行代码（tui-editor可能会安装不成功，原因是原先的tui-editor换了个名称，现在已经更名为@toast-ui/editor因此安装不了，从而报错）第一步：先删除package.json的 tui-editor配置项，然后运行npm i 或者 yarn install会正常编译。2）把页面中的所有tui-editor全部替换为@toast-ui/editor。网上有2种解决办法 ：①② （反正第①种没解决我的问题，我用的第②种）第一步：运行下面这行代码。
2024-12-26 10:30:32
435
2
原创 git 清除旧历史提交记录并关联远程仓库
1. git checkout --orphan 临时分支名 （切换到临时分支）6. git push -f origin master（强制更新推送到新仓库）5. git branch -m master（重命名临时分支为master）4. git branch -D master（删除旧的分支）3. git commit -am "init"（提交更改）2. git add -A（添加所有文件）
2024-11-27 13:09:41
402
1
原创 el-table 多选回显，分页回显
el-table的ref、row-key、select、select-all、type="selection"、:reserve-selection="true"都是需要设置的，并且表格绑定的data初始值不能为null，可以设置[]在数据编辑的时候，回显设置。注意切换table的page的时候要清楚table的选中状态，重新设置选中状态，因为右侧删除选中的数据不是当前页，分页切换的时候要刷新table的选中状态。删除右侧选中数据的时候，不仅要对右侧选中数组处理，还要把左侧数组的选中状态设为未选中；
2024-06-14 11:19:00
943
原创 Vue全局配置按钮防止被重复点击
2.在main.js 入口文件引用preventReClick.js。1.在utils下创建一个preventReClick.js文件。1.在utils/index.js写入。
2024-06-14 10:58:21
860
原创 面试题之：flex:1什么意思
flex-shrink：定义项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。如果容器没有足够的空间，flex:1会优先压缩内容，使得所有项目都能等分空间，而flex:auto会优先保持内容的完整性，挤压其他项目的空间。如果容器有足够的空间，flex:1和flex:auto都会平分剩余空间，但是flex:auto会保持项目本身的最小宽度，而flex:1不会。flex:auto相当于flex: 1 1 auto，表示项目的基准大小为auto，即项目本身的大小，同时也会根据剩余空间进行伸缩。
2024-05-27 17:36:27
1460
转载 IOS遇到的几个H5坑、h5键盘弹起遮挡输入框的处理
原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候光标的高度等于input的line-height的值，当有内容时，光标从input的顶端到文字的底部）问题描述：在ios端，上下滑动页面时，如果页面高度超出了一屏，就会出现明显的卡顿，页面有部分内容显示不全的情况，例如下图，右图是正常页面，边是ios上下滑动后，卡顿导致如左图下面部分丢失。
2024-05-09 09:50:03
3478
2
原创 vue 项目PC端适配屏幕
三、笔记本或者显示器 默认设置125%或者150%缩放，导致布局错乱的时候也可以使用zoom缩放。说起屏幕的适配，不得不说的是postcss-px2rem和px2rem-loader；二、对于屏幕宽度过窄，展示不全的适配，使用属性zoom进行缩放展示。2、 新建utils目录下新建rem.js等比适配文件。1.创建 devicePixelRatio.js。3、在main.js中引入rem.js。4、配置 vue.config.js。2.全局导入App.vue。1.创建zoom.js。
2023-06-29 15:36:24
4413
原创 bpmnjs flowable 添加定时事件timeDate,timeDuration,timeCycle
bpmnjs flowable 添加定时事件timeDate,timeDuration,timeCycle
2022-11-10 11:25:54
2977
5
原创 节流（throttle）防抖（debounce）函数
我们在写项目时，难免会遇到点赞获取最后一次触发或者只在第一次触发的点赞有效，一直滚动加载到最后才触发接口调用，实时搜索等场景。在这些场景下就会用到节流防抖函数。2.节流(throttle) 规定在一个单位时间内，只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效； 典型的案例就是鼠标不断点击触发，规定在n秒...
2022-06-13 16:53:42
867
原创 动态路由去重问题
问题：在切换组织或者菜单权限更改导致路由改变，使用addRoutes API添加路由的时候，重复添加已存在的路由导致出现重复路由的警告。权限路由改变时，知道地址，低级权限也可以进入高级权限的页面。router.js 路由文件import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/* Layout */import Layout from '@/layout'export const constantRo.
2022-05-25 17:55:03
1050
转载 如何在同一台电脑上配置多个SSH Key？
SSH Key 是克隆代码的授权标识，全平台唯一，代表的是一个账号。每个云效账号配置的 SSH key 需要不同，才能标识到人，对应人员操作的权限和审计。在一些场景下，如果需要在同一台电脑上同时管理多个云效账号，如何配置 SSH key 呢？设置 SSH key1.生成两个不同的SSH Keyssh-keygen -t rsa -C "<您的邮箱>"Generating public/private rsa key pair.Enter file in which to sav
2022-05-24 17:38:08
1141
原创 ts中 可选链符号 ?:、 ?. 都是什么意思
?:?:是指可选参数，可以理解为参数自动加上undefinedexport interface RequestForm{ pageSize : number pageNumber : number name?:string // 可选属性 sex ?:string // 可选属性}?? 和 || 的意思有点相似，但是又有点区别,??相较||比较严谨, 当值等于0的时候||就把他给排除了，但是?? 不会.console.log(null || 1) .
2022-05-24 17:35:10
12530
2
原创 vue3创建新项目
1.使用vue-cli 创建(Vue 3 + TypeScript) ## 安装或者升级 npm install -g @vue/cli ## 保证 vue cli 版本在 4.5.0 以上 vue --version ## 创建项目 vue create my-project 然后：Please pick a preset - 选择Manually select features（然后空格选上typeScript）Choose a .
2022-05-09 14:51:42
555
原创 vue项目中下载/导出文件
有时我们会遇到下载/导出接口返回的是二进制流文件。这些二进制流文件可相应的变成图片、pdf、excel、zip文件等。下面就说这些该怎么配置:在接口请求的时候设置请求的responseType类型,设置该值能够改变响应类型（重要），告诉服务器你期望的响应格式。Blob在mdn上的解释是Blob对象表示不可变的类似文件对象的原始数据。Blob表示不一定是JavaScript原生形式的数据。就是英文Binary large Object，mysql有此类型数据结构。let blog .
2022-03-29 12:21:02
2702
原创 el-table设置高度，表头出现错位
设置css样式，改变一下el-table的样式即可。<style scoped lang="scss">// 解决表头固定，出现错位问题/deep/.el-table { th.gutter, colgroup.gutter { width: 17px !important; //此处的宽度值，对应你自定义滚动条的宽度即可 }}// 关键css代码/deep/.el-table__header colgroup col[name="gutter"] {
2022-03-28 15:07:24
807
原创 css四种引入方式
在html设计制作中，css有四种引入方式。方式一： 内联样式内联样式，也叫行内样式，指的是直接在 HTML 标签中的 style 属性中添加 CSS。示例：<div style="display: none;background:red"></div>这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个<div>拥有相同的样式，你不得不重复地为每个<div>添加相同的样式，如果想要修改一种样式，又不得不修改所有的 s...
2022-03-04 15:51:49
4678
原创 跨域通信方式
搜索1.什么是同源策略和限制？同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互；所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。限制：这个源的文档没有权利去操作另一个源的文档。这个限制体现在：Cookie、LocalStorage和IndexDB无法获取。 无法获取和操作DOM。 不能发送Ajax请求。我们要注意，Ajax只适合同源的通信。 2.前后端如何通信？ajax、websocket和corsaj
2022-03-02 15:15:57
837
原创 vue el-table自定义表头加图标，并显示提示tooltip
render函数中img的src直接加载路径无效，render配置img的src路径方法如下：renderHeader1(h,{column}){ return h('span', {}, [ h('span', {}, column.label), h('el-tooltip', { props: { placement: 'top-start', width: '200', trigger: 'hover', content: '这是
2022-02-25 10:58:57
2841
1
原创 VUE 2.0 vue/cli 4.5.13怎么引入jquery
1.安装jquery包文件npm i jquery -S 或者 npm i jquery --save2. 配置vue.config.js在vue.config.js 文件配置// 引入jq需要加入以下代码const webpack = require('webpack')module.exports = { chainWebpack: config => { config.plugin('provide').use(webpack.ProvideP
2022-01-25 10:12:07
1042
原创 element-ui el-tabs 和 el-table混合使用的问题
最近在使用vue的element-ui前端框架中的el-tabs和el-table混合使用，发现了很多小问题。1、问题一：el-tabs会使el-tab-pane 下面的数据一次性加载出来，导致数据更新不及时刚开始写的代码时这样的，发现页面加载的时候，会把两个tab的页面的请求一次性加载出来。如果tab页面过多，会导致请求过多，造成页面卡顿，最重要的是页面数据实时变化的话不能及时获取到最新数据。<el-tabs v-model="activeName" @tab-click="handl
2022-01-18 10:43:45
10439
5
原创 element-ui 动态设置列展示，展示列数据出错
使用el-table 使用卡槽slot 和 v-if判断列，出现列的动态新增和删除时出现列数据出现错乱。```<el-table-column property="name" v-if="hasColumn('xxx')" label="xxx" show-overflow-tooltip align="center"> <template #default="scope" > <el-button type="text">
2022-01-17 09:39:19
628
原创 js的数据类型
1.js的数据类型分为两种类：基础数据类型和引用数据类型。基础数据类型：undefined，Null，Boolean,String,Number,Symbol,BigInt。基础数据类型存储在栈内存，被引用或者拷贝时，会创建一个完全相等的变量。引用数据类型：Array-数组对象、RegExp-正则对象、Date-日期对象，Math-数学函数，Function-函数对象。引用类型存储在堆内存，存储的是地址，多个引用指向同一个地址，会造成数据的“共享”改变。2.数据类型检测的三种方法和优缺点（1
2022-01-12 20:23:26
146
原创 深拷贝和浅拷贝实现方式
###浅拷贝实现## 1. for···in只循环第一层```// 只复制第一层的浅拷贝function simpleCopy(obj1) { var obj2 = Array.isArray(obj1) ? [] : {}; for (let i in obj1) { obj2[i] = obj1[i]; } return obj2;}var obj1 = { a: 1, b: 2, c: { d: 3 }}va...
2021-12-16 16:54:37
410
原创 获取浏览器和屏幕各种高度宽度
原生JSdocument.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body)，包括border、margin等document.body.offsetHeight; //网页可见区域宽(body)，包括border、margin等document.bod
2021-09-03 17:01:09
4571
1
原创 vue移动端兼容问题
### 问题一：在开发的时候，安卓端input输入框会出现键盘弹出遮盖页面输入框的问题，input框无法自动出现在可视区。在mounted里```mounted() { window.addEventListener('resize', this.upForm)}methods: { //对请求的数据格式化成页面需要的数据 upForm(time = 100) { if (/iphone/i.test(navigator.userAgent)) { .
2021-09-03 10:36:04
1290
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人