- 博客(29)
- 收藏
- 关注
RSS订阅原创 git push密码策略过期解决方案
在你之前推git代码正常，在开发push的时候，提示你password过期时，可以这样解决。如果是https时，可以先把指向改成ssh的地址，再试一下拉取。然后看一下当时拉取代码是ssh还是https。先查看一下你的git指向远程地址。欢迎多多交流，不喜勿喷哦。
2023-03-14 17:16:55
525
原创 vue项目，iview--Table支持文本溢出省略号组件封装
组件部分<template> <Tooltip max-width="200" transfer :content="content" :disabled="!showTooltip" :class="tooltipClass" > <span ref="content" @mouseenter="handleTooltipIn" :class="textClass"
2021-11-17 11:07:04
879
原创 vue iconfont通过循环渲染绑定
对于日常开发的小伙伴而言，iconfont图标非常常见，当在侧边栏展示的时候，由于侧边栏要切换成动态接口获取，图标依然由前端提供渲染，这时候，该怎么写呐，话不多说，上代码```javascript <li class="sub-menu" @click="changeSer(item.code)" :class="{ 'sub-active': subActive === item.code }" v-for="item in s
2021-11-09 16:10:15
220
原创 针对axios的封装
import axios from 'axios'import { TOKEN } from '#/utils/config'const genFetch = (opts = {}) => { return axios.create({ baseURL: window.__POWERED_BY_QIANKUN__ ? window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ + 'api' : '/api', timeout: Infinity,.
2021-11-09 16:07:42
485
原创 递归形成树结构
arrayToTree(arr, parentId) { // arr 是返回的数据 parendId 父id let temp = [] let treeArr = arr treeArr.forEach((item, index) => { item.title = item.name if (item.parent_id == parentId) { if (this.arrayToTre..
2021-09-27 15:52:12
82
原创 vue项目，xterm + websocket实现终端功能
最近来了个新需求，要在项目里实现一个终端，要实时发送信息获取返回，并且渲染到页面上查了一些相关文档，踩了几个小坑坑，最后实现如下，希望能帮到你，不喜勿喷哦<template> <div class="container-box"> <div class="container-header"> <h2>命令行</h2> </div> <section> <di
2021-05-14 15:22:05
1387
1
原创 判断数组里多个对象key下的value是否有重复
话不多说，上代码喽const sealListCopy=[{name:"123"},{name:"111"},{name:"111"}]const nameArr = sealListCopy.map(function (item) { return item.Name; });const isDuplicate = nameArr.some(function (item, idx) { return nameArr.indexOf(item) !== id.
2020-12-21 13:41:08
924
原创 vue iconfont通过循环渲染绑定
对于日常开发的小伙伴而言，iconfont图标非常常见，当在侧边栏展示的时候，由于侧边栏要切换成动态接口获取，图标依然由前端提供渲染，这时候，该怎么写呐，话不多说，上代码 <li class="sub-menu" @click="changeSer(item.code)" :class="{ 'sub-active': subActive === item.code }" v-
2020-12-01 09:58:55
946
原创 正则篇（不间断更新）
1、不以“-”开头。数字字母组成的校验规则/^(?!-)[a-zA-Z0-9-]*$/2、图片格式png、jpg、jpeg /\.(png|jpg|jpeg)$/i3、密码长度为8-16个字符且至少包含一个大写字母，一个小写字母，一个数字和一个特殊字符。特殊字符仅限!-@.^_%,://^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!\-@.^_%,:\/])[a-zA-Z0-9!\-@.^_%,:\/]{8,16}$/...
2020-09-27 15:31:45
105
原创 vue中使用jsencrypt公钥加密密码
首先要引入，npm安装这里省略，直奔主题// 在你的项目中引入，可以在main.js引入，也可以在单独vue中引入importJSEncryptfrom"jsencrypt";data中定义公钥data(){ return { publicKey:"",// 公钥可以通过后台接口获取，也可以后台给一个固定的公钥写死，看后台方式 }}如何调用 methods: { getEncrypt(data) { ...
2020-09-24 18:39:52
1583
原创 vue iview 自定义Modal弹窗内容的使用
最近真的忙炸了，react和vue来回切换，写react时间久了并没有写起来vue来身轻如燕，居然发现有点写混了，就最近写的Modal自定义组件来说，着实有点费了一下脑子，话不多说，先上代码这是父组件：<template> <Form> // 这里踩了一个坑，就是普通的布局，页面渲染上会有问题，没有办法做到刷新，所以建议放到Form里面，当然可能也是我哪里写的不对，所以，欢迎你留言沟通，让我知道问题所在 </Form></temp
2020-09-17 15:39:43
1700
原创 vue “确定”按钮点击多次发请求
不知道这种业务场景大家有没有遇见过，就是确定按钮，你连击多次的时候会发多次请求，这种问题其实前后端都可以增加限制，前端部分的限制是通过一个开关，及设定布尔值去做的判断html部分<Button @click="payMent" :disabled="buyFlag">立即购买</Button> js部分data() { return { buyFlag: false, };},methods:{ async p...
2020-07-13 13:44:35
764
原创 JS面试题（个人面试经历整理）
cookie，localStorage，sessionStorage相同点：cookie，localStorage，sessionStorage都是在客户端保存数据的，存储数据的类型：都是字符串。不同点：1、生命周期：1）、cookie如果不设置有效期，那么就是临时存储（存储在内存中），是会话级别的，会话结束后，cookie也就失效 了，如果设置了有效期，那么cookie存储在硬盘里，有效期到了，就自动消失了。2）、localStorage的生命周期是永久的，关闭页面或浏览器之后loca
2020-07-13 10:04:48
240
原创 react useState 异步 数据获取不到
最近在项目中发现了一个问题，就是异步获取的数据，在useState第一次存储的时候，会有存储不上的时候，问了对接的某大厂的人，趾高气昂充满傲娇的跟我说，没办法，谁让咱们不会那，解决问题就行了，其他的也不重要const [categtry, setCategtry] = useState([]);const [categData, setCategData] = useState([]);useEffect(() => { getCollaCategory(); }, []);
2020-06-29 09:57:47
6755
7
原创 git 提交时add不了，同时status显示文件一直未提交
今天一直处理git的问题，代码pull不下来，然后add的时候不管用，git status查看还是modify，后来才知道是文件名称大小写识别的问题解决方法先查看git configcat .git/config然后我的输出就是这个ignorecase的问题指令git config core.ignorecase false把它设置成fasle，下次提交的时候应该就不会出现这种问题反反复复弄了两遍，简直头痛，clone好几遍还是会出现这种问题，希望能得到解决，不.
2020-06-28 14:48:44
1448
原创 react+typescript+hooks 父组件调用子组件事件方法
最近开始着手做react+ts的项目了，由于以前技术栈是vue，所以猛然写react感觉自己被拔苗助长了，一个事件调用到数据传参都感觉完全无从着手，好赖以前有点基础，但是结合的也都不一样，是vue+ts，react+js，努力吧，纵使我千万个羊驼内心狂奔，给自己放宽心态，学习么，痛苦点是好事，话不多说，上代码了父组件，base.tsxexport default function BaseStep(props) {// 这里的props很关键，千万不要忘记加 const fromRef =
2020-06-19 09:52:41
2586
1
原创 文字行数不固定 垂直居中
html部分 div{ vertical-align: middle; align-items: center; display: -webkit-flex; }css部分 <div><h3>你的文字</h3></div>
2020-06-11 15:58:18
120
原创 小程序 picker滑动三级地区选择
小程序的项目还是两年前左右做的，时间很久了，记忆很深的就是三级滑动选择地区，当时能力有限，一个后台大佬帮助一块解决，贴一下当时的代码吧，方便以后的小伙们去快速开发解决问题wxml代码<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" range-key='name' value="{{areaIndex}}" range="
2020-06-08 14:35:57
313
原创 iview slider滑块 再次封装及表单加减展示
首先先展示一下需求要求实现的样子用过iview的小伙伴们都知道，iview的滑块不是这个样子的，而且大部分的滑块都是圈圈点点，如下图所示而且右边的表单也不是这样子的，肿么办，跟领导沟通完无果，我现在都怀疑，作为一个前端，是否还有权利去拒绝一些不好实现的地方，还是应该接受所有一切，有点矫情，哇哈哈哈，奈何，硬着头皮改吧，我这里是改了iview的slider的组件，从nodemodule里找到了slider的组件，改了一下样式部分然后实现了图一的效果，后面的表单加减号是单独写的，我先上一下sl.
2020-06-03 12:00:19
966
原创 vue项目iviewUI中form表单部分规则下重置某个表单
在大型后台项目开发中，表单是必不可少的，各种校验规则对应的错误提示，在某个选择条件下切换后，发现相关联的错误提示信息还存在，这样看起来不是很友好，自测过程中发现这样子的问题，参照API，写的很清楚具体用法，如下 this.$refs['formValidate'].fields.forEach(function (e) { if(e.prop === 'totalAmount'){ e.resetField() } })多看API多思考原理思维
2020-05-22 09:52:39
601
1
原创 vue 前端面试题（个人面试经历，吐血整理）
都是本人面试过程中所经历过得问题，然后不断积累，整理如下，希望能帮到正在找工作的你，good luckvue的两个核心vue实现数据双向绑定主要是：采用 数据劫持结合发布者-订阅者模式 的方式，通过 Object.defineProperty() 来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回掉。当把一个普通 JavaScript 对象传给Vue 实例来作为它的 data 选项时，Vue 将遍历它的属性，用Object.defineProperty 将他们转
2020-05-21 09:42:27
1645
1
原创 记录项目中 await is a reserved word 问题解决方式
今天优化了表单校验，在结合iview的过程中，发现控制台报错await is a reserved word项目原有代码async editSubmit(name){ this.$refs[name].validate((valid) => { await ………… 执行的代码 })}这段代码就会在控制台输出await is a reserved word这样的错误查询找了一下解决方法，看来遇到这种问题的人很多，还是平时自己的积累不够，涉及不深最
2020-05-20 11:19:38
4031
原创 vue项目 webpack构建时清除控制台无用输出信息
前端项目在webpack打包时，会在控制台输出一些无用信息，如下图所示密密麻麻的一长串，无论是研发本地启动还是生产构建时，看起来都不太友好，所以修改了一下配置在你的build文件夹的webpack.base.config.js文件，可以添加如下几行代码const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');module.exports = merge(webpackBaseConfig, { pl
2020-05-19 11:41:28
2912
1
原创 antdesign vue 树级table
最近在研发过程中，遇到了树级table这种需求，虽然是后台管理，用户体验上不需要面面俱到，但是，还是尽量把自己的工作做好，这类的框架很多，看需求而定，我先推荐一个github上的开源框架，虽然没有用到，但是个人感觉还是很不错，日后可以作为参考https://xuliangzhan_admin.gitee.io/vxe-table/#/table/advanced/expandLazy我有用了iview，后来又用了antdesign，相对来说antdesign的API比较多，方法比较多，话不多说，上代码
2020-05-13 10:33:11
2388
原创 vue项目 build之后外部修改请求地址
由于项目的请求地址非常多，总监又不太希望配置环境变量去每次build，所以想打包完外部修改，避免多次打包当时这个需求给过来的时候有点蒙，毕竟做了三年的vue项目，一直都是配置环境变量在内部去做的打包区分but，刚入职，一开始拒绝总是不好的，就本着先答应试试看的姿态去查了一下发现，原来这个早就有了解决方案，真的是积累不够，狂扇自己几个耳光话不多说，我先上我的代码，亲测好用的...
2020-05-06 10:13:28
1451
原创 vue 项目中v-html 修改img图片大小 亲测好用
最近在做vue项目中，因为详情的页面是通过富文本编辑器过来的，所以在前端项目中就用到了v-html去渲染传过来的内容由于以前也不存在修改图片大小，所以一直也没关注这方面的问题话不多说，先上我的解决方式this.productInfo.content = this.productInfo.content.replace(/<img/g,"<img style='max-wi...
2020-04-29 10:01:52
11071
3
原创 vue 定义公共弹窗 自定义弹窗内容与按钮形式
话不多说，先上代码，习惯性在components里定义自己的公共组件，名称看个人习惯，我的叫做commonConfirm，定义一个对应的.vue文件以及index.js首先你的commonConfirm.vue 文件<template> <transition name="fade"> <div class="com-confirm-...
2020-04-21 13:27:14
947
原创 vue 路由嵌入iframe 刷新保留当前页面
最近在研发过程中，遇到了一个优化，vue项目嵌套在另外一个vue项目的iframe中，外层vue的iframe刷新，iframe中的vue项目希望可以停留在你当前操作的页面，而不是刷回到一开始的iframe里src路径当开始听到这个优化点的时候，一上来有点懵，初步想法是存在localstroage里面，每次页面刷新的时候，去缓存里面取值，然后在push但是这样操作有问题，localstro...
2020-04-20 14:35:23
3586
1
原创 前端JS xxxx年xx月xx日转换成页面时间组件xxxx-xx-xx格式
前端JS xxxx年xx月xx日转换成页面时间组件xxxx-xx-xx格式var time = 2019年12月12日（你的时间）;time = time .substring(0, time .indexOf(' '));time = time .replace(/([年月])/g, '-');time = time .replace(/日/g, '');new Date(time) ...
2019-12-18 18:47:35
2643
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人