摘要：
在写页面的时候，我们知道想要文本超出宽度后用省略号省略，只需要加上一下的css就行了。 .ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 如果我们想要当文本被省略的时候，也就是当文本超出指定的宽度 阅读全文
摘要：
深拷贝：在堆内存中开辟一个存储空间来存储一个一模一样的克隆对象。浅拷贝：相反不在堆内存中重新开辟空间，仅仅复制栈内存中的引用地址，本质上依然指向的同一块存储空间。在我们的项目日常开发中，经常使用到深拷贝和浅拷贝，今天就跟大家分享几种深拷贝的实现方式：一、JSON.stringify()；(深拷贝普通 阅读全文
摘要：
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 阅读全文
摘要：
国际化是什么？ 国际化对应的英文单词为 Internationalization，又称“i18n”： i 为单词的【第一个】字母 18 为【i 和 n 之间】字母的个数 n 为单词的【最后一个】字母 如果你的项目是vue，那么相信你在实现国际化功能时，也必不可少的会使用到“vue-i18n”这个库， 阅读全文
摘要：
web缓存主要指的是两部分：浏览器缓存和http缓存。 浏览器缓存一般指localStorage，sessionStorage，cookie等，主要用于缓存一些必要数据在客户端，有大小的容量限制。 http缓存主要是针对html，css，img等静态资源，常规情况下，我们不太会去缓存一些动态资源，因 阅读全文
摘要：
在日常的代码编写中，相信大家或多或少都接触过拥有庞大if else的项目代码吧，多重嵌套的if else在维护的时候真的很让人恼火，一个bug排查下来，感觉身体被掏空。接下来将介绍几种在某些特定场景下代替if else的思路，并增加我们代码的可读性。 一、短路运算 Javascript的逻辑或 || 阅读全文
摘要：
在我们日常开发的项目中，可能成员们的机器所使用的Node.js版本不统一：守旧派用12.x、保守用14.x、激进用17.x，项目能否正常跑起来全凭天意，包管理器也是一样，有人习惯用npm、用人习惯用yarn，代码库里经常存在package-lock.json、yarn.lock文件同时存在的情况，更 阅读全文
摘要：
在我们的日常开发中，有时候使用npm上的包，发现有bug，看过源码后我们知道如何修改，但是别人可能一时半会没法更新，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用办法有两个： 1、下载别人代 阅读全文
摘要：
箭头函数的诞生，可以说给我们的工作带来了极大的便利，箭头函数很高级，可以规避this的问题，但有些场景却是不能使用箭头函数的，这些你都了解过吗？ 一、箭头函数缺点 1、没有arguments，如果要用，可以用rest参数代替 const fn1 = () => { console.log('argu 阅读全文
摘要：
一、较短的if-else的空合并 (??) let maybeSomething; // LONG FORM if(maybeSomething){ console.log(maybeSomething); }else{ console.log("Nothing found"); } // SHOR 阅读全文