前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬

动画 - 让页面更加灵动 先看效果 案例1 案例2 案例3 怎么样？ 是不是很丝滑, 还不错？ 爱了爱了 ❤ 实际是利用了 flip 技术 flip First 元素的起始位置或者大小,可以使用 ge

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

全栈完整代码（前端：React、TS + 后端：Node.js、Koa）实现大文件分片上传、断点续传、秒传。

虽然上述例子中的构造函数中返回了 1，但是这个返回值并没有任何的用处，得到的结果还是和之前的例子完全一样。 通过这个例子我们可以发现，虽然构造函数内部的 this 还是依旧正常工作的，但是当返回值为对象时，这个返回值就会被正常的返回出去。 通过以上几个例子，相信大家也大致了解了…

每个月都会有总结和分享会📚，这个月也一样，于是我将近段时间的、关于TS的学习笔记梳理成30张脑图做了这次分享，也方便以后查阅，快来看看吧~

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议大家动手敲敲代码。 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSR…

HTTPS（全称： Hypertext Transfer Protocol Secure，超文本传输安全协议），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。本文，就来深入介绍下其原理。 使用https的原因其实很简单，就是因为http的不安全。 当我们往服务器发送比…

有Java、C#等开发经验的同学对代码抽象的思想一定不会陌生，抽象类、接口平时写的非常多，但是对于一直都从事前端开发的同学来说，“抽象”这个词就比较陌生了，毕竟JavaScript中没有abstract、interface。 这是Java中的一个类，类里面有一个抽象方法doSo…