- 博客(32)
- 收藏
- 关注
原创 有时候工作中遇到问题通过文本记录了下来,想记录到csdn上
36、vue-router导航切换时,如果两个路由都渲染同个组件,组件会复用,组件的生命周期钩子不会再被调用,使得组件的一些数据无法根据path的改变得到更新,可以使用watch监听,经验证可行,也可以分别包一层组件。12、在使用数组的map方法时能改变对象内的值,但是页面不生效,但是重新赋值能生效,所谓的不改变原数组不是不能改变数组下单个对象的属性值。答:请求的配置:url、token、isLogin、loading、name、isOnly、isMd5、type。可以去看看pc端如何实现多端登录的。
2023-12-01 23:04:53 397
原创 gitbash的使用最近遇到些无法解决的问题,然后想把git的使用理解更多一点
通过拿到对应的线上地址,将自己的最新本地代码在账号密码等验证手段无误的情况下推送到对应仓库的对应分支上,所以在推送代码时常应该出现的问题应该是网络不稳定以及验证不通过。但是最近代码仓库又多了一个github,导致分别不同仓库地址的代码只能其中一个能进行正常的拉取和推送功能,所以想深入研究一下解决这个问题,否则后期对于git上的使用会有很多弯路。二、通过本地的配置文件进行远程仓库的访问,比如账号、密码等信息(.git文件,config文件里面有请求的账号密码分支等信息)
2023-11-16 22:10:23 107
原创 当项目涉及时区处理并且使用的elementui框架时,纯前端实现方法封装
纯前端实现时区变化时间相应变化,基本流程我测试跑通了,其中可能还存在一些小bug
2023-11-10 15:00:43 365 1
原创 elementui的el-table大坑
方案:1、最终还是用了el-dropdown-menu,但是无法改变菜单显示项逻辑,同时事件只支持修饰符为native的事件。3、el-input的双向绑定在里面会失效,所以不能使用,除非自己不用el-table。2、解决因为异步渲染不上的问题只能在异步数据有了才去渲染表格才会生效。4、表格的一些特性还不太合适,要么找个更好的ui框架,要么自己写。背景:在做后台管理时,需求是想在表格的表头里面点击进行筛选查询。2、el-dropdown-menu的传参和事件也会失效。问题:利用表头的header插槽,
2023-07-25 22:28:15 433
原创 js写了一个方法用来将一个对象数组中多个key值相同的进行累加然后返回对应数组
背景:是为了实现数据表里面的单页数据进行累加,但是并不是直接加,而是要在对象里面的多个字段值相同才能加到一组,并且还要预防后端返回数据为字符串或者为null的情况(自己也考虑了一下时间复杂度和空间复杂度)4、如果没找到直接push到结果数组里面,找到了进行累加,当累加的值为空或者null默认为0,其他强制转number类型。3、在结果数组中找有没有具备条件的目标数组中的元素,找到并且存下当前结果数组的索引位置。2、初始一个结果的空数组。思路:1、遍历目标数组。
2023-07-18 01:24:37 662
原创 uniapp接口请求的封装(包括loading、md5加密)
应用背景:因为使用axios存在各种移动端可能会出现adater适配问题,自定义一个adater好像也有问题,所以直接用原生的uni.request进行封装,免得出现一些兼容上的问题。自己封装的接口请求,可能还有些东西没有考虑到,欢迎指正
2022-11-30 10:05:32 1496 4
原创 预解析的理解
1.当重复声明变量时,只有第一次有效(函数形参和函数内函数声明创建的函数同名时,以以函数名声明为准)2.变量赋值沿着作用域链找变量名赋值
2021-12-31 16:44:07 133
原创 css之grid网格布局属性
grid-area:grid-row-start / grid-column-start / grid-row-end / grid-column-end | itemname规定网格项目的项目(两种书写方式,在单个网格里进行项目命名)grid-row-start 规定从哪一行开始显示项目grid-column-start 规定从哪一列开始显示项目grid-column-end 指定在哪条列线停止显示项目,或跨越多少列grid-row-end 规定在哪条行线停止显示项目,或跨越多少行grid-au
2021-12-29 22:44:50 453
原创 vs英文版的使用(一些英语单词不认识,做了下汇总)
菜单区域file:duplicate复制,复印preferences偏好workbench工作台telemetry遥测extension延伸,扩展keyboard shortcut快捷键migrate迁徙snippet小片sync同步revert回复edit:undo redo撤回/前进toggle拴扣comment评论,意见emmet蚂蚁expand扩大,增加abbreviation缩写selection:shrink缩放cursor光标above below超过
2021-11-20 16:59:44 416
原创 ts学习内容
ts是一种运行环境,能够将ts编译成js使用npm安装,tsc init初始话设置入口和出口的配置文件语法:在js语法基础上增添了元组、枚举类型函数返回值有any,void,nerver定义变量时的类型推断,联合类型函数传参类型限制可选参数和默认值的重叠(不想传又想跳过传undefined)...
2021-11-19 19:25:09 528
原创 vue的讨厌
vue建项目时各种报错,想要写个项目好难,报错信息我都看不懂的好伐(内容包含解决问题时的历程和感受,如果想看解决方案建议直接在序号内容的最后找,如果没解决然后您有解决方案的话欢迎留言,万分感谢,主要是被报错信息折磨,所以写这么这东西方便我以后遇到问题不会绕弯路)1.建了项目运行时报错npm run serve时报错这个问题网上查各种回答都解决不了我的问题,最后发现是自己没有cd进入我的项目文件,然后另一个项目文件路径是对的也报错这个信息了,哭了,现在建项目坚决不用eslint,对它有心理阴影了,时间之后
2021-10-01 23:19:23 334
原创 对以后工作中理解非常浅显的数组方法
1、some(callback)用于查找数组中某个元素是否满足条件,有一个满足就会返回true2、every(callback)用于查找数组中所有元素是否满足条件,都满足才返回false3、find()
2021-09-17 08:21:29 64 1
原创 工作日记1
1.写弹窗用于添加,修改,查看值时,可以在父组件里将所有数据进行对象化,传入弹窗子组件,传出时再进行转化放到父组件中2.我试着用对象传参进子组件中,通过this.$set进行拷贝到子组件中进行渲染,但是却出现了无法改值的bug3.写el-form时,按钮是可以写进el-form-item中的,label可以实现对齐方式的改变,样式修改要注意element-ui自带的padfing和margin...
2021-09-02 08:26:58 80
原创 深拷贝的方法理解后写的
第1.2种方法:JSON方法和assign缺陷:函数不能拷贝注:两种方法混合实际上只有assign起作用,并且assign只能拷贝第一层,主要拷贝方法还是用递归比较好,通用!!!let obj=Object.assign({},JSON.parse(JSON.stringify(obj)))第3种 递归for infunction copy(resource){ let result=resource instanceof Array?[]:{} for(key in resource)
2021-07-19 13:55:58 69 1
原创 数组方法sort和取无限层数组取值
通过sort将原数组随机排序出一个新数组//sort方法会改变原数组function sort(arr){ arr.sort(()=>{ return Math.random()-0.5})}//想将一个无限层级的数组和对象的嵌套取到其中//属性的value值
2021-07-13 18:19:07 334
原创 react三种创建组件方式
1、定义变量式const Vdom=(<div> 我是虚拟Dom内容,定义时注意大写</div>)//挂载并渲染ReactDOM.render(<Vdom>,document.querySelector("app"))2、函数式组件function Dom(){ console.log(this) return ( <div> <h2>这是函数DOM</h2> <p>DOM的根节点必须为标签<
2021-06-01 00:34:05 357
原创 前端8大常用设计模式
一、单例模式创建登录页let createLogin=()=>{ let login return function(){ if(!login){ login=document.createElement("div") login.innerHTML='这里是登录内容' //这里为反单引号 document.body.appendChild(login) }} return login}//封装并不好,得考虑创建的实例内容和挂载容器为传入参数的情况...
2021-05-30 13:17:10 84 1
原创 用for in遍历对象
用它遍历对象会遍历原型上的属性,可以用hasOwnPrototype(后面用HOP简写,大概是这个对象的属性,最好使用时确认一下是否是这个属性)来进行检测,同时需要考虑到这个属性是不受js保护的,如果用它去判断自身属性是否含有HOP,那么返回值仍然是false以下实现获得由对应属性值组成的数组封装,未验证代码的可行性,手打代码为:function forInObject(obj){let arr=[]for(key in obj){if(Object.prototype.HOP.call(obj,
2021-05-30 02:53:46 1085
原创 5.29新学知识
1、数组的方法flat:多维数组的扁平话处理,传入参数维深度,可以为Infinityfrom:将字符串转换为数组,好用,但是个人还会更愿意使用json.parse2、预编译的问题预编译会创建一个ao对象,将变量形参作为属性,实现形参和实参的统一,没有实参值为undefined,如果函数名和形参名重合,会进行覆盖3、箭头函数的this指向它是在定义函数时绑定,而不是执行函数时绑定,不是因为有绑定this的机制,而且因为箭头函数没有自己的this,内部this就是外层代码块的this(个人理解是比正
2021-05-29 10:20:50 105
原创 浏览器输入网址并打开进行了哪些操作(仅限个人理解,有新理解之后补充)
先在本地的host目录下找到域名对应的ip地址,如果没找到就去dns服务器寻找,不找到返回404,找到发送数据请求,请求头里包含了限制信息,对应的服务器检索到所需资源返回数据进行渲染。
2021-05-26 18:41:27 268 1
原创 对flex的用法及属性的记录
个人对flex的总结:1、父为盒,子为项目2、flex-flow控制主轴方向和换行方式3、项目属性flex控制缩放和剩余空间分配4、居中、左对齐、右对齐、两端对齐、等间隔对齐5、align-self
2021-05-22 12:45:36 73 1
原创 2020-12-10
第一天写博客,不知道怎么写,这时我对前端也学习得不多,仅仅能写一个静态页面,而且还会很慢,所以写个最近两天被骗的案例吧!在兼职群里有个人加我好友,虽然没有见过面并且不认识,但是就带着同事属性,警惕心就会被降低,刚开始通过聊兼职的事套近乎,然后说到其他看起来很诱人的兼职,这个兼职是个很老套的骗局只不过在上面包装了一层信任感,一般来说碰到这种骗局我会直接当做骗局处理,然而因为这层信任感,我就开始心存侥幸,万一是真的呢,然后开始上套了。他又给了我个微信,微信朋友圈是有的,东西很少,但是没有任何兼职信息。他给了
2020-12-10 07:37:12 94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人