记一次诡异的前端bug
1 问题描述 刚到公司，测试突然提个紧急 bug 过来，说 release1的加载动画不动了，一直卡着，如图： 2 调试过程 2.1 了解情况 与浏览器无关，多次重启均可以复现，非偶发现象 前端无相关报错 代码启动2正常，jar 包启动有问题 初步判定，跟打包过程有关。jar 包里肯定有什么问题。 2.2 进入调试状态 在浏览器中预览一张模版3，在一堆js代码中，找到加载动画相关的代码，打断点。
CSS 旋转+透明效果，兼容至 IE6
要在各浏览器中实现如图的效果。 一、效果实现 功能比较简单，使用 transform:rotate 实现旋转，使用 opacity 实现透明度。（难点在于兼容低版本 IE） 第一版代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport"
用 CSS3 画加载动画
本文将详细介绍如何用 CSS3 画出如下的加载动画。 （1） （2） 一、CSS3 简介 CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。 【CSS3 浏览器支持】 CSS3给我们带来了什么好处呢？简单
div 中的文本块强制不换行
使用 css：white-space: nowrap 场景 我希望在缩放窗口时，div 自适应变化，但是 div 里面的内容保持原来的格式，超出部分直接隐藏，不要换行。下图是有问题的： 解决办法 在蓝色区域的 div 中，加上 css：white-space: nowrap。缩放的时候就不会换行了。
HTML 元素，水平、垂直居中
举个栗子：如何将 div 盒子中的一个 p 元素，水平、垂直居中？ 水平居中 用 CSS 将 div 的对齐方式设为居中即可。 div { text-align: center; } 垂直居中 在 p 元素前插入一个空的 span（设定 class 为 helper），给 helper 类和 p 元素设定如下 CSS： .helper { display: inline-block; height