之前整了一篇，文字效果的文章,总感觉缺少了一些灵动，所以我产生了动态文字的想法，这一实现，我发现动态文字真好玩。CSS的属性是丰富的，一种效果往往不只一种解决方案。

以下代码风格仅供参考，没有明确规定那种书写方式好，那种书写方式一定就不好，代码风格的统一，目的就是提高代码的可读性。 建议使用行注释 (在Sass中是//) 代替块注释。 建议注释独占一行。避免行末注释。 使用.scss的语法，不使用.sass原本的语法。 当一行长度达到了单行…

背景 近期公司投放在展厅大屏中演示的大数据页面，出现了文字、图表、表格等多类组件显示错乱的情况。 目的 解决页面错乱问题，实现多种分辨率的大屏适配 入坑分析 俗话说的好，走过的最多路，就是网友们套路

之前做图片、视频上传预览常用的方案是先把文件上传到服务器，等服务器返回文件的地址后，再把该地址字符串赋给img或video的src属性，这才实现所谓的文件预览。实际上这只是文件“上传后再预览”，这既浪费了用户的时间，也浪费了不可轻视的流量。 最近上网查资料才知道其实可以很轻松地…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

以往用到图片上传功能都是直接使用现成的插件，今天把其中用到的知识点整理一下。 指定选择文件类型的范围。默认为所有文件类型 当文件类型为图片或视频且在移动端时，此属性才有意义。 返回一个 FileList，列出每个所选文件对象。除非 multiple 指定了属性，否则此列表只有一…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…

JS中的日期时间应用场景是非常广阔的，比如说：评论提交、文章发布、内容编辑、页面监控、节日活动等等，有生命的地方就存在时间。 我们在数据库存储时间字段的时候，一般都会以时间戳的标准来存储。 再添加一个时间戳的参数，只需把时间戳传进日期对象即可。 很久以前如果我们不曾相遇，如果没…

随着前端标准化的发展，目前主流浏览器对很多JS新特性都普遍支持了，其中一些新特性不仅解决了很多技术上的实现难题，还带来了更好的性能提升。 在Vue3中，最重要也更为人所知的就是ES6的Proxy。 我们知道，在Vue2中对数据的侦听劫持是在组件初始化时去遍历递归一个对象，给其中…