![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
monster1935
千里之行,始于足下。我的万里长征路还很长,不能放弃!
展开
-
欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2016-04-26 17:11:03 · 254 阅读 · 0 评论 -
关于JSON的总结
一、前言最近学习并使用Vue的过程中,在使用Vue-resource的过程中遇到了以下问题:通过该插件异步请求数据的时候发现数据已经能正确请求到,但是无法通过response.json()解析返回体的body。通过查阅源码,发现该函数的主要作用就是将response对象中的body通过JSON.parse(this.body)解析为json对象。至于为什么会出现解析错误的情况,是因为自己写的json原创 2016-06-27 16:55:43 · 2546 阅读 · 0 评论 -
关于动态加载JavaScript文件的几种方式
以下是遇到的几种动态加载JavaScript文件的方式,持续更新中。。。一、使用document.write/writeln()方式该种方式可以实现js文件的动态加载,原理就是在重写文档流,这种方式会导致整个页面重绘。实现方式:document.writeln("<script src=\"http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js\"></原创 2016-06-03 10:56:25 · 9567 阅读 · 0 评论 -
关于Html5中自定义属性data-*的总结
一、关于html元素的特性1.html元素都存在一些标准的特性:id 元素在文档中的唯一标识符title 有关元素的附加说明信息,一般通过工具提示条显示出来lang 元素内容的语言代码,很少使用dir 语言的方向,很少使用className,与元素的class特性对应,考虑到与ECMAScript的保留字class的冲突,因此命名为className2.操作特性的方法getAttr原创 2016-05-21 13:12:44 · 15885 阅读 · 0 评论 -
JavaScript--表单的序列化
一、关于表单序列化在浏览器中使用Ajax向服务器提交表单的时候会对表单进行一个序列化的过程,也就是按照一定规则,利用表单字段的type属性,将name和value属性拼接成字符串发送给服务器。二、表单提交的规则对表单字段的名称和值进行URL编码,使用和号(&)分隔对于禁用的表单字段默认执行不发送对于复选框和单选按钮只发送选中的部分不发送type为“reset”和“button”的按钮< s原创 2016-05-20 17:25:59 · 518 阅读 · 0 评论 -
关于css中选择器优先级的总结
上一篇博文中对于现有的css的选择器进行了总结。接下来对于css中的优先级进行一下总结,总结可能不尽精确,如有不妥之处,还望前辈即时指出。css选择器优先级开发中可能会遇到这样的问题,在两个css选择器都能定位到某元素,但是浏览器按照哪个选择器定义的样式来渲染元素呢。这就是涉及到css选择器优先级的问题。 css2.1的规范是这样描述的: 1.如果声明来自“style”属性,而不是带有原创 2016-05-19 13:44:14 · 2126 阅读 · 0 评论 -
关于BFC的总结
什么是BFC BFC:Blocking Formatting Context,块级格式化上下文。这是一个独立渲染的区域,只有block level box参与,它规定了block level box 内部如何布局,并且这个区域与外部无关。 **Formatting context:**Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且原创 2016-05-17 11:06:36 · 389 阅读 · 0 评论 -
关于css中的水平垂直居中问题总结
一、水平居中需要居中的元素为常规流的inline元素,则只需要设置父元素的text-align:center即可。 测试用例:<style> .main{ height:40px; background-color: #000; color:#fff; text-align:center; } .test{原创 2016-05-17 21:36:59 · 448 阅读 · 0 评论 -
关于JavaScript中RegExp的总结
一. 什么是正则 正则就是在常见的字符串检索或替换中表示如何来进行检索或替换的一种规则。正则表达式就是使用单个字符串来描述、匹配一系列符合某个句法规则的字符串 二. JavaScript中对于正则表达式的支持 JavaScript通过RegExp类型来支持正则表达式。 1、JavaScript中初始化正则表达式的两种方式: I、直接使用字面量的方式:var expression =原创 2016-05-17 18:33:52 · 1380 阅读 · 0 评论 -
关于Http中的状态码总结
1** 信息状态码 100 Continue:客户端应当继续发送请求。这个临时相应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分,或者如果请求已经完成,忽略这个响应。服务器必须在请求万仇向客户端发送一个最终响应 101 Switching Protocols:服务器已经理解力客户端的请求,并将通过Upgrade消息头通知客户端采用不同的协议来完成原创 2016-05-16 17:15:07 · 360 阅读 · 0 评论 -
关于CSS的选择器总结
*通用选择器:选择所有的元素,一般不计入元素优先级的计算,兼容性IE6+#content id选择器:选择id值为content的元素,兼容性:IE6+.content类选择器: 选择class包含content的元素,兼容性:IE6+X Y后代选择器: 选择满足X选择器的后代节点中满足Y选择器的元素,兼容性:IE6+。(与子选择器区分开来)X 元素选择器: 选择标所有签为X的元素,兼容性:原创 2016-05-16 17:28:38 · 263 阅读 · 0 评论 -
使用jQuery实现图片轮播
carousel效果图:需要注意的几点:如何实现图片轮播的效果的关键就在于动态修改图片的样式信息。使用jQuery的animate()函数。如何修改样式信息能得到一个轮播的效果,关键就在于图片的位置。本例中每次动态修改图片的left属性。需要绑定那些事件:1.前进、后退按钮的click事件2.右下角索引按钮的hover事件页面加载后会默认图片自动轮播,这使用setI原创 2016-04-19 13:25:13 · 392 阅读 · 0 评论 -
一种写法简洁且高效的数组查找元素方法
function(arr,o,i){ for(var j=arr.length,i=i<0?i+j<0?0:i+j:i||0;i<j&&arr[i]!=o;i++){} return j<=i?-1:i;}在阅读socket.io源码的过程中发现了其数组查找元素的方法写的极为精妙。其中参数为:目标数组arr。目标元素o,开始查找的数组位置索引i。如果索引i为负数的话则代表从数组最后一个位原创 2016-04-18 17:26:29 · 455 阅读 · 0 评论 -
关于JavaScript的执行环境与作用域的解读
JavaScript高级编程中关于执行环境与作用域的问题在第四章有过提及,但是交代的不是很明确,因此查阅了网上各种资料,对于执行环境以及作用域有了一个初步的认识。一、什么是执行环境(execution context) 执行环境在书中是这样定义的:执行环境定义了变量或函数有权访问的其他数据,决定了他们各自的行为。 对于execution context的翻译有两种,一种是执行环境,一种是执行上下原创 2016-05-13 11:46:50 · 403 阅读 · 0 评论 -
关于阿里的笔试题for循环中嵌套setTimeout
题目:var a=[1,2,3]; var len=a.length; for(___){ setTimeout{function(){ console.log(__); },100} } 要求输出a的所有项。该题目考察的就是JavaScript的单线程以及setTimeout的异步特性。【注】:JavaScript引擎是单线程运行的,浏览器运行期间原创 2016-04-18 10:23:04 · 4747 阅读 · 0 评论 -
关于Etag
浏览器在向服务器进发送一个请求的时候,浏览器会首先进行缓存过期判断,其通过设置的缓存过期时间来判断文件是否过期一共分为以下几种情况:1.未过期。这种情况下不向服务器发送请求,直接进入缓存读取。此时服务器会返回一个200OK from Cache。这种情况下浏览器和服务器之间不存在交互。2.过期的情况。这种情况下浏览器会向服务器发送请求,并带上1中设置的文件修改时间和Etag。然原创 2016-04-16 23:09:09 · 342 阅读 · 0 评论 -
使用JavaScript实现数组去重的几种方式
使用JavaScript实现数组去重的四种方式思考使用indexOf()方法Array.prototype.dupDect1=function(){ var res=[];//结果数组 for(var i=0;i<this.length;i++){ if(!res.indexOf(this[i])){ res.push(this[i]);原创 2016-04-26 17:39:58 · 900 阅读 · 0 评论 -
关于Javascript中构造函数返回值的问题
构造函数的返回值传统语言中,构造函数是没有返回值的。构造函数与普通函数的区别可以认为是:构造函数中没有return语句,普通函数可以return;构造函数中使用this定义成员变量和成员方法,普通函数中不使用this关键字定义成员变量和方法。然而在JavaScript中构造函数可以有返回值也可以没有。 没有返回值的情况像其他传统语言一样,返回实例化的对象function Person(){原创 2016-06-12 14:29:34 · 4051 阅读 · 0 评论