web前端

想要实现一个可以展开收起的效果并不难，直接用`display: none;`就能完成，但这种方法并不能实现过渡动画效果，想要实现过渡效果必须是属性值的变化，比如`height`从0到自身最大高度，除了

收集一些可以提升代码执行效率的技巧，不断更新中~ 惰性函数 这是一个复制文本方法，兼容不同浏览器API时，其实只需要判断一次即可，没必要每次执行都判断一次是否支持该方法，因为浏览器环境是不会在使用过程

今天被lang="en"这玩意给坑了，平时看着不起眼的一个小配置，结果在中文换行的时候出现了不一样的效果…… 测试在火狐浏览器显示都一样，在chrome就是如图效果，起初还以为是chrome渲染机制的

前言 最近在掘金上看到一位大佬用CSS写了鸿蒙OS的开机动画（原文在这里），不过只是字母O的出场特效，看完觉得挺有意思，就想着能不能把整个动画效果给实现出来，说干就干，也不管能不能实现，拿起键盘就是一

先看效果 乍一看，是不是感觉很简单，仔细一瞅发现事情好像没有那么简单。 如果十分钟还没想出怎么实现，那就把简历上的“精通css”改成“了解css”……😅 大部分人第一感觉都是想着用border-bot

开始整活 推荐一个网站aem1k，集合了大佬们写的最逆天最离谱的代码。 sb？ 打开控制台，输入以下代码回车，你将会得到一个'sb' 原理大概是这样 jsfuck也和这个类似，想了解的去可以看一下。

今天聊一个图片加载提前占位的一个问题 🤔，内容比较适合初学者。 起因 在响应式页面当中，图片加载之前是不知道图片高度的，加载成功图片完全撑开。如果不做提前占位会把下面的内容挤下去，页面出现抖动，就像下

首先我们拿出珍藏已久的ikun背景图，没有的下载下来，也可以到网上找一个类似的 新建ikun.html，把下载下来的ikun.gif和ikun.html放在同一个文件夹下 在ikun.html的div

可以直接点击演示地址查看效果，代码仓库：gitee 参考了原生js参考版本后，简化了一下代码，改成了vue版本组件，主要是提供一下思路，现实比较复杂场景中还需要灵活应用。

项目基于Vue+Bootstrap框架开发，独自设计与开发的一套简历编辑工具。 纯前端项目，部署在gitee静态服务，数据只会保存在自己电脑浏览器缓存，无须担心隐私泄露。 一套组件

let 经典案例实践 rest 参数 扩展运算符的应用 Symbol Symbol mdn docs Symbol 的介绍与创建 Symbol 的应用场景 Symbol 的内置属性 迭代器 创建一个指

灵感来源 在codepen上看到一个大佬的作品，比较有意思，就想用vue写一个更简单的。代码很简单，就不解释了。 gif演示图片加载缓慢，可以点击这里查看代码运行效果 全部代码

之前写过一篇 vue cli2 使用 wkhtmltopdf 踩坑指南，由于wkhtmltopdf对vue的支持并不友好，而且不支持css3，经过调研最终选择puppeteer，坑少，比较靠谱。 一、

主要是通过wkhtmltopdf生成pdf，但是不支持css3，想要更好的支持css样式可以使用node环境的puppeteer，关于puppeteer的使用可以点这里瞬移使用puppeteer生成p

分享一些自己常用的js简写技巧，使自己的代码更简洁、优雅~ If-Else 用 || 或 ?? 运算符进行简化 逻辑或操作符||这里要注意的是0和''也会认为是false 空值合并操作符??如果没有定

Object.defineProperty() Object.defineProperty()的基本属性和实现简单的数据代理（也叫数据劫持） console控制台图示 仔细看下图会发现这里其实比正常的

Vue与VueComponent的关系图 Vue全局事件总线 全局事件总线是一种组件间通信的方式，适用于任意组件间通信。 相当于给每个组件做个代理，作为数据通信的中转站。 其本质是Vue的实例对象，通

el-dialog组件大家都用过，一般情况下当el-dialog组件中的内容比较多的时候还是建议把弹窗内容单独放在一个文件，使代码整洁方便维护。 el-dialog组件中有一个visible属性用于组

前言 因为开发组件，需要按需引入element-ui的组件，但是v-loading如果按需引入就需要使用element-ui提供的Loading服务来实现，具体属性和用法可以到官网查看，本文记录一下自

前言 ElImageViewer是Image组件的内置组件，主要实现图片的预览功能，对于这个组件官方文档没有过多介绍，但有些需求可以单独使用。 组件的属性可以到源码中查看，但是如果只是为了看一下传参我