![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端
文章平均质量分 60
IT_Surfer
现状不可怕,可怕的是没了方向
展开
-
无意中实现的一种效果
此处是否能显示这个是什么效果呢第一步生成打开网页第二步将鼠标移上去第三步点击按钮第四步鼠标点击后移下去再移上来原创 2015-01-24 20:29:46 · 465 阅读 · 0 评论 -
自适应网页设计
自适应网页设计(Responsive Web Design)作者: 阮一峰日期: 2012年5月 1日随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素转载 2015-03-03 21:15:24 · 614 阅读 · 0 评论 -
持续更新-jQuery发微(三)-H5<video>设置高宽
在HTML5中的标签,本身是带有width和height属性的,在设置这些属性值的时候,如果想要直接设置它得width和height,数字不能加任何单位类似:video.width=“XXXpx”;video.height=“XXXpx“;这样是得不到你要的效果,即使代码没有报错。原创 2015-03-24 22:08:05 · 1166 阅读 · 0 评论 -
持续更新-jQuery发微-关于jQuery和JS原生混用的方法
关于$(" ")一直单纯的理解为获取一个对象,但是对于对象的具体类型却没有在意,知道某天碰到了一个问题。背景:想要在上面画一个矩形。 点击画矩形 $(document).ready(function(){ $("#button1").click(function(){原创 2015-03-26 21:50:46 · 2197 阅读 · 0 评论 -
如何做一个统计网页访问量的功能
在H5中,由于提供了相应的web客户端存储数据的方法,所以不用利用传统的追踪cookie的方法,实现更加高效,简单。 HTML5中两种web存储的方法: localStorge-提供没有时间限制的web存储,每次访问网页都会被记录存储 sessionStorage-针对一个session的web存储,只记录当前session的访问记录,关闭网页即恢复原创 2015-03-27 21:01:15 · 20499 阅读 · 2 评论 -
可伸缩矢量图形(SVG)样式的设置
在设置SVG的样式时候,有很多办法,下面作者就科普一下自己在学习过程中使用的一些方法:以化一个矩形为例,样式:内部填充为蓝色,边为黄色,边宽为2px,具有圆角相同部分的代码: //此svg文件并非是独立的文件,具有外部引用文件,所以属性standalone应该设置为“no”"http://www.w3.org/Graphics/SVG/1.1/DT原创 2015-04-07 21:31:23 · 662 阅读 · 0 评论 -
JS基本类型和引用类型的区别
按照CEMA-262第3版的定义,JS变量松散类型的本质,决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在必须定义变量数据类型的规则,变量的值及其数据类型可以在脚本生命周期内改变。尽管从某种角度看,这可能是一个既有趣又强大,同时又容易出问题的特性,但js变量实际的复杂程度还远不止如此。 ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值。转载 2015-04-12 16:13:34 · 761 阅读 · 0 评论 -
如何在JS字符串中引用变量
在JS中有时候我们需要在字符串中引入变量。如果直接在“xxxxx”中间写入变量,则变量将被当作普通字符处理。下面结合我在学习JS过程中碰到的实际问题,解释一下如何在字符串中引用变量。实现效果:我要实现一个矩形div3D旋转的效果,JS代码如下所示 var i=0; var a=true; function change(){ a=false;原创 2015-04-16 15:58:59 · 11023 阅读 · 0 评论 -
HTML5-2D版Baymax
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> BigBai xmlns="http://www.w3.org/2000/svg" > fill="rgb(242,247,250)" stroke="gray" stroke-opacit原创 2015-04-08 20:33:21 · 607 阅读 · 0 评论 -
JS里面的正则表达式教学
本文目标30分钟内让你明白正则表达式是什么,并对它有一些基本的了解,让你可以在自己的程序或网页里使用它。 如何使用本教程最重要的是——请给我30分钟,如果你没有使用正则表达式的经验,请不要试图在30秒内入门——除非你是超人 :)别被下面那些复杂的表达式吓倒,只要跟着我一步一步来,你会发现正则表达式其实并没有你想像中的那么困难。当然,如果你看完了这篇教程之转载 2015-05-08 17:31:05 · 662 阅读 · 0 评论 -
JS里面的元字符代表的含义
全部元字符如下(好像没有&,不过正则表达式有很多种的,这个是在JScript里面的):$ 匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性,则 $ 也匹配 '\n' 或 '\r'。要匹配 $ 字符本身,请使用 \$。( ) 标记一个子表达式的开始和结束位置。子表达式可以获取供以后使用。要匹配这些字符,请使用 \( 和 \)。* 匹配前面的子表达式零次转载 2015-05-08 16:59:42 · 935 阅读 · 0 评论 -
关于JS里面寄生构造函数
在JS里面,有一种类似工厂模式的定义对象方法——寄生构造函数模式,如下所示: 其实,除了使用new操作符来定义新的对象,以及将其称之为构造函数之外,其他和工厂模式定义一模一样。那么这个寄生构造函数到底是为了什么呢?我们看一个例子: 我们定义一个Array的引用类型,并且初始化 var colors=new Array("red","blue"原创 2015-05-04 16:55:58 · 2385 阅读 · 2 评论 -
Jquery里面三个文档操作方法比较-empty(),detach()和remove
Jquery里面有三种常用的文档操作方法去控制一个标签内容在DOM里面消失,分别是empty(),detach()和remove()。对于每个方法运用后的表面效果是一样的,但是实际上的每个方法对DOM操作以后产生的影响各不相同。下面小编结合实例对三个方法一一说明。为了配合说明,下面是整个操作对象-DOM文件一、empty(),detach()和remove()用法介绍1、empty原创 2015-05-29 09:39:15 · 1145 阅读 · 0 评论 -
关于前端开发的一点醒悟(初学者,大牛绕道了,以免笑的爬不起来)
这是一个初学者的在经历了无数次的苦思幂想之后的潘然醒悟,请允许我这么说,因为对于一个初学者来说,一点小的收获可以“手足舞蹈”一个下午了。哦,恰好因为我是下午悟出来的(此处可以有笑声若干)言归正传。接触了HTML有一周左右的时间了,可能是自己感兴趣并且和自己的职业生涯相关,所以开始看那些觉得做的不错的网站的源码。看了很多,发现一个问题:就是网页上呈现出的文字,有时候我们在源码中,找不到其影子!原创 2014-12-27 15:30:23 · 505 阅读 · 0 评论 -
关于object.innerHTML的一点发现
有时候我们想要用object.innerHTML来作为条件,通过条件判断来实现我们想要达到的效果,但是往往会出错,或者没有效果显示,今天我就我遇到的问题以及解决方法,做个总结:我想实现这么一个效果,在一个区域点击以后实现如下效果:开始区域的内容是1,点击以后在下一行显示2,再次点击下一行显示3,再次点击整个区域只显示4,再次点击整个区域只显示5,再次点击整个区域消失条件判断是这么写的原创 2015-01-25 17:32:13 · 1157 阅读 · 0 评论 -
【转载】JS创建类和对象
JS创建类和对象本文链接:http://www.cnblogs.com/tiwlin/archive/2009/08/06/1540161.html JavaScript 创建类/对象的几种方式在JS中,创建对象(Create Object)并不完全是我们时常说的创建类对象,JS中的对象强调的是一种复合类型,JS中创建对象及对对象的访问是极其灵活的。JS对象是一种复转载 2015-01-27 16:54:53 · 431 阅读 · 0 评论 -
用CSS画三角形
最近我想修改一下这个网站,我想在上面放置一个提示框。这是很容易,但我想让提示框上有一个三角形的箭头。可是,一想到这需要使用图片,并且各种颜色,各种方向的箭头要准备无数种,这几乎是一种灾难。幸运的是,MooTools的核心开发着Darren Waddell告诉了我一个非常棒的技术:用CSS绘制三角形箭头。使用纯CSS,你只需要很少的代码就可以创作出各种浏览器都兼容的三角形箭头!观看演示转载 2015-01-23 21:15:28 · 477 阅读 · 0 评论 -
html5中的语义化标签
1、html5中的语义化标签?article-- 解释 article标签装载显示一个独立的文章内容。例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户评论等等 artilce可以嵌套,则内层的artilce对外层的article标签有隶属的关系。例如,一个博客文章,可以用article显示,然后一 些评论可以以article的形式嵌入其中。-- 示列转载 2015-01-13 16:52:51 · 521 阅读 · 0 评论 -
关于前端面试中的一些常见问题-CSS(欢迎补充)
1、class和id的区别class在一个CSS文件当中不是唯一的,同一个class名可以对应不同的元素标签,但是id在整个文件当中是唯一的。一般一个对象在整个文件中有唯一的属性的时候,应用id较好,因为可能在JS脚本里面进行获取和定义,一般用于样式的设计的我偏向于使用class,这样整个代码量不至于太过复杂原创 2015-01-13 16:19:02 · 501 阅读 · 0 评论 -
关于float的一些介绍
10、css布局 1、默认按文档流的顺序 2、浮动布局方式float:none/right/left; 浮动是将块元素的霸道属性独占一行的行为取消,允许别人与其一行,即将这个块从原来的文档流模式中分离出来,它后面的对象就视它不存在。(float:left;在IE6、7中会出现兼容性问题) 浮动浮动,先浮后动 浮动之后会对父元素或者后面的元素产生影响: 要清除对父元素或者后转载 2014-12-29 17:01:08 · 564 阅读 · 0 评论 -
个人心得:前端开发中注意不要乱放结束标签
在编写html文件过程中,为了美观,我们可能将结束标签单独放一行,但是有时候我们发现网页效果并不是我们想要的结果。这时候可能的原因就是在你影响的区域,你将结束标签可能单独放在一行了,这时候网页的显示效果同样是给你空一行,所以你要把结束标签紧跟在你写的“代码”的后边这样就可能解决一些问题。一下两张为将结束标签单独占用四行,每行一个的结果和紧跟在代码后面额网页效果图原创 2014-12-29 16:46:06 · 669 阅读 · 0 评论 -
关于JS里面创建对象的一点总结
在JS里面我们经常用到对象,包括数字,数组,字符串,日期等等,对象无非就是属性和方法的数据。对象可以通过构造函数(new +普通函数)进行创建,var num=new Number();var num=Number(value);其中value就是该对象的值尽管有时候我们没必要这么做,可以直接通过调用对应的函数来达到目的,比如Number(),String(),Array(),Bool原创 2015-01-27 10:51:15 · 714 阅读 · 0 评论 -
关于JS的一点心得
JS是一种顺序执行的程序语言,所以写程序的时候要注意命令的前后顺序,否则可能达不到我们想要的结果。比如: function test() { try { var x=document.getElementById("number").value; if (x=="") throw "值为空,原创 2015-01-23 10:28:56 · 468 阅读 · 0 评论 -
github使用指南
4.10 服务器上的 Git - Git 托管服务Git 托管服务如果不想经历自己架设 Git 服务器的麻烦,网络上有几个专业的仓库托管服务可供选择。这样做有几大优点:托管账户的建立通常比较省时,方便项目的启动,而且不涉及服务器的维护和监控。即使内部创建并运行着自己的服务器,同时为开源项目提供一个公共托管站点还是有好处的 — 让开源社区更方便地找到该项目,并给予帮助。目转载 2015-01-24 20:02:52 · 631 阅读 · 0 评论 -
数据与产品经理
产品经理职责中非常重要的一环就是产品的规划和设计,包括前期的调研,锁定产品要满足核心需求,确定目标用户,原型的设计,到交付给UI和工程师做出第一个版本,以及后期的版本迭代,这些过程中,数据常常被忽略了。可能很多人认为,数据这种理性的东西不适用于设计和规划这个行业,尤其对于设计来说是一种感性的过程,因为我们是为了满足用户目标群体的某一个需求去进行的。它不同于艺术,一种对身边事物激发灵感后思维的迸发。原创 2015-01-24 19:01:45 · 553 阅读 · 0 评论 -
CSS中id和name的区别
ID和Name都可以用来标识一个标记,Javascript分别有两个方法getElementById和getElementByName来定位Dom节点。 区别如下: 1、我们知道在网页做Post提交时,是以Form(即表单域)为单位进行提交的,一个Form里有若干个表单对象(如),同一个页面里可以为多个Form(Asp.net不同,它只允许有一个,且名字必须为Form1),在表单表提转载 2015-01-23 16:41:59 · 1758 阅读 · 0 评论 -
模仿360主页实现的两种方法-frameset
360导航,新一代安全导航 a:link, a:visited { color:black; text-decoration: none; } a:hover { color:red;原创 2015-01-10 15:09:47 · 747 阅读 · 0 评论 -
关于包含超链接的字体的样式设置
定义链接样式 CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是: :link :visited :hover :active 因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法转载 2014-12-30 16:36:37 · 636 阅读 · 0 评论 -
关于H5中自定义属性的设置和获取
自定义数据属性是在HTML5中新加入的一个特性。简单来说,自定义数据属性规范规定任何以data-开头属性名并且赋值。自定义数据属性是为了保存页面或者应用程序的私有自定义数据,这些自定义数据属性保存进DOM中,对于整个DOM的布局和表现无任何影响,但是却可以方便操控整个网页的交互以及想要表达的效果。 比如我们想要统计一个页面玩家的排行榜,但是DOM页面的原生标签并没有提供这样的一原创 2015-05-19 16:24:01 · 15767 阅读 · 0 评论