2017年02月_JaniceDong

原创元素居中使用margin:0 auto;为何没效果

内敛块元素和内敛元素设置居中要变成块元素才能使用margin:0 auto;内敛元素和内敛块元素没有宽度的时候即使设置成margin:0 auto;也不管用，自带宽度的除外，比如button和input等。也可以对父元素设置text-align:center;因此要对要剧中的元素设置display:block;width:Npx;margin:0 auto;

2017-02-21 17:44:15 9948 2

转载 HTML乱码问题和header结构

原文链接：http://www.cnblogs.com/FlyCat/archive/2012/06/27/2566325.htmlHTML乱码问题和header结构有时候页面中的中文打开后变成乱码，主要是编码问题在DOCTYPE标签后加入charset对应页面的编码，不一定是utf-8，也可能是gb2312,gbk等，根据实际情况修改HTML head

2017-02-20 11:41:08 917

原创将mui对象转化为dom对象

mui获取元素类似与jQuery，但在jQuery中通过获取id名而获取到的元素是唯一的而在mui中无论通过id名还是类名等获取元素获取到的都是一个集合，因此不同通过mui('#XXX')转化为dom元素使用dom的方法，可使用如下方法:var obj1 = mui('#title');var ojb2 = obj1[0];

2017-02-14 09:49:06 1152 2

原创 CSS选择器

css选择器有几大类，下面对这几种选择器做简单的使用介绍一、元素选择器（tag选择器）最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。如果设置HTML，或者段落，标题的字体颜色通常这样写html{color：black;}p{color:blue;}h1{color:red;}二、选择器分组如果想要使多个元素的字体颜色保持一致可以这样写

2017-02-10 16:34:07 335 2

最近项目中遇到一个问题，在一个div里面包含iframe，通过拖拽iframe的一部分来改变div的位置，所有的代码已经写好，但是就是移动不了div，移动的话也是一闪一闪的，网上看了很多资料，最终得出来一个结论拖拽iframe是不能改变父div的位置的，违背了一些浏览器的原则，因此，这个问题就放那了，今天换了一个角度，如果在div里面放一个div，通过拖动子div是可以改变父div的位置的，因此我

2017-02-09 12:07:42 1611

转载九个技巧，提高web性能

当今数字世界，存在着无数的网站，每天都需要处理各种不同的原因的访问。然而，这些网站中有很大一部分显得笨重，使用起来也很麻烦。没怎么优化的网站会被各种各样的问题困扰，包括加载时间、不支持移动设备、浏览器兼容性问题，等等。这篇文章讲述可以帮助改善优化前端的技术，非常有用。主要内容有清理代码、压缩图片、压缩外部资源、使用 CDN，以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性

2017-02-07 09:52:38 606

原创 addEventListener() 方法

如果浏览器不支持 addEventListener() 方法, 你可以使用 attachEvent() 方法替代。以下实例演示了跨浏览器的解决方法：var x = document.getElementById("myBtn");if (x.addEventListener) { //所有主流浏览器，除了 IE 8 及更早 IE版本

2017-02-06 11:36:51 569 1

转载 js之事件冒泡和事件捕获详细介绍

（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window（2）捕

2017-02-06 10:54:18 422

Academia_zhen的博客