![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 56
蔚蓝蒲公英
这个作者很懒,什么都没留下…
展开
-
前端常见IE与FF脚本的兼容性问题
IE 与 FF 脚本的兼容性问题获取事件对象IE:使用window.event FF:通过事件处理函数传递事件对象 例如:e=window.event ||e;获取事件源IE:使用srcElement FF:使用target属性 例如:var target = e.target || e.srcElement;添加和移除事件IE:使用 attachEvent() 和 deatt原创 2017-06-24 01:27:34 · 1517 阅读 · 0 评论 -
axios 一个基于promise的HTTP库
特征从浏览器中创建XMLGHTttpRequests对象从nodejs中创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF XSS(跨站脚本)和CSRF(跨站请求伪造)用户输入总是不可信任的 不攻击服务器端而攻击正常访问网站的用户XSS: 往Web页面里插入恶意Script原创 2018-01-05 14:12:18 · 1719 阅读 · 0 评论 -
JSON 数据交换格式
json是一种轻量级的数据交换格式,由道格拉斯·克罗克福特发明(创建)。它使得人们方便阅读和编写。 json 基于两种数据结构名称/值(key / value) 对的集合。不同的编程语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (a原创 2018-01-05 12:02:32 · 1991 阅读 · 0 评论 -
w3c 标准
w3c万维网联盟(world wide web consortium),对web进行标准化和发展web规范(recommendations)。w3c标准目录:文档类型(doctype)名字空间(namespace)定义语言编码javascript定义css定义不要在注释代码中使用“–”所有的标签元素和属性名都必须小写所有的属性值都必须用“”括起来所有的>和&等特殊符号,需要用其实原创 2018-01-04 14:40:07 · 345 阅读 · 0 评论 -
常用的元素居中的方法(css3)
水平居中块级元素: margin: 0 auto; 行内元素: text-align: center; 通用:flex布局 justify-content: center; 垂直居中行内元素: 父级设置与父级高度相同的行高(line-height)vertical-align: middle; 块级元素: 通用: flex布局 align-items: center原创 2018-01-02 23:18:33 · 371 阅读 · 0 评论 -
web开发之Tab页的常见实现方法
tab和内容分离布局: 用一个大的container div容器包裹住tab-control和tab-content两个div块给每一个tab-control的项(a标签的href属性)设置锚点给每一个tab-content的项,设置id属性 id属性名需与上述锚点一一对应 <div class="container"> <div class="tab-control">原创 2017-12-21 14:38:27 · 4131 阅读 · 1 评论 -
flex布局
容器属性flex-direction 主轴的方向 flex-direction: row | row-reverse | column | column-reverse;flex-wrap 项目排列时候的换行行为 flex-wrap: nowrap | wrap | wrap-reverse(换行,第一行在下方);flex-flow flex-direction flex-wrap原创 2017-10-30 15:48:47 · 269 阅读 · 0 评论 -
BEM 命名规范
BEM命名规范选择CSS架构注意考虑的问题编辑一个class是否安全,会不会干扰其他CSS。能准确定位CSSclass是否精简明确组件是否是否使用的javascript,更改了class是都否意外的破坏组件BEMB: block(块)E: element(元素)M: modifier(修饰符)命名约定模式.block{} //更高级别的抽象或组件.block原创 2017-11-01 10:32:04 · 391 阅读 · 0 评论 -
BEM 命名规范
BEM命名规范选择CSS架构注意考虑的问题编辑一个class是否安全,会不会干扰其他CSS。能准确定位CSSclass是否精简明确组件是否是否使用的javascript,更改了class是都否意外的破坏组件BEMB: block(块)E: element(元素)M: modifier(修饰符)命名约定模式.block{} //更高级别的抽象或组件.block原创 2017-11-01 10:31:41 · 528 阅读 · 0 评论 -
jQuery实现拖动
jQuery实现拖动思路:定位:给要拖动的对象设置一个定位(position:aboselute);坐标:使用event.clientX、event.clientY获取鼠标位置,使用obj.offset().left、obj.offset().top获取对象离浏览器左上角的坐标;事件:mousedown,mouseup,mousemove三大鼠标事件;事件绑定与移除:bind()和unbin原创 2017-08-01 16:51:58 · 1948 阅读 · 0 评论 -
css3 常见兼容性样式
引言由于各浏览器制造商遵寻各自不同的规则,使得浏览器渲染的差异性,并且个浏览器对CSS3的支持度不同,引发出页面渲染的兼容性问题。如何能够使前端页面在不同浏览器渲染出相同的效果,成为前端工程师不得不考虑的问题。下面就CSS3样式给出一些解决兼容性问题的方法: 当下主流的浏览器及其内核 浏览器 内核 google Webkit->Chromium(V原创 2018-01-05 17:17:45 · 2650 阅读 · 0 评论