自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 研究笔记---无刷新跳转页面(待优化)

大体思路:url通过pushstate、popstate(HTML5)修改,web内容通过Ajax载入。前提:结构,表现和行为分离;同时,CSS和JS代码为外联导入;(因为要动态替换。)1、将网页的需要改变的内容分离出来,在仅留下空标签;2、将内容(不含1中的空标签)存储到一个html(先清空默认所有代码,仅保留复制的代码)页面中,如:Main/index.html;3,将局部作用

2016-09-27 18:06:55 422

转载 div+css通用兼容性代码整理

一、Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} 代码如下: *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:

2016-09-22 19:07:53 676

转载 IE8语义化方法

不过需要首先注意的地方就是在css中初始化这些新标签的默认样式,HTML5在默认情况下表现为内联元素,对这些元素进行布局需要利用CSS手工把它们转为块状元素方便布局:article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}1. 用js解决,用jscreateElement创建这些元素

2016-09-22 19:04:27 343

转载 浏览器的标准模式与怪异模式的设置与区分方法

由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别。

2016-09-21 18:08:51 468

原创 jQuery笔记

$(function(){});//类似window.onload,但是:1、只需要等待document元素加载完成,而无需等到页面所有元素加载;2、该方法可以多次调用。是'$(document).ready(function(){});'的简写形式.--------------------------------------------------------------------

2016-09-18 22:59:29 301

原创 DOM操作

基础知识创建:document.creatElement(标签名)追加:父.appendChild(子节点)插入:父.insertBefore(子节点,定位节点)移除:父.removeChild(子节点)文档碎片:document.createDocumentFragment() (提高效率仅停留在理论上)获取子节点:1、父.childNodes[0] //第一个子节点 (

2016-09-13 17:06:42 277

原创 document.onclick在IE浏览器下失效

解决方法1、关闭腾讯插件:“工具”—“管理加载项”—“AccountProtectBHO Class”—已禁用。解决方法2、将document.onclick改为“document.body.onclick”。

2016-09-07 15:33:40 2735

转载 常用的块状元素与内联元素

块状元素内联元素address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题

2016-09-06 18:08:44 394

原创 JS笔记

网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth

2016-05-20 16:27:42 291

原创 绝对定位和相对定位

绝对定位(absolute):加入绝对定位的元素,会一直向上寻找存在定位属性(如:position:relative,position:relative等)的父级,以其为定位基准,如果没有最后以浏览器为基准。相对定位(relative):加入相对定位的元素后,会直接以父级为定位基准(无论父级是否有定位属性。)

2016-05-18 18:56:05 666

转载 css控制背景图片位置-background-position

最近经常给div在加背景图片的时候,发现背景图片的位置总是跟自己想要的效果不一样,所以就粗略的研究了一下,把结果和过程跟大家一起分享一下。现在就用div来举例子,其他的容器也都一样。主要来介绍一下背景background的几个属性。我们给一个div加上背景后,先仅仅控制背景图片的路径,其他的都不做控制。这时候背景图片的坐标是左上角,如果图片大小大于div的大小,多出来的部分会被切掉,如果图

2016-04-30 18:52:48 6323

原创 web兼容性及解决方案(收集)

获取当前样式(currentStyle):currentStyle:IE、Opera(例:DIV.currentStyle.widht)getComputedStyle:FireFox、Chrome、Safari(例:window.getComputedStyle(DIV).width)

2016-04-30 17:53:25 748

转载 那些年我们一起清除过的浮动

浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 (Enclosing

2016-04-29 17:21:09 423

转载 WEB前端开发人员须知的常见浏览器兼容问题及解决技巧

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px

2016-04-20 16:30:19 1032

原创 IIS配置

·需要访问其他盘符的问件事,可以通过设置虚拟目录来完成。

2015-11-20 17:21:33 253

转载 CSS字体与段落属性

一、字体属性1.字体font-family语法:{font-family:name}使用字体名称,按优先顺序排列,以逗号隔开,如果字体名称包含空格,则应使用引号括起。P{font-family:华文彩云,黑体,宋体}P{font-family:¡±Times New Roman¡±}2.字号font-size{font-size: 数值 | xx-sma

2015-11-17 16:57:49 742

原创 div模型

margin:边缘,与其他元素之间的距离。通过“margin:10px”可以同时设置上、下、左、右的距离;也可以单个设置:margin-top:10px;同时也可快捷设置:margin:10px 20px 30px 40px ;(上、右、下、左,缺省的则去对边的值)border:边界,设置div的边宽、形状、颜色。(border:10px solid red;)padding:

2015-11-16 18:26:34 400

转载 C#判断手机访问和电脑访问程序代码

private void UserAgent(){string u = Request.ServerVariables["HTTP_USER_AGENT"];Regex b = new Regex(@"android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone

2015-11-16 16:47:18 1082

原创 hmtl video标签

 您的浏览器不支持video标签

2015-11-16 15:36:00 479

原创 html、css心得

DIV布局,CSS控制。里边用来控制div的属性,如长、宽、高、颜色等。其中,# + “div的id” 可以单独操作某一块div的属性。

2015-11-05 16:07:17 850

原创 html结构

  标签:位于文档中的最前面的位置,处于  标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。严格(Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 XHTML 的呈现特性时,请使用此类型。)http://www.w3.org/TR/xhtml1/DTD/x

2015-11-05 11:15:58 352

转载 C#.NET中遍历指定目录下的文件(及所有子目录及子目录里更深层目录里的文件)

File------实用类,提供许多静态方法,用于移动、删除、和复制文件。Directory------实用类,提供许多静态方法,用于移动、删除和复制目录。FileInfo------表示磁盘上的物理文件,具有可以处理此文件的方法,要完成对文件的读写工作,就必须创建Stream对像。DirectoryInfo------表示磁盘上的物理目录,具有可以处理此目录的方法这里提供

2015-11-05 11:12:47 672

原创 FileInfo-文件类

FileInfo.Name:文件名FileInfo.DirectoryName:文件在路径FileInfo.Length:文件的长度FileInfo.CreationTime:文件创建时间FileInfo.LastAccessTime:文件的最后访问时间FileInfo.LastWriteTime:文件的最后修改时间FileInfo.FullName:文件全名

2015-11-05 11:10:53 1164

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除