记一次诡异的前端bug
1 问题描述 刚到公司，测试突然提个紧急 bug 过来，说 release1的加载动画不动了，一直卡着，如图： 2 调试过程 2.1 了解情况 与浏览器无关，多次重启均可以复现，非偶发现象 前端无相关报错 代码启动2正常，jar 包启动有问题 初步判定，跟打包过程有关。jar 包里肯定有什么问题。 2.2 进入调试状态 在浏览器中预览一张模版3，在一堆js代码中，找到加载动画相关的代码，打断点。
Websocket 简单 demo
websocket，可以在浏览器和服务器之间建立一个全双工通信的 socket 连接。它与 http 请求的主要区别在于，可以由服务器主动向客户端推送消息。 以下是一个简单 demo： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" con
初探 Vue.js：MVVM 与组件化开发
零、前端发展简史 1989 年，HTML 诞生。最早的 HTML 页面是完全静态的网页，它们是预先编写好的存放在 Web 服务器上的 html 文件。浏览器请求某个 URL 时，Web 服务器把对应的 html 文件扔给浏览器，就可以显示 html 文件的内容了。 服务器需要针对不同的用户，动态生成不同的 html 文件。一个最直接的想法就是利用 C、C++ 这些编程语言，直接向浏览器输出拼接后的
用 CSS3 画加载动画
本文将详细介绍如何用 CSS3 画出如下的加载动画。 （1） （2） 一、CSS3 简介 CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。 【CSS3 浏览器支持】 CSS3给我们带来了什么好处呢？简单
IE 下 iframe 失焦问题
场景描述：IE浏览器。网页上有一个按钮A，点击后打开一个 iframe，iframe 中有一个文本编辑框，点击，让文本框聚焦。关闭 iframe，再点击按钮A，打开一个新的 iframe（内容一样，包含一个文本框），文本框无法聚焦，无法输入内容。 最终解决方案：在关闭 iframe 之前，先执行以下代码，将 iframe 彻底清空： $('iframe').src=""; $('iframe
JQuery 查找子元素
有一段 HTML 如下： <p>这是一个段落。<span>a span</span></p> 假设 $p 为整个 p 元素，获取 span 元素的标签名，最好的方式是： $("span", $p).tagName 其中，第一个参数（"span"）是正常的选择器，第二个参数（$p）是选择范围。 公司的老大不推荐使用 children() 和 fi