Coolert Blog

Keep calm and carry on

CSS3 基础与响应式

CSS3 basic and responsive

选择器 CSS3的选择器的一部本用法和jquery抓取元素类似,这里只介绍一下特殊的 文本选择器 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 //为文本的第一行设置样式 p:first-line{ color = "red"; } //为文本首字母设定样式 p:first-letter{ font-size:20px; } //在选中元素...

Posted by Lv Hui on May 15, 2014

HTML5 web storage

HTML5 web storage

Web storage特点 Web Storage与session和cookie类似，Web Storage也有分两类sessionStorage和localStorage，这两个差别就跟session和cookie一样，sessionStorage关闭浏览器后过期，localStrage不会过期，但是跟cookie不一样的是没有过期时间。 容量大，5M~10M 不会随着回话来...

Posted by Lv Hui on May 14, 2014

HTML5 画布

HTML5 canvas

canvas canvas用来定义一块画布,在js中进行绘制 canvas不能用css设置宽高 定义画布 1 2 3 <canvas width='500px' height='500px' id='canvas'></canvas> //js获得画布对象 var c = document.getElementById('canvas').getContext(...

Posted by Lv Hui on May 13, 2014

HTML5 音频与视频

HTML5 audio and video

音频元素 audio标签 嵌入音频 1 2 3 4 5 6 //control显示控制条,loop循环播放,autoplay自动播放 <audio src="音频地址" controls="controls" loop="loop" autoplay="autoplay"></audio> <audio controls="controls" loop="...

Posted by Lv Hui on May 12, 2014

HTML5 基础

HTML5 basis

全局属性 contenteditable属性,允许编辑文档内容 1 <p contenteditable="true">Hello</p> hidden属性,隐藏该元素 1 <p hitdden>Hello</p> 语义化的新标签 article标签,用于显示文章 section标签,给内容文章进行分区分块 nav...

Posted by Lv Hui on May 11, 2014

jQuery ajax

jQuery ajax

jQuery中发送ajax请求 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $(function(){ $.ajax({ url:'receive.php', //数据发送地址 type: 'post', //数据传输方式 data:{menu:1}, //需要传送的数据 dataType:'json', //返回的数据格式 succ...

Posted by Lv Hui on May 10, 2014

jQuery 基本操作

jQuery basic operate

链式操作 jquery可以用链式调用,节约很多代码 元素的显示与隐藏 1 2 3 4 5 6 7 8 9 10 11 12 13 //改变css的diplay属性 $('#box').css('display':'none'); //隐藏与显示方法 $('#box').hide(); $('#box').show(); //自动判读显示与隐藏切换 $('#box').toggle(...

Posted by Lv Hui on May 9, 2014

jQuery 选择器与筛选

jQuery selector and filter

选择器 除伪类选择器外,所有的css选择器都可以在jQuery中使用 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 //选择#a中所有的子类p标签 $("#a>p")...

Posted by Lv Hui on May 8, 2014

javascript 闭包与this的指向

javascript closure and this direction

闭包 从外部读取局部变量 子函数可以读取父函数内部声明的局部变量 1 2 3 4 5 6 7 8 9 function f1(){ var n = 123; function f2(){ alert(n); } return f2; } var result = f1(); result(); //123 其中f2函数就是闭包,f2被赋予了全局变量result,而f2又...

Posted by Lv Hui on May 7, 2014

javascript 事件对象与日期对象

javascript event object and date object

事件对象 用来记录事件发生时的相关信息的对象 只有放事件发生的时候才产生,只能在处理函数内部访问 处理函数运行结束时自动销毁 获取事件对象 1 2 3 4 5 6 7 8 9 10 11 var box = document.getElementById('box'); //IE box.onclick = function(){ var ev = window.eve...

Posted by Lv Hui on May 6, 2014

FEATURED TAGS
HTML PHP JS CSS MySQL CSS3 HTML5 Lnmp jQuery 随想 Linux Nginx linux macOS phpstorm xdebug
ABOUT ME

现役程序员
A Coder.