- 博客(34)
- 收藏
- 关注
RSS订阅原创 解析url中的参数保存在json中
下面是我使用js写的一个方法，将url中的参数解析到一个json中：function toJsonFun(url){var ojson = {};var arr = url.substr(url.indexOf('?')+1).split('&');for(var i = 0;i(function(i){var tmp = arr[i].split('=');ojson
2016-09-17 21:20:34
2125
原创 关于闭包的理解
要想理解闭包，必须先了解作用域以及作用环境。下面是自己列举的例子：上面的代码显然会报错，因为在函数test中是访问不到函数add中的变量sum的，所以没办法弹出sum的值。这是因为js函数的作用域。在一些类C的编程语言中，每个花括号中的代码都有各自的作用域，在声明变量的作用域之外是没办法访问到变量的，称为块级作用域。JS中没有块级作用域，取而代之
2016-08-04 12:08:30
533
原创 http简单总结
URL 统一资源定位符URI统一资源标识符URL是URI中的一种，其中URL知名了如何定位Location这个资源，URI是抽象的资源标识，可以是绝对的，也可以是相对的。RFC request for comments 规定了网络协议的基本内容报文的格式： 报文首部
2016-07-19 20:56:43
431
转载 八大排序对比
八大排序对比（转）排序有内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。我们这里说说八大排序就是内部排序。 当n较大，则应采用时间复杂度为O(nlog2n)的排序方法：快速排序、堆排序或归并排序序。 快速排序：是目前基于比较的内部排序中被认为
2016-07-16 16:50:07
4770
转载 GET和POST
web 开发常见问题--GET POST 区别首先，get和post是什么？ －－两种 HTTP 请求方法：GET 和 POSTHTTP Request MethodsGET、POST 专业名称是 HTTP Request Methods。但 HTTP Request Methods 不只是 GET 和 POST，完整列表如下：GETPOSTPUTDELE
2016-07-16 16:06:57
677
原创 CSRF攻击及防御措施
CSRF，跨站请求伪造，简单来说是盗用用户的身份，以用户的身份发送恶意请求，比如以用户的身份进行银行转账等。原理：用户登录信任网站A，并生成本地cookie，在没有登出A的情况下，访问了危险网站B，B网站中要求访问第三方站点，发出request请求，浏览器带着A产生的cookie访问。防御措施：a.在请求地址中添加token并验证在请求中放入攻击者不能伪造的信息，并且该信息不在co
2016-05-07 16:33:12
4897
原创 CSS优先级问题
最近有接触到优先级的相关题目，在这里做一个简单的总结。在常用的选择器中，优先级顺序依次为：内联样式 > id选择器 > 类选择器 > 标签选择器我们这样定义他们的权重，定义内敛样式为1000，那么id选择器为100，类选择器为10，标签选择器为1，也就是我们在判断样式的优先级时，对应的标签权重相加，得到的越大，越优先。如下html代码：test下面是css1
2016-04-26 20:12:13
498
原创 XHR2.0
XMLHttpRequest2.0是XHR的新版本，针对老版本的XHR对象的问题作出了很多的改进1.可以设置HTTP请求时限增加timeout属性，设置http请求时限xhr.timeout = 3000;指定了最长等待时间为3000毫秒，过了这个时间之后，会停止请求。xhr.ontimeout = function(event){alert("请求超时");}xh
2016-03-23 22:40:29
1549
原创 对ajax的理解
这几天在面试过程中也有被问到过ajax的相关问题，现在来简单做一个总结。首先ajax是Asynchronous JavaScript and XML的全称，Asynchronous是异步的意思，这跟传统的web不同。什么是同步什么是异步？同步，是发送方发送数据之后，必须等接收方接收数据必须做出回应之后，才可以进行下一步。异步的话则是发送方发送数据之后不需等接收方做出回应，可以进行下
2016-03-19 17:25:39
9135
2
原创 web网站常见攻击方式之XSS
XSS-----------跨站脚本攻击在Web页面中插入恶意代码，用户在浏览该页面时，恶意代码被执行，从而达到恶意用户的目的。一般由于对用户输入没有严格的控制，直接输出页面，可能受到XSS攻击，是一种对非预期输入的信任。XSS危害：窃取各类用户账号，窃取数据，非法转账，挂马等。。。分类1.存储型（持久型）会把攻击者的数据存储在服务器端，会一直存在。例如：攻击者可以
2016-03-18 20:03:14
1002
转载 【web必知必会】——图解HTTP
阅读目录 关键词概念 报文格式 http请求方式 无状态 持久化 管道化 内容编码 多部分对象集合 范围请求 参考 本篇总结关于http的相关知识，主要内容参考如下导图： 主要讲解的内容有： 1 URL与URI的区别。 2 请求报文与相应报文的内容。 3 GET与POS
2016-03-17 20:29:15
666
原创 ajax跨域问题
首先什么是跨域？跨域是指从一个域名的网站下请求另一个域名网站的资源，比如从a.com下去访问b.com的资源，这就是跨域请求。JavaScript处于安全考虑，不允许跨域调用其他页面的对象。什么是同源策略？同源策略是浏览器最核心的安全功能，如果缺少了同源策略，浏览器的正常功能可能会受到影响。同源策略指的是域名、端口、协议相同，其中有一个不同，就属于跨域。如：http://www
2016-03-17 18:59:41
404
原创 图片延迟加载技术
使用jquery的方式：首先载入jquery文件之后需要修改需要延迟加载的img标签把真实地址写到data-original属性中，而src属性换成占位的图片地址。最后调用lazyLoad$('img .lazy').lazyload();
2016-03-07 17:40:04
475
原创 怎样提交表单但是不刷新页面
今天在某知名公司面试的时候，被问到了这个问题，现在来重新完整的总结一下。可以利用iframe来实现具体做法是：在form表单后面添加iframe元素点保存提交事件里面需要将target改为iframe的名字:document.forms[0].target="rfFrame";
2016-03-02 17:08:54
1088
原创 HTML5新特性
HTML鲜明的特点是语义化标签，如header、footer、section、article、nav、aside等。语义化标签的好处：1.当没有样式或样式丢失时，页面能呈现良好的的结构；2.能与搜索引擎建立良好的关系；3.便于其他设备解析；4.便于团队合作维护。新增一些表单控件，canlender、data、time、email、url、search等正则表达式（本地可以判断）可拖拽属
2016-02-29 17:10:55
357
原创 css选择器
1.id选择器(#idName)2.类选择器(.className)3.标签选择器(p div a)4.后代选择器（li a）5.属性选择器(a[rel='...'])6.相邻选择器(h1+p)7.子选择器（ul8.通配符选择器（*）9.伪类选择器（a:hover，li:nth-child）可继承的样式：font-size font-family c
2016-02-27 16:24:36
328
原创 面向对象程序设计——理解对象
面向对象语言的标志是有类的概念，但是ECMAScript中没有类的概念。ECMA-262把对象这样定义：无序属性的集合，其属性可以包含基本值、对象或函数。严格的说，对象是一组没有特定顺序的值。对象的每一个属性或方法都有一个名字，而每个名字都映射到一个值。创建对象：var person = new Object();person.name = "Tom";person.age =
2016-02-27 16:11:27
473
原创 原型链
许多面向对象语言都支持两种继承：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。JS中，由于函数没有签名，无法实现接口继承。JS只支持实现继承，而主要依靠的就是原型链。基本思想：利用原型让一个引用类型继承另一个引用类型的属性和方法。 每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。假如我们
2016-02-27 16:09:17
755
原创 css精灵（雪碧图）
css sprites是指把网页中的很多的小图片（很多图标文件）做成按规律排列的一张大图上，在显示的时候通过background-image、background-position显示图片特定部分达到和分散的一张张小图片一样的效果。优点：a.提高页面的下载速度：页面中的图片文件等外部文件都要单独下载，图片文件时另外进程来下载的，并且不同的浏览器会对一次下载图片的数量有所限制，要是页
2016-02-27 16:06:04
791
原创 响应式布局（ responsive design）和自适应设计（adaptive design）
自适应是为了解决如何在不同大小的设备上呈现同样的网页（网页的主题和内容不改变）响应式的概念覆盖了自适应，而且涵盖的内容更多。自适应暴露的一个问题，如果屏幕太小，即使网页能够根据屏幕大小进行适配，但是会感觉在小屏幕上查看内容太过拥挤。响应式正是针对这个问题衍生出的概念。它可以自动识别屏幕宽度、并做出相应调整的网页设计、布局和展示的内容可能会有所改变。实现方法：1.允许网页宽度
2016-02-27 16:05:39
5559
原创 从输入URL到整个网页加载完毕及显示在屏幕上的整个流程
输入地址浏览器查找域名的IP，这一步包括DNS具体的查找过程，，，浏览器向web服务器发送一个HTTP请求服务器的永久重定向相应（从http://xxx.com到http://www.xxx.com）浏览器跟踪重定向地址服务器处理请求服务器返回一个HTTP响应浏览器显示HTML浏览器发送请求过去嵌入在HTML中的资源（如图片、音频、视频、css、js等）浏览器发送异步请求
2016-02-27 16:04:31
3474
原创 常见浏览器兼容问题
基本概念：浏览器兼容性问题又被称为网页兼容性或网站兼容行问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间兼容性问题。在网站的设计和制作中，做好浏览器兼容，才能让网站在不同的浏览器下都显示正常，而对于浏览器软件的开发和设计，浏览器对标准的更好兼容能够给用户更好的使用体验。产生原因：因为不同浏览器使用内核（根本原因）所支持的HTML等网页语言标准不同；以及客户端的环境不同（如分辨
2016-02-27 16:03:55
522
原创 link @import
link中rel属性规定当前文档与被链接文档之间的关系。如表示被链接的文档是一个样式表。type属性规定被链接文档的MIME类型，比如最常用的是text/csshref表示链接链接文档的地址。1.link属于XHTML（可扩展标记语言，被识别，link是XHTML标签，没有兼容性问题4.link方式的样式权重比@import高语法比HTML更严格）标签，而@import
2016-02-27 16:03:20
362
原创 有关doctype声明
提示：声明没有结束标签，声明对大小写不敏感文档模式主要由两个作用：1.告诉浏览器使用什么样的html或xhtml规范来解析html文档。2.对浏览器的渲染模式产生影响；不同的渲染模式会影响到浏览器对于css代码甚至是js脚本的解析，所以Doctype是非常关键的，尤其是在IE系列浏览器中，由DOCTYPE所决定的HTML页面的渲染模式至关重要。两种渲染模式：BackCompat
2016-02-27 16:02:55
559
原创 盒子模型
由content、padding、border、margin组成盒子模型W3C标准和IE标准有两个不同点，对于计算width时，W3C标准的width值是content本身的width。IE标准中，width值为content+padding+marginbox-sizing属性content-box||border-boxcontent-box : p
2016-02-27 16:01:52
347
原创 执行环境及作用域
执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个变量中。 全局执行环境是最外围的一个执行环境。在web浏览器中，全局环境被认为是window对象，因此所有全局变量和函数都是作为window对象的属性和方法创建的。某个执行环境中的所有代码执行完之后，该环境被销毁，保存在其中的所有变量和函
2016-02-27 16:00:33
536
原创 事件模型：事件冒泡、事件冒泡、事件委托
事件冒泡：IE的事件流叫做事件冒泡，即事件开始由最具体的元素（文档中嵌套层次最深的哪个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。举例： Event Bubbling Example click me如果单击div元素，则事件的传播顺序：1）div2）body3）html4）document
2016-02-27 15:59:24
432
原创 apply()和call()
call()方法：语法：call（thisObj,arg1,arq2）;(传递给函数的参数必须逐个列举出来)定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call方法可以用来代替另一个对象调用一个方法。call方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。如果没有提供thisObj参数，那么Global对象被用作thisObj。
2016-02-27 15:58:35
422
原创 闭包
闭包是指有权访问另一个函数作用域中的变量的函数。特点：1.函数嵌套函数 2.内部函数可以引用外部函数的参数和变量 3.参数和变量不会被垃圾回收机制收回。好处：1.让变量的值始终驻扎在内存中 2.避免全局变量的污染 3.私有成员的存在使用注意点：1）由于闭包会使得函数中的变量都被保存在
2016-02-27 15:55:32
429
原创 变量声明提前和函数声明提前
JavaScript解析器在向执行环境加载数据时，会将当前作用域中所有声明的变量和函数都会放到作用域的开始处。但是只有变量的声明被提前到作用域的开始处了，而赋值操作被保留在原处。
2016-02-27 15:51:54
848
原创 数组中各方法
（一）创建数组的方法（两种方法）a.构造方法var newArr = new Array();var colors = new Array(3);var people = new Array("Xiao","Xuan","Ting");b.数组字面量方法var newArr = []; //创建一个空数组var colors = ["red","yellow"]
2016-02-27 15:51:05
526
原创 String类型相关方法
（一）创建方法var newString = new String("hello world");(二)字符方法a.charAt()方法 //返回指定位置的字符var stringValue = new Strig("hello world");alert(stringValue.charAt(1)); //eb.charCodeAt()方
2016-02-27 15:30:50
405
原创 纳新宣传网页总结
这周写了一个关于协会纳新宣传的移动端页面，第二次接触移动端，比第一次做用起来稍微能得心应手。页面采用全屏滚动式，使用了fullPage框架，还引用了针对移动端响应式的bootStrap框架，bootStrap框架已经是第二次使用，所以还是很顺利的，栅栏排版用的比较多一些。下面谈谈这次小项目的心得。首先针对移动端，使用了h5和css3。主要用到css3中的媒体查询，第一次使用这个，开
2016-02-27 14:04:15
702
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人