blue_86-CSDN博客

原创小谈H5 web本地数据存储

前言：说到本地数据存储，大家肯定都知道cookie，但是有个问题，cookie的问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javascript的用户不存在了一样。并且cookie每次都随请求数据发送到服务器端，这使得 cooki

2017-10-29 23:25:07 586

原创 jQuery解决冲突，及选择器

然而，当我们引入多个js库后，在另外一个js库中也定义了$符号的话，那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。第一种情况：jquery.js在prototype.js之后进行引入,如：在这种情况下,我们在自己的js代码中如下写的话：$('#msg').hide();$永远代表的是jquer

2017-11-04 15:28:09 459

原创 jQuery入门和响应式布局3种方法

jQuery是一个js库。里面封装了各种各样的js方法。用户在使用jQuery的时候，只需要调用jQuery里的方法，即可完成相对复杂的功能，没有必要自己去定义相关的方法。jQuery语法$(selector).action;jquery框架本身就是一个js文件，可以像导入普通的js文件一样导入jquery文件导入jquery文件以后，就可以使用jquery提供的各种各样的方法

2017-11-04 11:04:13 3457

原创 JS事件和JS对象

事件：onabort图像的加载被中断。onblur元素失去焦点。onchange域的内容被改变。onclick当用户点击某个对象时调用的事件句柄。ondblclick当用户双击某个对象时调用的事件句柄。onerror在加载文档或图像时发生错误。onfocus元素获得焦点。需要注意以下三个的先后顺序。onkeydown某个键盘按键被按下。 onkeypress某个键盘按键被按下并松开。onk

2017-10-29 20:59:34 201

原创 js HTML DOM对象

js中DOM对象非常重要，但是相对于部分操作来说会有些许麻烦，这时用针对HTML的DOM对象会让部分操作方便很多。例如对表格进行增删改。有时浏览器还会自动添加tbody，对子类的访问会造成困难。functionaddEle() {vartr= document.createElement("tr");vartda= document.createElemen

2017-10-25 08:48:24 681

原创 DOM节点操作

TIP：对于添加事件来说，可以脚本中编写添加事件循环，减少代码量，增加效率if(window.getComputedStyle)//通过属性的有无进行判断console.log(window.getComputedStyle(a).fontSize);// ie不支持elseconsole.log(a.currentStyle.color);//低版本ie支持，

2017-10-21 10:16:12 343

原创 js对象及DOM

对象：Windows里screen：对象包含有关用户屏幕的信息如可用宽度可用高度和宽高等；location：对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。/*基础路径：origin*安全协议：protocol*端口名称：hostname*端口号：port*查询内容部分：search*/functionassignPage()

2017-10-19 19:25:47 105

原创 JS入门（2）

js入门（2）:基本与其他语言想同，但是声明变量类型需要注意。注意arguments是一个对应于传递给函数的参数的类数组对象。属性：arguments.callee指向当前执行的函数。arguments.caller 指向调用当前函数的函数。arguments.length指向传递给当前函数的参数数量。其次

2017-10-18 08:56:24 134

原创初学JS

直译式脚本语言什么是JS1.基于浏览器2.基于对象3.基于事件4.脚本语言JS有3个组成部分ECMAscript 语法和基本对象DOM document object model 文档对象模型处理网页的方法和接口BOM browser object model 浏览器对象模型浏览器进行交互的方法和接口并不是相互独立，有间接的包含关系作

2017-10-18 08:34:50 140

原创 CSS后续

运用,，,,,效果等同与div，但是能更加方便地管理代码。选择器补充：属性选择器如p[id^=j]{color:cornflowerblue;}/*[id$=e]属性值以e结尾的*//*[id*=r]属性值有r的*/input[value= abc]{color:blue;}tip：/*:first-child:选中同

2017-10-10 17:56:42 172

原创 flex弹性布局

用display：flex可以给任意一个容器指定为flex布局。行内元素也可以使用 Flex 布局。.box{display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{display: -webkit-flex;/* Safari */display: flex;}容器主

2017-10-08 20:01:20 174

原创 css定位

1.相对定位position:relative;/*相对定位，相对于自己原来的位置进行定位1.如果是仅仅添加了相对定位的样式显示效果不发生变化2.如果添加了相对定位的样式position:relative显示效果不发生变化3.用z-index可以调整显示顺序4.原来的位置不会被其他元素占用*/2绝对定位position:a

2017-09-29 17:07:13 205

原创 css背景样式列表样式盒子模型浮动

1.对于背景的样式来说，背景图片的样式是重点，background-repeat控制背景图片是否重复background-size控制大小，contain不会失帧但是可能会不完全覆盖cover会导致图片的缺失百分之百可能会让图片失帧背景图片定位用background-position2.使用列表样式注意删除列表原始样式文本垂直居中要是行高等于容器

2017-09-27 18:47:12 285

原创 css优先级及css字体和table的部分属性

行内样式：应用较少，优先级高但是影响代码可观性可操作性行外样式：只能单个网页页面使用。外部样式：用link引入外部css文件，提高了复用性。行外样式和外部样式的引用遵守就近。css样式和引入的顺序有直接关系之外，还和css选择器的优先权有直接关系。其中内联样式最大为1000，id选择器为100，类选择器为10，元素选择器为1，不过这只应用于相同属性的

2017-09-23 14:41:48 825

原创列表标签和表格标签

列表标签有序列表无序列表（最多三层）定义列表引用预格式表格标签列组单列主要是属性的使用border:边界cellspacing单元格间距cellpadding文本与表格间距width 宽度height高度，不太建议使用可在cs

2017-09-20 18:41:46 319

原创 html5基本标签和快捷键使用

head标签：关键字及编码格式图标以及css标题body基本标签(块级标签)--引用预格式快捷键的使用：ctrl+d：删除单行ctrl+/：进行标记ctrl+shift+/：多行标记ctrl+alt+↓：复制ctrl+alt+l：快速格式

2017-09-19 10:05:34 5939

blue_86的博客