原文地址：https://www.sitepoint.com/dom-manipulation-vanilla-javascript-no-jquery/ 原文标题：The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)..

原文地址：https://developers.google.com/web/updates/2017/03/performant-expand-and-collapse 原文标题：Building performant expand & collapse animations 原文作..

前言效果展示 折叠面板是网页中常见的效果之一，在jQuery UI和Bootstrap中都有相关的实现，但都需要依赖js。如果不想引入js代码，其实纯CSS也可以实现，只是功能上有些简化。 具体的实现方法总结了两种，第一种使用radio控件模拟，第二种使用CSS3的:target伪类。 Ra..

前言最近把一些项目部署到了github上，发现访问速度并不是很稳定，加载时间有点爆炸。这时就体现出了加载动画的价值，一段优秀的网页加载动画能极大的提升用户体验，还能提高你网站的逼格😊。 加载动画显示的时机首先，加载动画是打开网页时最先显示的，所以加载动画的元素和节点一定要放在<body&..

前言类名操作是前端工程师编码过程中最频繁的操作之一，关于类名的操作基本可以总结为以下四种： addClass: 为指定的dom元素添加样式 removeClass: 删除指定dom元素的样式 toggleClass: 如果存在(不存在)，就删除(添加)一个样式 hasClass: 判断样式是否..

演示 Typed.js是一款可以模拟输入效果的jQuery插件。流程是输入字段，删除字段，输入新的字段，可以无限循环或者在最后一个字段结束。 安装非常简单 <script src="jquery.js"></script><script src="typed.js..

水平居中 行内元素——text-align: center; 块级元素——margin: 0 auto; 多个块级元素——如果页面里有多个块状元素需要水平排列居中，可以将元素的display属性设置为inline-block，并且把父元素的text-align属性设置为center即可实现 垂..

一、时间之尺五年设想 如果你想走出不一样的人生，做一些不一般的事，那么以五年为期，你可以为自己制定一个长期的目标，并为之做出持久而坚实的努力，你需要好好思考一下，如何通过一点一滴的人生增量，完成个人核心竞争力的锻造。 ”五年设想“实在是一个很有用的技巧，它让我们用情景化、具体化的方式来构想远期未..