Web前端
-Sloth-
脚踏实地 仰望星空
展开
-
JS数组
数组的定义方式: (1) var arr = new Array();或者var arr = new Array(4); (2) var arr = new Array("one","two"); (3)var arr = ["one","two"];数组中最常用的方法为length,它表示数组占用内存空间数目,并不是存储数据的个数。例如:当我们使用delete原创 2016-09-06 21:34:08 · 355 阅读 · 0 评论 -
JS的BOM对象
BOM对象就是Browse Object Model。Window对象的方法alert(“”) 显示带有一段消息和一个确认按钮的警告框。 confirm(“”) 显示带有一段消息以及确认按钮和取消按钮的对话框。 prompt(“”) 显示可提示用户输入的对话框。 open(“url”,”name”) 打开一个新的浏览器窗口或查找一个已命名的窗口。showModalD原创 2016-08-14 14:48:48 · 321 阅读 · 0 评论 -
javascript中setTimeout()和setInterval()的区别
setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式; 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭; 两个函数的区别在于它们的执行次数不一样, setTimeout()只执行一次;而setInterval()无限次循环执行。 使用clearTimeout(t);和clearInte原创 2016-08-13 20:27:54 · 838 阅读 · 0 评论 -
JS实现简单的显示时间
通过JS实现在页面中显示当前的时间和显示停留在页面的时间。 function time() { var date = new Date(); var year = date.getFullYear(); var month = date.getMonth(); var day = date.getDate(); var house = date.get原创 2016-08-13 16:35:45 · 3994 阅读 · 0 评论 -
CSS3多列布局——columns用法
为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module)。它主要应用在文本的多列布局方面,这种布局在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的效果还是有相当大的难度,庆幸的是,CSS3的多列布局可以轻松实现。实例: .no1 {原创 2016-08-12 21:00:05 · 1796 阅读 · 0 评论 -
CSS3属性(3):nth-child()属性
在进行选择时,我们会经常用到nth-child()属性,使用此属性,可以实现对一个或者多个的选择。 1 2 3 4 5 6 7 8 css:li:nth-child(4){ color: crimson; }结果:当css为:li:nth-child(2n+1){ color原创 2016-08-10 20:23:45 · 2147 阅读 · 0 评论 -
利用canvas实现弹力球效果
var ball = {x:612,y:100,r:20,g:2,vx:-4,vy:0,color:"#005588"}window.onload = function(){ var canvas = document.getElementById("canvas"); canvas.width = 1024; canvas.height = 768; var context = can原创 2016-08-07 22:55:29 · 2000 阅读 · 5 评论 -
CSS属性(2)——text-indent 属性
text-indent 属性规定文本块中首行文本的缩进,也允许使用负值。如果使用负值,那么首行会被缩进到左边。示例:北京时间8月7日,美媒CheatSheet分析了骑士新赛季卫冕冠军的难度,认为他们有三大优势护体,完全配得上夺冠大热的称号。骑士上赛季打破了克利夫兰52年的冠军荒,如今外界所关注的便是他们能否卫冕冠军。勒布朗-詹姆斯、凯里-欧文和凯文-乐福的三巨头还在,但由于联原创 2016-08-07 18:45:20 · 4762 阅读 · 4 评论 -
CSS属性(1)——writing-mode属性和direction属性
在css中writing-mode和direction都是用来控制文本的展示方向的,但是他们两者又存在区别。在writing-mode中参数有 lr-tb(左右-上下) tb-rl(上下-右左),在西方国家的书写方式通常是左右-上下,但是在亚洲国家,譬如中国的古诗从右到左,writing-mode属性就体现出来啦!示例: 登鹳雀楼白日依山尽,黄河入海流.欲穷千里目,更上一层楼。原创 2016-08-07 16:07:27 · 1410 阅读 · 0 评论 -
前端web开发命名规范
(一)主体头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点转载 2016-08-07 15:41:52 · 499 阅读 · 0 评论 -
JS中的event对象
Event对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。它是事件绑定中的一个隐藏参数,即实参,可以使用arguments[0]来获取。但是这样比较麻烦,所以我们采取传递一个形参来获取它。例如:var e = event || window.event;考虑到兼容性。三个属性:event.offsetX:鼠标相对于点击元素左边的水平距离位置原创 2016-08-27 17:23:26 · 6263 阅读 · 0 评论 -
JS中style、currentStyle、getComputedStyle的区别
在说到它们之间的区别时,我们首先说说层叠样式表的是三种形式:1,内联样式:在HTML标签用style属性设置 例如:内联样式2.嵌入样式 :通过标签内通过标签设置p {color:#456}3. 外部样式:通过标签设置p{{color:#456};区别:使用style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的。原创 2016-08-15 19:49:31 · 1067 阅读 · 0 评论 -
HTML5中新标签解释与用法
HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。转载 2016-08-15 17:38:40 · 519 阅读 · 0 评论 -
JS正则表达式
1.使用RegExp对象来创建,例如:varreg = newRegExp('abc');这样就创建了一个正则表达式,其中这种方法还有两个参数可选,如下:varreg = newRegExp('ab','ig');这两个参数被称为“模式修饰符”,其中“i”表示忽略大小写,“g”表示全局匹配,这里我们引入两个字符串的处理方法:str.match():用来查找字符串中特定的原创 2016-09-06 21:51:16 · 649 阅读 · 0 评论