new_life1207-CSDN博客

原创不落阁需要的接口

一路走来（博客的进程）分类导航、输入关键词搜索生活点滴个人信息（包括前端和后台两个人的）留言（自己想着写吧）

2018-06-25 23:35:39 427

原创 ajax本地跨域问题

当我们在本地进行类似于ajax的get或者post的操作时，通常都会报错报错信息：jquery.js:5785 XMLHttpRequest cannot load file:///C:/Users/alex/Desktop/testFIleUpload/rotate/jsonp/remote.js?code=CA1998&callback=flightHandler. Cro...

2018-03-01 14:10:35 616

原创高级程序设计——客户端存储

前言 Cookie 限制 cookie的构成 JavaScript中的cookie 子cookie 关于cookie的思考 IE用户数据 Web存储机制 Storage类型 sessionStorage对象 globalStorage对象 localStorage对象 storage事件限制 IndexedDB 数据库对象存储空间事务使用游标查询键范围设定游标方向索引并发问题前言属

2017-12-29 19:25:31 763

原创高级程序设计——离线应用

前言离线检测应用缓存前言开发离线Web应用需要的步骤：确保应用知道设备是否能上网应用还必须能访问一定的资源（图像、JavaScript、css等）必须有一块本地空间用于保存数据，无论能否上网都不妨碍读写离线检测 navigator.onLine属性。值为true表示设备能上网，false表示不能上网在不同浏览器间有差异，单独使用这个属性不能确定网络是否连通。即便如此，在请求发生错

2017-12-27 13:54:28 288

原创高级程序设计——高级定时器

前言重复的定时器 Yielding Processes 函数节流前言 JavaScript是运行于单线程的环境中的，而定时器仅仅只是计划代码在未来的某个时间执行。浏览器负责进行排序，指派某段代码在某个时间点运行的优先级可以把JavaScript想象成在时间线上运行的。当页面载入时，首先执行的是任何包含在<script>元素中的代码。在这之后，JavaScript进程将等待更多代码执行。当进程

2017-12-23 00:40:01 389

原创高级程序设计——跨域技术

一跨源资源共享 ie对CORS的实现其他浏览器对CORS的实现 Preflighted Requests 带凭据的请求跨浏览器的CORS 二其他跨域技术图像Ping JSONP Comet 服务器发送事件 SSE API 事件流 Web Sockets Web Sockets API 发送和接收数据其他事件三安全一、跨源资源共享默认情况下，xhr对象只能访问与包含它的页面位于同一个域中的

2017-12-09 20:47:04 438

原创高级程序设计——Ajax

一前言二XMLHttpRequest对象 XHR的用法 HTTP头部信息 GET请求 POST请求三XMLHttpRequest 2级 FormData 超时设定 overrideMimeType方法四进度事件 load事件 progress事件一、前言这一技术能够向服务器请求额外的数据而无须卸载页面，会带来更好的用户体验。 Ajax这一技术的核心是XMLHttpRequest对象（简称XH

2017-12-08 20:14:48 318

原创高级程序设计——JSON

前言 JSON是JavaScript的一个严格的子集，利用了JavaScript中的一些模式来表示结构化数据 JSON是一种数据格式，不是一种编程语言虽然具有相同的语法形式，但JSON并不从属于JavaScript 语法 JSON的语法可以表示三种类型简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript中的特殊值u

2017-12-04 18:27:49 343

原创表单脚本

表单的基础知识提交表单重置表单表单字段共有的表单字段属性共有的表单字段方法共有的表单字段事件文本框脚本选择文本过滤输入自动切换焦点 HTML5约束验证API 选择框脚本选择选项添加选项移除选项移动和重排选项表单序列化富文本编辑使用contenteditable属性操作富文本富文本选区表单与富文本表单的基础知识由于web表单没有为许多常见任务提供现成的解决办法，

2017-12-03 23:59:07 312

原创事件---模拟事件

前言 DOM中的事件模拟模拟鼠标事件模拟键盘事件自定义DOM事件 ie中的时间模拟前言事件经常由用户操作或通过其它浏览器功能来触发。但是，也可以使用JavaScript在任意时刻来触发特定的事件，而此时的事件就如同浏览器创建的事件一样。在测试Web应用程序，模拟触发事件是一种极其有用的技术. DOM中的事件模拟在document对象上使用creatEvent()方法创建event对象。参

2017-12-01 18:23:43 417

原创事件---内存和性能

前言事件委托移除事件处理程序前言添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能。原因是：每个函数都是对象，都会占用内存；内存中的对象越多，性能就越差必须事先指定所有事件处理程序而导致的DOM访问次数，会延迟整个页面的交互就绪时间事件委托对”事件处理程序过多“问题的解决方案就是事件委托。事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。va

2017-12-01 18:22:26 338 1

原创事件---事件类型

前言 UI事件 load事件 unload事件 resize事件 scroll事件焦点事件 6个焦点事件鼠标与滚轮事件 9个鼠标事件滚轮事件客户区坐标位置页面坐标位置屏幕坐标位置修改键相关元素鼠标按钮更多的事件信息鼠标滚轮事件触摸设备无障碍问题键盘与文本事件 3个键盘事件键码字符编码 DOM3级变化 textInput事件设备中的键盘事件复合事件 3种复合事件变

2017-11-30 21:16:02 1380

原创事件---事件对象

前言 DOM中的事件对象 IE中的事件对象跨浏览器的事件对象前言在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。DOM中的事件对象兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论指定事件处理程序时使用什么方法（DOM0/DOM2），都会传入event对象。在通过HTML特性指定事件处理程序时，变量event中保存着event对象

2017-11-28 21:47:58 231

原创事件---事件处理程序

