- 博客(23)
- 收藏
- 关注
原创 研究笔记---无刷新跳转页面(待优化)
大体思路:url通过pushstate、popstate(HTML5)修改,web内容通过Ajax载入。 前提:结构,表现和行为分离;同时,CSS和JS代码为外联导入;(因为要动态替换。) 1、将网页的需要改变的内容分离出来,在仅留下空标签; 2、将内容(不含1中的空标签)存储到一个html(先清空默认所有代码,仅保留复制的代码)页面中,如:Main/index.html; 3,将局部作用
2016-09-27 18:06:55
583
转载 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
845
转载 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
453
转载 浏览器的标准模式与怪异模式的设置与区分方法
由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别。
2016-09-21 18:08:51
650
原创 jQuery笔记
$(function(){});//类似window.onload,但是:1、只需要等待document元素加载完成,而无需等到页面所有元素加载;2、该方法可以多次调用。是'$(document).ready(function(){});'的简写形式. --------------------------------------------------------------------
2016-09-18 22:59:29
392
原创 DOM操作
基础知识 创建:document.creatElement(标签名) 追加:父.appendChild(子节点) 插入:父.insertBefore(子节点,定位节点) 移除:父.removeChild(子节点) 文档碎片:document.createDocumentFragment() (提高效率仅停留在理论上) 获取子节点:1、父.childNodes[0] //第一个子节点 (
2016-09-13 17:06:42
362
原创 document.onclick在IE浏览器下失效
解决方法1、关闭腾讯插件:“工具”—“管理加载项”—“AccountProtectBHO Class”—已禁用。 解决方法2、将document.onclick改为“document.body.onclick”。
2016-09-07 15:33:40
2919
转载 常用的块状元素与内联元素
块状元素 内联元素 address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列表 div - 常用块级容易,也是CSS layout的主要标签 dl - 定义列表 fieldset - form控制组 form - 交互表单 h1 - 大标题 h2 - 副标题 h3 - 3级标题 h4 - 4级标题
2016-09-06 18:08:44
472
原创 JS笔记
网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth
2016-05-20 16:27:42
379
原创 绝对定位和相对定位
绝对定位(absolute):加入绝对定位的元素,会一直向上寻找存在定位属性(如:position:relative,position:relative等)的父级,以其为定位基准,如果没有最后以浏览器为基准。 相对定位(relative):加入相对定位的元素后,会直接以父级为定位基准(无论父级是否有定位属性。)
2016-05-18 18:56:05
853
转载 css控制背景图片位置-background-position
最近经常给div在加背景图片的时候,发现背景图片的位置总是跟自己想要的效果不一样,所以就粗略的研究了一下,把结果和过程跟大家一起分享一下。现在就用div来举例子,其他的容器也都一样。主要来介绍一下背景background的几个属性。 我们给一个div加上背景后,先仅仅控制背景图片的路径,其他的都不做控制。这时候背景图片的坐标是左上角,如果图片大小大于div的大小,多出来的部分会被切掉,如果图
2016-04-30 18:52:48
6836
原创 web兼容性及解决方案(收集)
获取当前样式(currentStyle): currentStyle:IE、Opera(例:DIV.currentStyle.widht) getComputedStyle:FireFox、Chrome、Safari(例:window.getComputedStyle(DIV).width)
2016-04-30 17:53:25
878
转载 那些年我们一起清除过的浮动
浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。 一、清除浮动 还是 闭合浮动 (Enclosing
2016-04-29 17:21:09
497
转载 WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px
2016-04-20 16:30:19
1135
转载 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
929
原创 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
485
转载 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
1241
原创 html、css心得
DIV布局,CSS控制。 里边用来控制div的属性,如长、宽、高、颜色等。其中,# + “div的id” 可以单独操作某一块div的属性。
2015-11-05 16:07:17
939
原创 html结构
标签:位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 严格(Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 XHTML 的呈现特性时,请使用此类型。)http://www.w3.org/TR/xhtml1/DTD/x
2015-11-05 11:15:58
437
转载 C#.NET中遍历指定目录下的文件(及所有子目录及子目录里更深层目录里的文件)
File------实用类,提供许多静态方法,用于移动、删除、和复制文件。 Directory------实用类,提供许多静态方法,用于移动、删除和复制目录。 FileInfo------表示磁盘上的物理文件,具有可以处理此文件的方法,要完成对文件的读写工作,就必须创建Stream对像。 DirectoryInfo------表示磁盘上的物理目录,具有可以处理此目录的方法 这里提供
2015-11-05 11:12:47
895
原创 FileInfo-文件类
FileInfo.Name:文件名 FileInfo.DirectoryName:文件在路径 FileInfo.Length:文件的长度 FileInfo.CreationTime:文件创建时间 FileInfo.LastAccessTime:文件的最后访问时间 FileInfo.LastWriteTime:文件的最后修改时间 FileInfo.FullName:文件全名
2015-11-05 11:10:53
1338
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