
Web前端
辛星
生命不息,奋斗不止。
展开
-
关于JavaScript中的delete
一、问题的提出 我们先来看看下面几段代码,要注意的是,以下代码不要在浏览器的开发者工具(如FireBug、Chrome Developer tool)中运行,原因后面会说明: 为什么我们可以删除对象的属性: 复制代码代码如下:var o = { x: 1 }; delete o.x; // true o.x; // undefined转载 2016-06-12 13:32:56 · 587 阅读 · 0 评论 -
对于jQuery中事件绑定的一点说明
对于事件的绑定,其实在1.7之后就已经建议使用on来绑定事件了,建议使用off来解绑事件。其发布地址是:http://blog.jquery.com/2011/11/03/jquery-1-7-released/ ,当然其实在知乎上还有一段讨论也蛮精辟的,这里来记录一下,下面的内容来自知乎。 本身两个提供的功能并不完全一样,正如文档中说的,.bind()只能对已有的元素绑定事件,原创 2016-04-20 00:13:10 · 374 阅读 · 0 评论 -
对于jQuery中$(xxx:not(xxx))的一个范例
代码如下: PHP Java C++ Swift $(document).ready(function(){ console.log($("input:not(:checked)").val()); }); 结果为3原创 2016-04-19 21:13:55 · 481 阅读 · 0 评论 -
用JavaScript判断颜色时候的一个细节
最近写代码的时候,也是之前没怎么遇到过,就记录一下。那就是在写判断颜色的时候,要在逗号后面加一个空格,比如判断红色,就是 'rgb(255, 0, 0)',下面直接来看一段带有jQuery的代码范例吧: 辛星教程网,迈向成功的第一步 $(document).ready(function(){ $("p").css("color","red"); $(原创 2016-04-19 10:00:13 · 1747 阅读 · 1 评论 -
辛星简述ul和li的常用样式
我们可以对ul使用list-style:none来取消列表前面的圆点。而margin:0px则通常用来删除ul的缩进。 而list-style-type是用来定义li列表的项目符号的,即列表前面的修饰,它是一个可继承属性。 而list-style-image则是用图片来代替项目符号,它是一个可继承属性。 而list-style-position是一个用来定义项目符号在列原创 2016-05-26 00:07:00 · 889 阅读 · 1 评论 -
整理的对象的分类
本地对象本地对象包括:Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError,本地对象就是 ECMA-262 定义的类(引用类型)。内置对象ECMA-262 把内置对象(原创 2016-04-18 11:06:25 · 999 阅读 · 0 评论 -
转载一段来自知乎的回答
作者:貘吃馍香链接:https://www.zhihu.com/question/20027966/answer/13727477来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。基于规则 %html.content "HEAD|BODY" HTML 标签的子元素只能是 HEAD BODY。但是浏览器对HTML(XHTML)均有容错机制。 错转载 2016-04-18 00:20:34 · 828 阅读 · 0 评论 -
浅析字体设置中的sans-serif
sans-serif无衬线字体,是一类字体,它在操作系统或者浏览器里是可以设置的,你可以把它设置成宋体,也可以设置成微软雅黑,而设置的这种字体肯定是当前系统里存在的字体,所以使用这个字体就一肯能显示出来,所以加上sans-serif就能保证调用。原创 2016-05-25 16:22:16 · 2763 阅读 · 0 评论 -
jquery的动画总结
1、show()显示效果 语法:show(speed,callback) Number/String,Function speend为动画执行时间,单位为毫秒。也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数。 show(speed,[easing],callback) Number/String easing默转载 2016-04-30 18:22:45 · 545 阅读 · 0 评论 -
自己编写的一本less教程
less作为一款不错的css预处理语言,在前端开发者中还是非常流行的,这里是其在百度网盘的下载地址:百度网盘 ,如果左边的超链接失效,也可以直接访问如下地址:http://pan.baidu.com/s/1o7BOF38 。 对于具体的less语法,这里就不赘述了,喜欢的朋友们可以直接查看奥。本来也想在csdn上传的,结果折腾了好久没有上传成功,因此这里暂时先不在csdn上传了,待之后再进原创 2016-05-16 00:17:34 · 797 阅读 · 1 评论 -
jQuery的鼠标事件的区分
mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。只有在鼠标指针离开被选元素时,才会触发原创 2016-04-21 01:24:51 · 498 阅读 · 0 评论 -
键盘事件说明
英文输入法: 事件触发顺序:keydown - > keypress - > keyup 中文输入法: firfox:输入触发keydown,回车确认输入触发keyupchrome:输入触发keydown、keyup,回车确认输入只触发keydownIE:输入触发keydown、keyup,回车确认输入触发keydown,keyupSafari:输入触发转载 2016-04-21 01:44:47 · 523 阅读 · 0 评论 -
梳理es中的几个基本概念
全文搜索引擎会用某种算法对要建索引的文档进行分析从文档中提取出若干Token(词元), 这些算法称为Tokenizer(分词器), 这些Token会被进一步处理, 比如转成小写等, 这些处理算法被称为Token Filter(词元处理器), 被处理后的结果被称为Term(词)。文档中包含了几个这样的Term被称为Frequency(词频)。 引擎会建立Term和原文原创 2016-06-05 06:01:43 · 1285 阅读 · 0 评论 -
JavaScript作用域
一:函数作用域 先看一小段代码:var scope="global"; function t(){ console.log(scope); var scope="local" console.log(scope); } t(); 第一句输出的是: "undefined",而不是 "global"第二讲转载 2016-06-05 05:20:49 · 338 阅读 · 0 评论 -
JavaScript中的hosting机制
http://openwares.net/js/javascript_declaration_hoisting.html 可能要FQ一下javascript的变量声明具有hoisting机制,JavaScript引擎在执行的时候,会把所有变量的声明都提升到当前作用域的最前面。先看一段代码12345var v转载 2016-06-05 05:13:12 · 934 阅读 · 0 评论 -
整理的JavaScript的数据类型
JavaScript有五种基本的数据类型(也可以说是简单数据类型),它们分别是:UndefinedNullBooleanNumberStringJavaScript还含有一种复杂数据类型—Object。1、typeof typeof这个关键字是一定要说的,因为javascript是松散类型的,在变量申明时并没有使用与之类型相对应的关键字,如果在代码中原创 2016-06-04 11:32:13 · 383 阅读 · 0 评论 -
整理的不同版本的默认的margin和
// body的margin值 firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px; Internet Explorer 6.0 ----------- body的margin为: margin:15px 10px 15px 10px; Internet Explorer 7.0 -----原创 2016-05-30 16:26:39 · 526 阅读 · 1 评论 -
jquery中的遍历函数
jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()转载 2016-04-22 00:12:00 · 593 阅读 · 0 评论 -
javascript中字符和ascii互换
char-->ascii "a".charCodeAt();ascii-->char String.fromCharCode(97);原创 2016-04-21 11:56:40 · 474 阅读 · 0 评论 -
浅析html中的自定义列表
定义列表的一般使用格式如下: DL是这个列表的一个容器,从语义上来讲,DT是名称,是标题,而DD是解释,是内容。DT与DD都是盒子,DD只对应解释他上面的一个DT,不能越级或是向下解释。当DT不存在的时候那么DD也就没有存在的意义,而DT是否一定需要DD跟随其后.原创 2016-05-05 10:54:06 · 1158 阅读 · 0 评论 -
一篇很不错的介绍jquery的上下文的文章
了解了jQuery对DOM进行遍历背后的工作机制,可以在编写代码时有意识地避免一些不必要的重复操作,从而提升代码的性能从这章开始慢慢插入jQuery内部一系列工具方法的实现关于jQuery对象的包装var $aaron = $("aaron");通过对sizzle的分析呢,jQuery选择器,反正最终都是通过dom接口实现取值的, 但是通过jQuery处理后返回转载 2016-04-25 23:18:14 · 1240 阅读 · 0 评论 -
jquery对原生方法的使用
var deletedIds = []; var slice = deletedIds.slice; var concat = deletedIds.concat; var push = deletedIds.push; var indexOf = deletedIds.indexOf; var class2type = {};转载 2016-04-25 23:04:30 · 975 阅读 · 0 评论 -
javascript中的slice
我们知道,Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组,除了IE下的节点集合(因为ie下的dom对象是以com对象的形式实现的,js对象与com对象不能进行转换)如:1 var a={length:2,0:'first',1:'second'};2 Array.prototype.slice.call(a);转载 2016-04-25 22:59:58 · 1083 阅读 · 0 评论 -
2014年辛星解读Javascript之DOM之事件绑定
上一篇博文我们讲到了原创 2014-07-26 05:38:16 · 994 阅读 · 0 评论 -
2014年辛星解读Javascript之DOM快速入门
在Javascript的知识中,有一个所谓的DOM,即文档对象模型,我们可以通过它来访问HTML文档的元素,当网页被加载的时候,浏览器会去创建DOM,有了这个DOM,我们可以使用Javascript去改变页面中HTML元素和属性,改变CSS样式,能够对页面中的事件作出响应。 首先就是查找一个HTML元素,我们可以通过三种方式来做到,即通过id、标签名和类名,通过id是使用getEle原创 2014-07-26 04:22:57 · 1107 阅读 · 0 评论 -
2014年辛星Javascript解读第二节
本小节我们讲解一下Javascript的语法,虽然js语言非常简单,它的语法也相对好学一些,但是不学总之还是不会的,因此,我们来一探究竟把。********注释*************1.我们通常用注释来标记一些代码,它会使得我们更好理解我们之前写过的程序代码,这些注释不会被解释执行,但是它是非常有用的。2.Javascript支持以C++风格的//开头的单行注释,即两个原创 2014-07-22 12:50:21 · 1042 阅读 · 0 评论 -
2014年辛星Javascript解读第四节 流程控制语句
上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于任何一门编程语言来说,流程控制都是非常重要的,也就是我们常说的顺序结构、选择结构和循环结构。 ************选择结构***************1.Javascript中用条件语句来实现选择结构,它提供的选择结构主要是if语句、if....else语句和if...else if ...else语句,还有一原创 2014-07-22 12:54:14 · 1221 阅读 · 1 评论 -
2014年辛星Javascript解读第一节
***************概述***************1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数据的解析和传递。2.Javascript和Java并没有太多的关系,只是名字重复了四个字母。3.Javascript的主要功能是进行数据验证、提供网页特效,动态响应用户的操作,我原创 2014-07-22 12:45:34 · 1196 阅读 · 2 评论 -
2014年辛星Javascript解读第五节 break continue 与异常处理
先说一下break和continue的主要用法吧,break用于跳出循环,continue用于跳过该循环中的一个迭代。简单的说,就是break直接从该语句跳出,但是continue不会跳出该循环语句,但是它会重新来过,即本次不会再次执行。 ************具体说明*************1.我们通过举例的形式来说明,首先看代码一:var sum = 0原创 2014-07-22 12:56:04 · 1152 阅读 · 0 评论 -
2014年辛星Javascript解读第三节
经过第一节的入门和第二节的运算符,那么接下来我们就可以学习Javascript的函数了,当然了,不管大家之前学习的是什么编程语言,都会有函数的概念,如果大家学的是Pascal,还会有”过程“的概念,但是js中没有那么复杂。 ************函数***********1.所谓函数,就是一些代码的集合,我们用一种形式把它封装起来,当做一个整体,就有了函数的概念。原创 2014-07-22 12:52:15 · 1060 阅读 · 0 评论 -
2014年度辛星完全解读html第三节
接下来我们继续学习HTML中的标签,希望大家能够再接再厉,同时辛星也会支持大家,我们一起努力,一起加油。我们本小节来认识另外几个标签。*************空格和换行**************1.我们在HTML文件中的那么多的空格和换行在浏览器上显示的时候和我们在文本编辑器中看到的并不一样,我们可能HTML代码中有大量的空格和换行,但是输出到浏览器上的时候却好像没有空隙。原创 2014-07-21 16:18:29 · 1074 阅读 · 0 评论 -
2014年辛星解读Javascript之DOM之冒泡和捕获
上篇博客提到了Javascript事件绑定函数的三个参数,第一个是一个event,第二个是一个function,第三个是一个布尔变量,它用于指定事件传递的顺序,分为冒泡和捕获两种方式,接下来我们将揭开它的神秘面纱,彻底的解读它。 首先看如下代码: 辛星 document.getElementById("demo").addEventListener("click",m原创 2014-07-26 08:35:38 · 1042 阅读 · 0 评论 -
2014年度辛星html教程夏季版第一节
从今天起开始在博客园开启自己的html教程啦,先从第一节开始把,首先推荐一个网站,就是http:/www.w3cschool.cc,这是一个公开的教学网站,但是它有一个问题,那就是虽然很全面,但是不是一个入门网站,而是一个手册性质的网站,也就是适合我们去随时查询,但是不适合我们随时随地的阅读和学习。本教程则是一个适合入门的教程,如果是新手,可以学习下,如果是高手,这种html的知识就不用看了。原创 2014-07-21 16:08:39 · 1571 阅读 · 3 评论 -
2014年辛星解读Javascript之DOM之事件及其绑定
我们通过DOM的事件可以对HTML的事件作出反应,就像我们用其他编程语言写GUI一样,那么HTML包括哪些事件呢?下面是几个常见的例子,比如网页已经完成记载,图像完成加载,鼠标移动到元素上方,输入文字被改变,表单提交,用户点击按键等等,还是蛮多的。 下面我们用实例来演示一下,看下面的HTML代码:辛星 它本来是辛星的,如果我们点击一下,它就会变成”小倩“,这里的oncl原创 2014-07-26 04:52:00 · 1215 阅读 · 0 评论 -
jquery和amd规范
AMD 模块AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。AMD 模块格式本身是一个关于如何定义模块的提案,在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势,包括天生的异步及高度灵活等特性,这些特性能够解除常见的代码与模块标识间的那种紧密耦原创 2016-04-25 21:26:29 · 1411 阅读 · 0 评论 -
辛星浅析text-indent属性
今天又折腾了一下自己的小站,之前的样式太烂了,于是就稍微调整了一下,就涉及到一个首行缩进的问题。一般来说,如果使用富文本编辑器的话,可能这里是不用做任何调整的。 但是,对于某些情形来说,则是我们手工控制缩进比较好,也就是使用样式去控制,而不是在具体的文本中通过添加字符实体来进行缩进。此时我们的操作一般就是在标签p或者div中使用text-indent属性,一般设置为2em即可,这里原创 2015-11-25 22:38:26 · 551 阅读 · 0 评论 -
一个js问题的解决方式
今天调试代码的时候,碰到Firefox报了这么一个错误:SyntaxError: unterminated comment,也就是说,语法错误,缺少注释的结束符。 一般就是我们在一个注释中使用/*开头,但是没有使用*/来结束,很有可能的问题就是和我一样,是下面的形式:/**如果php那边的代码是一个索引数组,传递过来的是json字符串*如果php那边的代码是一个关联数组,传递过来原创 2015-06-10 08:51:04 · 763 阅读 · 0 评论 -
中国第二代身份证验证js代码
下面这部分代码截取自盛大的某个网页,具体我就不给url了,下面是对应的js代码:iW = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1); iSum = 0; for( i=0;i<17;i++){ iC = v_card.charAt(i) ; iVal = parseInt(iC); iSum += iVa原创 2015-06-10 08:40:17 · 1434 阅读 · 0 评论 -
辛星浅析JavaScript中的编程规范
这是接着上一篇的博文写的,首先说一下编程规范的重要性吧,它可以让我们的代码保持一致性,可预测,更易于阅读和理解。一个新的开发者可以通过阅读规范,理解其他团队成员书写的代码,更快的上手干活。 第一点就是缩进。 很糟糕的一件事就是不一致的缩进,因为它看上去像是遵循了规范,但是可能一路上伴随着混乱和惊奇,重要的是规范的使用缩进。 一些开发人员喜欢用tab制表符缩进,因为原创 2015-06-04 16:19:41 · 825 阅读 · 1 评论 -
辛星笔记之高质量JavaScript代码书写要点
首先本文章是http://www.zhangxinxu.com/wordpress/?p=1173 的读书笔记,读者可以自己到鑫旭的空间去阅读原文,这里我对其进行了简化。 可维护的代码的一些要求: (1)可读的 (2)一致的 (3)可预测的 (4)看上去就像是同一个人写的 (5)已记录 原则原创 2015-06-04 12:42:30 · 183 阅读 · 0 评论