2016年09月_Lycop

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

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

2016-09-27 18:06:55 442

转载 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 696

转载 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 360

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

2016-09-21 18:08:51 500

原创 jQuery笔记

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

2016-09-18 22:59:29 316

原创 DOM操作

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

2016-09-13 17:06:42 292

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

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

2016-09-07 15:33:40 2766

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

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

2016-09-06 18:08:44 405

Lycop的博客