千成林80-CSDN博客

原创 [] == 0? {} == 0? —— 三分钟包学包会的==转换

[] == 0为什么是true，{} == 0为什么是false，给我一首歌的时间，话不多说，直接开冲==的转换规则等于运算符==检查其两个操作数是否相等，会尝试强制类型转换并且比较不同类型的操作数。这里只看其中一个操作数是对象的情况：如果操作数之一是对象，另一个是数字或字符串，会尝试使用对象的valueOf()和toString()方法将对象转换为原始值。原始值：也就是基本数据类型undefined、null、boolean、number、string等。valueOf常见的数组对象这

2021-11-18 22:27:48 1236

原创对象属性查找过程中的产物-隐藏类

前段时间任务有点繁忙，好久也没去学点啥，这两天任务暂时告一段落，看到隐藏类有关的东西感觉很有意思，做个笔记。。什么是隐藏类Javascript作为动态语言，在对象创建以后也可以新增或者删除属性，平时用起来还是很方便的，例如：function Aaa() { this.name = 'aa' this.age = 20}const a = new Aaa()a.hobby = '吃饭'delete a.ageconsole.log(a) // {name: "aa", hobby:

2021-08-29 19:35:06 303

原创嵌套表格的选择表头功能实现

抛出问题这次要给表格添加选择表头功能，用户自己设置哪些表头要展示，哪些要隐藏。本身功能比较简单，不过因上一篇嵌套表头已经实现了，所以这次的选择表头也要相应处理。以下代码为vue3,如果开发依赖于vue2的话，更改部分语法即可，大体代码都一致(因部分代码是从我自己项目拷过来的，所以删了很多与当前功能无关的代码，不过应该也能正常运行，如果复制到自己项目不能运行的话可留言)先来看效果：这里我的实现方式是：不管有没有嵌套情况，让用户操作的表头总是最后一级的表头解决思路无嵌套：表头行是依据传入的colu

2021-05-18 16:14:41 407

原创 vue+element多级表头表格的封装(插槽+递归的嵌套)

平时开发过程中，一般都会对element这些组件库中的表格进行二次封装以方便使用。为了可以通过传入配置项之间展示多级表头的表格才有了这篇文章。开发环境：vue3+element-plus问题：表头和表格内容区域都可以进行自定义，也就是会使用插槽。多层级的插槽还会涉及到透传，而且表格列组件需要进行递归，所以这里主要解决了递归+插槽嵌套的问题简单介绍表格具有的几个主要功能：表头自定义、表格内容区域自定义、多级表头(效果图如下)为了使代码看起来简洁，关于分页、单双选、合计等功能及居中、排序、格式化等属

2021-04-23 17:36:37 10377 12

原创【Vue3】CompositionAPI思考与总结

最近公司新项目启用了vue3+element-plus+webpack（暂未使用vite），最大的改变是CompositionAPI，这里记录一下使用的一点经验。前置知识vue从2到3，最基本的方面是平时一些语法改变了，官方文档和网上一下文章都很详细，本文不再累述，这部分可以参考以下文章作为前置学习Vue3中文文档万字长文带你全面掌握Vue3【Vue3官方教程】????万字笔记 | 同步导学视频开发前的准备这里我是用公司之前的一个vue2的OA系统模板作为基础来进行开发，GitHub上这种

2021-01-31 22:45:07 728

原创页面资源优化之preload、prefetch

没啥大用的开篇作为一个社会底层的前端打工人，页面优化应该大多都有做过或者了解过，毕竟如果写出来一个项目别人访问某个页面的时候先来个十几秒的白屏，可能早被老板打死了。。。页面优化方面设计到的点很多，对应这些点的解决方案也有很多。比如常见的图片懒加载，其中一个解决方式就是先用data-src的值引用图片地址，等当前图片到了可视区域的时候再把data-src换成src，这样等减少很多不必要的请求,不会因为一下加载过多导致请求阻塞。这种属于我们手动代码来实现的页面优化，下面的preload,prefetch属.

2020-12-21 08:52:12 1058 5

原创 axios中并发、继发请求的全局loading设置

前言项目中，全局loading一般是在整体内容区域进行展示，项目在调用接口的时候展示，接口调用完成后隐藏，防止在页面接口请求过程中用户进行意料之外的操作。这次就是对loading的一个处理过程项目构成：vue2+axios+elementUI像elementUI之类的UI框架中都会封装好了loading的样式结构之类的，如果没有用这类框架的话也可以自己封装一个loading。最开始瞄一眼需求，开始就想当然的认为在请求拦截器中把loading设置为true，在响应拦截器中设置为false不就行了，ea

2020-11-26 14:21:16 1018

原创 Vue2中keep-alive与手动缓存列表页参数

本次需求：当前列表页可进行条件搜索，有一些操作例如：查看详情，编辑等需要跳转路由。现在是想要在返回列表页时保留之前的搜索项等需要解决的问题：1.详情页面，或者编辑页但是不进行编辑直接返回2.编辑操作成功之后进行返回。解决思路：第一种场景：没有对数据进行任何操作，可以看做是只进行了查看，这类问题可以用keep alive解决第二种场景：对数据进行了操作，所以返回列表页的时候必须保证列表页数据时最新的状态。比如当前数据是暂存状态，是可以对数据进行修改的，也就是列表页有个修改按钮，这个按钮是只有暂存

2020-11-25 08:59:09 764

千成林80的博客