在IE8浏览器下用name属性去获取dom元素时居然是不区分大小写的。 比如：如上有2个input输入框，它们的name属性分别是大写C1和小写c1 在获取元素时，在谷歌浏览器下使用jqury获取：$(input[name='c1']).length // 1如上代码在I
发布时间：2017-10-17 10:30
做页面前，先分析页面的布局，有几个模块，就用几个div，可以层层嵌套。、用了div后，进行浮动就不会出现样式错乱代码大概是这样的（有点繁琐，不过解决了燃眉之急）： 将图中两个并排的div样式左浮动（上图是浮动后的效果）：.d_left {//将两个div进行左浮动 float:left
发布时间：2017-10-17 10:23
1. 前言 大约在几个月之前，让我看完了《webkit技术内幕》这本书的时候，突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做web前端需要的比这三大块要多得多。 拖了好几个月了，但是由于近期将要参加的某一个活动，我不得不这两天把这个东西整出来。说
发布时间：2017-10-15 11:10
Quirks模式是什么？它和Standards模式有什么区别？从IE6开始，引入了Standards模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。在IE6之前CSS还不够成熟，所以IE5等之前的浏览器对CSS的支持很差， IE6将对CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果IE6 支持CSS
发布时间：2017-10-14 09:24
为了准确无误地把数据送达目标处，TCP协议采用了三次握手策略。用TCP协议把数据包送出去后，TCP不会对传送 后的情况置之不理，它一定会向对方确认是否成功送达。握手过程中使用了TCP的标志：SYN和ACK。发送端首先发送一个带SYN标志的数据包给对方。接收端收到后，回传一个带有SYN/ACK标志的数据包以示传达确认信息。 最后，发送端再回传一个带ACK标志的数据包，代表“握手”结束。 若在握手
发布时间：2017-10-14 09:22
TCP（Transmission Control Protocol，传输控制协议）是基于连接的协议，也就是说，在正式收发数据前，必须和对方建立可靠的连接。一个TCP连接必须要经过三次“对话”才能建立起来UDP（User Data Protocol，用户数据报协议）是与TCP相对应的协议。它是面向非连接的协议，它不与对方建立连接，而是直接就把数据包发送过去！ UDP适用于一次只传送少量数据、对可
发布时间：2017-10-14 09:20
结论 在我多番测试之后，才发现background-image使用svg，改变颜色根本做不了。 分析 当svg图片被使用成background-image，颜色的设置需要在svg内部才能生效。在外部CSS设置颜色样式，却是无效，这其实可以从CSS选择器得到解释，CSS选择器必须选择到DOM元素，而svg却被做成背景图，并没有以元素引入，所以在外部也就设不了颜色。
发布时间：2017-10-12 10:46
HTML代码中的<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 指定了网页的编码为utf-8。 网页编码涉及的知识点比较多，总的说来它也是一个历史遗留问题。 第一台计算机（ENIAC）于1946年2月诞生于美国，当时美国只考虑自己使用，并在计算机诞生后的几年里制定了一套ASCII码标准（American Standard Code for I
发布时间：2017-10-12 10:42
HTML三种布局方式总结1 普通流又称为常规流，浏览器默认的排版方式。普通流是元素在多数情况下呈现在WEB页面上的方式。所有HTML都在块框(block boxes，块级元素)或者行内框(inline boxes，行内元素)中。当浏览器开始渲染HTML文档，它从窗口的顶端开始，经过整个文档内容的过程中，分配元素需要的空间。除非文档的尺寸被 CSS 特别的限定，否则浏览器垂直扩展文档来容纳全部的内容。
发布时间：2017-10-11 09:29
每当我们去进行前端页面布局时都会用到float、position、margin等一些属性，这些属性用起来略显麻烦，并且浏览器去进行渲染时会大大消耗性能 所以今天我们来谈谈最新的 flex布局，也叫弹性布局！ 需要注意的是任何容器都可以指定为flex布局，但是在flex布局中float、clear、vertical-align都会失效
发布时间：2017-10-9 10:29
html5 canvas 绘制字体、图片与图形模糊问题 发生情况 多出现在高dpi设备，这意味着每平方英寸有更多的像素，如手机，平板电脑。当然很多高端台式电脑也有高分辨率高dpi的显示器。 canvas在浏览器中的缩放原理 如果没有设置style那么就以html的属性width，height作为尺寸。 如果设置了style中的width、height，那么以其style设置为最终绘制到浏览器的尺寸。 也就是说，属性中的宽高并不代表实际宽高，所以高dpi下会放大canvas，导致模糊
发布时间：2017-10-9 10:25
问题: 当在iphone中打开html5页面中的video视频时，会默认调取系统播放器，全屏播放视频资源。 解决方式: 1. 首先在html5页面的video标签中添加webkit-playsinline=true;
发布时间：2017-10-9 10:23
前段时间有一个需求，需要做一个选择输入框，类似百度的搜索框一样。由于本人也是菜鸟一枚，在网上找了一大堆，现给出两种比较好用的实现方式。 第一种：基于html5的新特性 效果如下图所示
发布时间：2017-10-9 10:21
项目中遇到的坑，写篇博客做个笔记纪念下，position: fixed一般来说都兼容各个浏览器，但是要兼容浏览低版本问题，就得用-webkit-transform: translateZ(0);这段代码了。 项目中用到position: fixed;z-index: xxx;的时候，记得加上这个css：-webkit-transform: translateZ(0); 这个兼容position:fixed浏览器低版本 不然会有浏览器滚动出现闪烁bug。当然这里透明度opacity:
发布时间：2017-10-2 19:41
<p id="app"> {{name}} </p> Vue把整个生命周期划分为创建、挂载、更新、销毁等阶段，每一个阶段都会给一些‘钩子’让我们来做一些我们想实现的动作。学习实例的生命周期，能帮助我们理解vue实例的运行机制，更好地合理利用各个钩子来完成我们的业务代码。
发布时间：2017-10-2 19:41
QQ群:489824099
关注微信公众号
