Tan_D的博客

IE 与 FF 脚本的兼容性问题获取事件对象IE：使用window.event FF：通过事件处理函数传递事件对象 例如：e=window.event ||e;获取事件源IE：使用srcElement FF：使用target属性 例如：var target = e.target || e.srcElement;添加和移除事件IE：使用 attachEvent() 和 deatt

特征从浏览器中创建XMLGHTttpRequests对象从nodejs中创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF XSS(跨站脚本)和CSRF(跨站请求伪造)用户输入总是不可信任的 不攻击服务器端而攻击正常访问网站的用户XSS: 往Web页面里插入恶意Script

json是一种轻量级的数据交换格式，由道格拉斯·克罗克福特发明（创建）。它使得人们方便阅读和编写。 json 基于两种数据结构名称/值（key / value） 对的集合。不同的编程语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （a

w3c万维网联盟（world wide web consortium）,对web进行标准化和发展web规范（recommendations）。w3c标准目录：文档类型（doctype）名字空间（namespace）定义语言编码javascript定义css定义不要在注释代码中使用“–”所有的标签元素和属性名都必须小写所有的属性值都必须用“”括起来所有的>和&等特殊符号，需要用其实

水平居中块级元素： margin： 0 auto； 行内元素： text-align: center; 通用：flex布局 justify-content: center; 垂直居中行内元素： 父级设置与父级高度相同的行高（line-height）vertical-align: middle; 块级元素： 通用： flex布局 align-items: center

tab和内容分离布局: 用一个大的container div容器包裹住tab-control和tab-content两个div块给每一个tab-control的项(a标签的href属性)设置锚点给每一个tab-content的项,设置id属性 id属性名需与上述锚点一一对应 <div class="container"> <div class="tab-control">

容器属性flex-direction 主轴的方向 flex-direction: row | row-reverse | column | column-reverse;flex-wrap 项目排列时候的换行行为 flex-wrap: nowrap | wrap | wrap-reverse(换行，第一行在下方);flex-flow flex-direction flex-wrap

BEM命名规范选择CSS架构注意考虑的问题编辑一个class是否安全，会不会干扰其他CSS。能准确定位CSSclass是否精简明确组件是否是否使用的javascript,更改了class是都否意外的破坏组件BEMB: block(块)E: element(元素)M: modifier(修饰符)命名约定模式.block{} //更高级别的抽象或组件.block

BEM命名规范选择CSS架构注意考虑的问题编辑一个class是否安全，会不会干扰其他CSS。能准确定位CSSclass是否精简明确组件是否是否使用的javascript,更改了class是都否意外的破坏组件BEMB: block(块)E: element(元素)M: modifier(修饰符)命名约定模式.block{} //更高级别的抽象或组件.block

jQuery实现拖动思路：定位：给要拖动的对象设置一个定位（position：aboselute);坐标：使用event.clientX、event.clientY获取鼠标位置，使用obj.offset().left、obj.offset().top获取对象离浏览器左上角的坐标；事件：mousedown,mouseup,mousemove三大鼠标事件；事件绑定与移除：bind()和unbin

引言由于各浏览器制造商遵寻各自不同的规则，使得浏览器渲染的差异性，并且个浏览器对CSS3的支持度不同，引发出页面渲染的兼容性问题。如何能够使前端页面在不同浏览器渲染出相同的效果，成为前端工程师不得不考虑的问题。下面就CSS3样式给出一些解决兼容性问题的方法： 当下主流的浏览器及其内核 浏览器 内核 google Webkit->Chromium(V