前言 HTML事件处理程序 DOM0级事件处理程序 DOM2级事件处理程序 IE事件处理程序跨浏览器的事件处理程序前言响应某个事件的函数就叫做事件处理程序。事件处理程序的名字以“on”开头。为事件指定处理程序有好几种。 HTML事件处理程序某个元素支持的每种事件，都可以使用一个与相应事件处理程序同名的HTML特性来指定。这个特性的值应该是能够执行的javascript代码。 2.<inp

2017-11-28 21:47:03 272

原创事件---事件流

前言事件流事件冒泡事件捕获 DOM事件流前言javascript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流事件流描述的是从页面中接受事件的顺序。IE的事件流是事件冒泡流，而Netscape Communicator的事件流是事件捕获流。事件冒泡 IE的事件流叫做事件冒泡，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接

2017-11-28 21:45:02 823

原创判断滚动条是否到底部

需要三个值：窗口高度、滚动条高度、文档高度窗口高度表示为内容可视区域的高度 outerWidth和outerHeight在IE9、Safairi和Firefox中返回浏览器本身的尺寸。在Opera中，这两个属性表示页面视图容器的大小，而innerWidth和innerHeight则表示该容器页面视图区的大小（减去边框宽度），在Chrome中，返回相同的值。在IE、Opera、C

2017-10-29 22:06:50 875

转载 link和@import的区别

转自点击打开链接页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码 XML/HTML代码 @import url("CSS文件"); 两者都是外部引用CSS的方式，但

2017-09-19 20:17:09 467

原创 svg初学——渐变

svg渐变必须在标签中进行定义渐变是一种从一种颜色到另一种颜色的平滑过渡。可以把多个颜色的过渡应用到同一个元素上。线性渐变标签上述标签必须嵌套在的内部线性渐变分为：水平渐变：仅x1和x2不同垂直渐变：仅y1和y2不同角形渐变：x1和x2，y1和y2都不同例子<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBL

2017-09-19 19:06:13 430

在svg中，可用的滤镜有：feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix feDiffuseLighting feDisplacementMap feFlood feGaussianBlur feImage feMerge feMorphology feOffset feSpecularLighting f

2017-09-19 18:06:40 376

原创 svg初学——形状

矩形标签该标签可用来创建矩形，以及矩形的变种例子<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" versio

2017-09-19 01:17:29 622

原创 JS高级程序设计——BOM

window 对象全局作用域所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。虽然有上述说法，但是定义全局变量与在window对象上直接定义属性还是有一点差别：全局变量不能通过delete操作符删除，而直接在window对象上的定义的属性可以。因为用var语句添加的window属性有一个[[Configurable]]的特性，值被设置为false。尝试访问未声明的变量会抛

2017-08-07 16:29:10 301

原创 JavaScript——函数表达式

定义函数的方式有两种，一种是函数声明，一种是函数表达式函数声明它的语法是function fun(arg0,arg1,arg2){//函数体} name属性：可以访问到函数的名字。alert(fun.name);//"fun" 函数声明有一个重要特征：函数声明提升意思是执行代码之前会先读取函数声明，意味着可以把函数声明放在调用它的语句后面 sayhi(); function sayh

2017-07-31 15:12:15 318

原创 JavaScript——对象属性、创建对象、继承、原型链

一对象属性类型方法二创建对象工厂模式构造函数模式原型模式重点组合使用构造函数和原型模式最常见动态原型模式寄生构造函数模式不推荐使用稳妥构造函数模式适合安全环境三继承原型链借用构造函数组合继承最常用的继承模式原型式继承寄生式继承寄生组合式继承一、对象1. 属性类型有两种属性：数据属性、访问器属性用两对方括号括起来的特征值是内部值，不能直接访问

2017-07-22 21:54:51 363

原创原生JavaScript实现Ajax的使用

Ajax 是一种无需重新加载整个网页的情况之下能够更新部分网页的技术。异步请求，局部刷新。1.异步操作需要XMLHttpRequest对象。后台与服务器进行数据的交换，数据交换的同时不加载整个页面，可以对网页进行部分的更新。 2.XMLHttpRequest 对象实例化,创建XMLHttpRequest对象（需要判断网页）var request; if(window.XMLHttpReques

2017-07-15 12:09:13 730

原创单体内置对象

定义：不必显式的实例化内置对象。例如：Object、Array、String、Globel、Math1.Globel 对象不属于任何其他对象的属性和方法，最终都是他的属性和方法。所有在全局作用域中定义的属性和函数，都是Globel对象的属性。 URI编码方法encodeURI()主要用于整个URI，只对空格进行%20编码。 encodeURIComponent()主要用于URI中的某一段，会使

2017-07-14 11:03:19 288

原创网格系统

一、实现原理通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。二、工作原理数据行（.row）必须包含在容器(.container)中，以便为其赋予合适的对齐方式和内距（padding）。在行（.row）中可以添加列(.column)，但列数之和不能超过平分的总列数，比如12 具体内容应放放置在列

2017-05-25 20:52:01 490

原创 JS高级程序设计——基本包装类型

基本包装类型每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。var s1="some text"; var s2=s1.substring(2); || var s1=new String("some text"); var s2=s1.substring(2); s1=null;像这种后台自动创建的对象，生存期仅为一行代码的执行瞬间

2017-05-15 21:52:09 290

原创 JS高级程序设计——Function类型

Function 类型　　函数实际上是对象，具有属性和方法。函数名是一个指向函数对象的指针。函数的定义：函数声明语法: function sum(num1,num2) { return num1+num2; } 函数表达式: var sum=function(num1,num2) { retu

2017-05-11 01:50:54 299

new_life1207的博客