xin_xun_-CSDN博客

转载使用JavaScript修改伪类样式的方法总结

项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。HTML class="red">Hi, this is a plain-old, sad-looking paragraph tag.CSS.red::before { conte

2017-04-18 17:06:04 4056

转载你可能不知道的5中CSS和JS的交互方式

CSS和JavaScript: 在各个浏览器版本中的分界线似乎变得越来越模糊.两者所完成的功能差异非常明显,但说到底他们都是前端技术,所以确实需要紧密地配合。虽然我们将代码拆分到独立的 .js 文件和 .css 文件中,但他们之间还能进行一些更密切的交互,这些通常是普通JS框架所不支持的.下面是你可能不知道的CSS和JS的交互的5种方式:使用JavaScript获取CSS伪元素属性

2017-04-18 16:46:00 424

转载 15个JavaScript优化小技巧

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。不仅如此，JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodeb

2017-04-18 15:29:46 433

转载 Javascript函数式编程要掌握的知识点

一：理解call和apply 及arguments.calleeECMAScript3给Function的原型定义了两个方法，他们是Function.prototype.call 和 Function.prototype.apply.其实他们的作用是一样的，只是传递的参数不一样而已；1. apply; 接受2个参数，第一个参数指定了函数体内this对象的指向，第二个参数为一个类似数组的

2017-04-18 09:59:59 538

转载一些JavaScript小技巧

尽管我使用Javascript来做开发有很多年了，但它常有一些让我很惊讶的小特性。对于我来说，Javascript是需要持续不断的学习的。在这篇文章中，我将列出10个Javascript使用小技巧，主要面向Javascript新手和中级开发者。希望每个读者都能至少从中学到一个有用的技巧。1.变量转换看起来很简单，但据我所看到的，使用构造函数，像Array()或者Number()来进行变

2017-04-17 22:05:18 352

转载不同浏览器兼容性——常用的CSS Hack技术

一、什么是CSSHack？不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。CSS Hack常见的有三种形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Hack主要针对IE浏览器。1、属性级Hack：比如

2017-04-17 21:28:19 466

转载盒模型详解记录

块级元素是构成一个 HTML 的主要和关键元素，而任意一个块级元素均可以用 Box model 来解释说明。CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border）和外边距（margin）的方式。立体图如下(Fig. 1):　平面图如下(Fig. 2):

2017-03-05 15:35:52 455

转载 JavaScript中的块级作用域和私有变量

模仿块级作用域：JavaScript没有块级作用域的概念。这意味着在块语句中定义的变量，实际上是在包含函数中而非语句中创建的。看一个例子： function outputNumbers(count){ for(vari=0;i alert(i);}alert(i); //计数}这个函数中定义了一个for循环，变量i的初始值被设

2017-03-05 15:33:04 635

转载 JavaScript中的表单脚本

表单脚本表单的基础知识在HTML中，表单是由元素来表示的。而在JavaScript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement，因而与其他HTML元素具有相同的默认属性。通过document.forms可以取得页面中的所有表单。在这个集合中，可以通过数值索引或name值来取得特定的表单：var firs

2017-03-05 15:26:27 493

转载 JavaScript中的事件

事件JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或处理程序）来预定事件，以便事件发生时执行相应的代码。事件流：事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流；而Netscape的事件流是事件捕获流。Ø 事件冒泡： IE的事件流叫做事件冒泡，即事件开始时由最具体的元素

2017-03-05 15:25:11 249

转载 JavaScript中的闭包

闭包闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方法，就是在一个函数内部创建另一个函数。1. 简要介绍：一个简单的闭包例子：function getName(){ var name='wenzi'; setTimeout(function(){ console.log(name); }, 500);

2017-03-05 15:22:46 295

原创 jQuery视频知识点总结

选择器1.基本选择器$('#id属性值') document.getElementById();$('tag标签名称')document.getElementByTagName();$('.class属性值') class属性值选择器$('*') 通配符选择器$('s1,s2,s3') 联合选择器:把符合s1，s2或s3条件的节点都找到 2.层次选择器：$(

2017-03-05 15:04:13 432

原创 jQuery中的选择器

CSS选择符：l $('#selected-plays > li').addClass('horizontal');子元素组合符（>）将horizontal类添加到ID为selected-plays的元素（#selected-plays）的子元素（>）中的所有的列表项（li）。注意这里使用子元素选择符选择的只是ID为selected-plays的元素的直接子元素，不包括更深层的子元素。

2017-03-05 14:59:13 401

转载常见的正则表达式

正则表达式经常被用于字段或任意字符串的校验：1. 校验基本日期格式的JavaScript代码：var reg=/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;var r=fieldValue.match(reg);if(r==null) alert(‘Data format error!’);2. 校验密码强度：密码的强度

2017-03-05 14:53:46 265

xin_xun_的博客