怎么解决vue中多个相同组件重复请求的问题？ 点击上方前端阳光，关注公众号回复加群，加入技术交流群交流群现在因为有个上传组件他用到了这个mixin文件，这个mixin文件中mounted请求了接口，这样一个页面中如果有多个上传组件的话，那么就会导致一上来就会一次性请求多个重复的接口，有什么好点的方法吗，如果不放在vuex中的话。解决方法：这种情况下的 getSignature 最好是 Singleton 的，可以写个模块导出。mixin 里...
手写flexible.js的原理实现，我终于明白移动端多端适配 上周优化了个跑马灯，原因是跑马灯的长度太长了，每个item的节点比较多，所以即使限制最多只有50个item，也还是很长很长，有多长可以看看下面
太长了，巧妙地优化了跑马灯 点击上方前端阳光，关注公众号回复加群，加入技术交流群交流群前言上周优化了个跑马灯，原因是跑马灯的长度太长了，每个item的节点比较多，所以即使限制最多只有50个item，也还是很长很长，有多长可以看看下面怎么优化呢？看看之前的跑马灯优化前的写法之前的写法很简单，其实就是让很长很长的class="animate"的div在lottery-person-wrapper中滚动...
我写了一个将 excel 文件转化成 本地json文件的插件 点击上方前端阳光，关注公众号回复加群，加入技术交流群交流群Part1插件介绍excel-2b-json 插件用于将 google excel 文件转化成 本地json文件。适用场景：项目国际化，配置多语言Part2使用方法11. 安装excel-2b-jsonnpminstallexcel-2b-json22. 引入使用constexcelToJson=re...
纯css就能实现可点击切换的轮播图，feel起来很丝滑 轮播图经常会在项目里用到，但是实际上用到的轮播图都是比较简单的，没有复杂的特效，这个时候如果去引入swiper那些库的话，未免就有点杀鸡焉用牛刀了。所以不如自己手写一个，而今天我要分享的一种写法也是我最近才发现的，发现写起来真的是很丝滑，只纯css就实现了呢！可以先看看预览效果for 属性规定 label 与哪个表单元素绑定,label的for属性要与绑定表单元素（input）的ID对应。绑定完成后可以通过点击label触发表单元素的默认属性。通俗的讲就是你绑定完了点lebel就相当于点击表单元素（inpu
快来学习下webhook吧！超级简单易学 点击上方前端阳光，关注公众号回复加群，加入技术交流群交流群1. Webhook是啥？ 简单而言，webhook就是一个监听的钩子，监听你push你的代码到github仓库之后，发起一个请求。这个请求要请求哪里交给你设置要。主要流程git push xxx 本地代码提交至远程github仓库github仓库收到push后进行回调，发post（ Payload url 是来...
手写axios核心原理，再也不怕面试官问我axios原理 文章目录一、axios简介axios是什么？axios有什么特性？（不得不说面试被问到几次）二、基本使用方式三、实现axios和axios.method四、请求和响应拦截器一、axios简介axios是什么？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios有什么特性？（不得不说面试被问到几次）从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据
快用上PerformanceObserver，别再手动计算首屏时间了 点击上方前端阳光，关注公众号回复加群，加入技术交流群交流群大家好，我是阳光，今天给大家介绍一个非常好用的浏览器api：PerformanceObserver， 我们可以用它来获取首屏、白屏的时间，就不用再麻烦地手动去计算了。1介绍PerformanceObserver可用于获取性能相关的数据，例如首帧fp、首屏fcp、首次有意义的绘制 fmp等等。构造函数Perfo...
关于 HTML5 LocalStorage 的 5 个不为人知的事实 作者：Todd Anglin译者：前端阳光来源：http://htmlui.com/blog/2011-08-23-5-obscure-facts-about-html5-localstorage.htmlLocalStorage 是HTML5中一个方便使用的 API，它为 Web 开发人员 提供了一个易于使用的5MB的存储空间。使用 LocalStorage API 真的再简单不过了。不信看下：//Save a value to localStoragelocalStorage.setI..
UI小姐姐说我用CSS实现毛玻璃效果的样子很帅 点击上方前端阳光，关注公众号回复加群，加入技术交流群交流群前言UI小姐姐问我，能不能做出透明加模糊的背景，而我当然是二话不说就说可以。因为我觉得没有什么是css实现不了的。更何况我要在她...
UI妹子说我用CSS实现毛玻璃效果的样子很帅 前言UI小姐姐问我，能不能做出透明加模糊的背景，而我当然是二话不说就说可以。因为我觉得没有什么是css实现不了的。更何况我要在她面前展现得我很厉害的样子。开发起来果不其然，在我打开蓝湖后，发现属性都给我提供好了于是我立即将这份代码ctr c，然后ctr v，一番丰功伟绩立马就完成了，效果也是杠杠滴。然后兴高采烈地交付给UI小姐姐查看了。小姐姐也说可以。出于职业素养，我马上拿起我在pdd上9.9买的iphone13手机（当时也就邀请了我老家整个镇子的人来帮我砍一刀吧）查看效果，哇塞真机效
拜托，css这样实现多行文本“展开收起” 超酷的好吧 前言2022.02.14的午后，我站在你家门口，再次遇见了你，他又来牵起你的手无法言语，我是什么，这样傻傻的我怎么守护你这次我静静哭了选择放弃，我好想好想把记忆折叠起可惜，记忆不能像之前那个需求一样自由展开与折叠前段时间接到一个需求，关于文字展开和收起的，走了很多路,踩了很多坑。在这个夜深人静，想你想到泪流的时候，决定记录分享一下。需求如下所述：未满两行时超过两行，少于7行时未展开展开超过7行时未展开展开就如上面所述，我倒是第一次做这种需求，于是就网上
手写Express核心原理，再也不怕面试官问我Express原理 一、首先安装express二、创建example.js文件创建myExpress.js文件实现app.get()方法实现post等其他方法。实现app.all方法中间件app.use的实现...
你见过js中的逗号表达式吗？这道逗号表达式的面试题，你能做对吗？ 前言由于在看一些loader源码的时候，第一次见到这种逗号表达式，觉得挺有意思的，于是就分享给大家，应该也有很多同学也是第一次见吧。概述逗号操作符 对它的每个操作对象求值（从左至右），然后...
研究大佬写的倒计时组件(Vue)，学到了不少东西 回复【加群】加入技术交流群一、前言二、开始手操1. 先创建一个vue组件2. 实现基本的倒计时组件3. 为什么要**用setTimeout来模拟setInterval的行为**？4. 为什...
使用flex 布局 的盒子 使用 swiper轮播插件，flex布局会失效的解决方法 如上图代码所示：本来reward-list是一个弹性布局容器，子元素reward是弹性布局的。但嵌入swiper之后，reward的直接子元素就不再是reward。。我们看下实际上的html结构：可以看到从rewad-list到reward中间多了三层。解决方法：将reward-swiper的width设置为100%。然后将reward的margin设置为auto即可。...
【深入探究Node】（5）“Buffer与乱码的故事” 有十问 1. 为什么要有Buffer对象？2. 可以谈谈你所认识的Buffer对象吗？模块结构Buffer对象结构3. 哇塞，原来Buffer对象这么有意思，还可以当成Array来使用，我突发奇想...
【深入探究Node】（4）“内存控制” 有十五问 文章目录1. V8是用什么给对象分配内存的呢？2. V8为何要限制堆的大小？3. 原来如此，那你知道垃圾回收机制的策略是什么吗？4. 为什么要分代呢？5. 哦，那你谈谈是怎么分代的？6. 那 新生代是怎么回收的？7. 很好奇，一个新生代它是怎么晋升成老生代的。8. 为什么要设置25%这个这么低的值呢？9. 新生代的对象晋升后就成老生代了，那老生代为什么不能用Scavenge回收？10. 那老生代的对象该怎么处理？11. 那为什么还要标记整理？12. 咦！既然标记整理是基于标记清除上演变而来的，也就是它包括了
关注
