摘要:
1、响应式 响应式:这是一个比较模糊的概念。通常可以理解成对某些操作有所反应。 vue2和vue3响应式原理的区别 无法检测到对象属性的新增或删除(vue2提供了vue.set方法来解决) 直接通过下标修改数组,无法监听数组的变化, 深度监听,层层处理,影响性能,性能不好,需要对每一个key循环递归 阅读全文
摘要:
节流防抖 什么是截流防抖 这一概念最早出现在工业设计中,对电子元器件的控制和对水流等流体的限制,可以起到保护器件,减少损耗的作用 防抖 debounce 字面意思就是防止抖动,比如人们在操作手抖多次误触 主要应用场景 输入框中频繁的输入内容,搜索或者提交信息; 频繁的点击按钮,触发某个事件; 监听浏 阅读全文
摘要:
纯CSS实现多很文本展开收起 常见方案 基础的css实现多行文本省略显示在工作中非常常见 p{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 但是很多时候会 阅读全文
摘要:
全景图前端方案 最近有新的需求需要做个全景图,第一想法是three.js来做这一应用场景,但时间紧就,同时业务需求也蛮多的故选择了第三方组件库。 这里找到了这几个方案tpanorama和photo-sphere-viewer及第三方提供的付费服务,前者相对简单,适合简单需求,后者功能较多主页 阅读全文
摘要:
在前端表格分页预处理 需求背景 需要前端对表格数据进行预分页处理后进行新增,组件选用 elementUI 中的表格和分页,使用vue 常规的数据分页多由后端处理,通过不同的 pageSize 和 pageNum 进行控制分页, 前端对此数据处理其实也大同小异 实现原理如下 需要的数据 阅读全文
摘要:
table自适应及常用相关配置 这是一个常用的表格样式,故进行了整理归纳,后续遇到好的表格会进行分享; 代码贴在最后 实现效果,表头th标签定宽,后面内容实现宽度自适应,平均分配; 当内容超出时用省略号隐藏超出部分; 鼠标hover于内容上时换行显示内容(但应当注意行高和横向滚动条) table l 阅读全文
摘要:
Async/await Async/await 在学习他之前应当补充一定的 promise 知识 它是一种与 promise 相配合的特殊语法,目前被认为是异步编程的终级解决方案 值得我们每一个人学习0 Async 它的字面意思本身就是异步的简写,在代码中他被放置在函数前面,可以使得函数的返回值 v 阅读全文
摘要:
CSS多余文本省略号显示 本次案例代码是在 elementui 当中的 table 组件中实际需求 当然使用的是纯 CSS3 代码,所以原生支持度高,兼容性高,所以可多场景应用 对于过长文本进行单行省略显示,当鼠标移动到对应文本行时,展示全部,当鼠标离开后又恢复单行,多余内容收缩出现省略号; 对应文 阅读全文
摘要:
javascript中的深拷贝与浅拷贝 基础概念 在了解深拷贝与浅拷贝的时候需要先了解一些基础知识 核心知识点之 堆与栈 栈(stack)为自动分配的内存空间,它由系统自动释放; 堆(heap)则是动态分配的内存,大小不定也不会自动释放。 基本数据类型存放在栈中,基本数据类型主要是: 。 在 js 阅读全文
摘要:
函数重载与js 什么是函数重载 重载函数是函数的一种特殊情况,为方便使用,C++允许在同一范围中声明几个功能类似的同名函数,但是这些同名函数的 "形式参数" (指参数的个数、类型或者顺序)必须不同,也就是说用同一个函数完成不同的功能。这就是重载函数。重载函数常用来实现功能类似而所处理的数据类型不同的 阅读全文