浅谈JavaScript实现面向对象中的类

2016年07月27日 9 阅读

对象，是人们要进行研究的任何事物，从最简单的整数到复杂的飞机等均可看作对象，它不仅能表示具体的事物，还能表示抽象的规则、计划或事件。--引自百度百科面向对象编程，是当前最流行的编程模式。但令人沮丧的是，作为前端应用最为广泛的javascript，并不支持面向对象。 javascript没有访问控制符，它没有定义类的关键字class，它没有支持继承的extend或冒号，它也没有用 来支持虚函数的virtual，不过，Javascript是一门灵活的语言，下面...

node.js中的console.info方法使用说明

2016年07月27日 14 阅读

方法说明：该方法与 console.log（） 相同。从源码看，它是直接调用console.log的。语法：复制代码 代码如下:console.info（[data], [...]）接收参数：接受若干个参数，如果只有一个参数，则输出这个参数的字符串形式。如果有多个参数，则以类似于C语言printf（）命令的格式输出。如果没有参数，只打印一个换行符例子：复制代码 代码如下:var count = 1234; console.info（"count: %d",...

node.js中的console.warn方法使用说明

2016年07月27日 10 阅读

方法说明：该方法与 console.error（） 相同。看源码就知道，console.error其实就是直接调用console.warn的语法：复制代码 代码如下:console.warn（[data], [...]）接收参数：console.log接受若干个参数，如果只有一个参数，则输出这个参数的字符串形式。如果有多个参数，则以类似于C语言printf（）命令的格式输出。如果没有参数，只打印一个换行符例子：复制代码 代码如下:var count = 1...

node.js中的console.log方法使用说明

2016年07月27日 10 阅读

方法说明：向标准输出流打印字符并以换行符结束。语法：复制代码 代码如下:console.log（[data], [...]）接收参数：console.log接受若干个参数，如果只有一个参数，则输出这个参数的字符串形式。如果有多个参数，则以类似于C语言printf（）命令的格式输出。如果没有参数，只打印一个换行符。例子：复制代码 代码如下:var count = 1234;console.log（"count: %d", count）;//输出结果 coun...

浅谈JavaScript函数节流

2016年07月27日 9 阅读

浏览器中某些计算和处理要比其他的昂贵的多。例如，DOM操作比起非DOM交互需要更多的内存和CPU时间。连续尝试进行过多的DOM相关操作可能会导致 浏览器挂起，有时候甚至会崩溃。尤其在IE中使用onresize事件处理程序的时候容易发生，当调整浏览器大小的时候，该事件连续触发。在 onresize事件处理程序内部如果尝试进行DOM操作，其高频率的更改可能会让浏览器崩溃。 函数节流背后的基本思想是，某些代码不可以在没有间断的情况连续重复执行。第一次调用函数，创...

Jquery弹出层插件ThickBox的使用方法

2016年07月27日 9 阅读

thickbox是jQuery的一个插件，其作用是弹出对话框、网页框，使用户体验度更加愉悦，下面就来简单介绍它的几种用法。声明一下：这只是个人的总结记载而已。准备工作：你需要三个文件：thickbox.js、thickbox.css、jquery.js，网上到处可下具体使用：第一步：将这三个文件引入到你要使用thickbox的页面复制代码 代码如下:<script type="text/javascript" src="jquery.js">&...

使用jQuery实现星级评分代码分享

2016年07月27日 11 阅读

前面有一篇原生js实现星级评分 。可能覆盖面不是很广，现在给出一个jquery实现的星级评分。复制代码 代码如下:<div class="star"> <span>jQuery星级评论打分</span> <ul> <li><a href="javascript:;">1</a></li> <li><a href="javascript:;"&g...

基于javascript实现判断移动终端浏览器版本信息

2016年07月27日 11 阅读

具体解释都在注释里，这里就不多废话了，直接奉上代码复制代码 代码如下:<script type="text/javascript">/** 智能机浏览器版本信息:**/ varbrowser={ versions:function（）{ varu = navigator.userAgent, app = navigator.appVersion; return{//移动终端浏览器版本信息 trident: u.indexOf（"Trident"...

jquery实现侧边弹出的垂直导航

2016年07月27日 9 阅读

这是一款利用jquery动画特效和css打造的侧边弹出垂直导航，整个弹出过程比较流畅，而且代码很简单，如果你正在寻找一款带动画的垂直导航，那么可以试试这个。HTML源码：复制代码 代码如下:<title>Jquery+CSS侧边弹出垂直导航</title> <style type="text/css">html, body, ul, li { margin: 0; padding: 0; border: 0; outli...

jQuery on方法传递参数示例

2016年07月27日 9 阅读

教你如何给 jQuery on方法绑定的函数传递参数，代码如下：复制代码 代码如下:$（".loadingFlower"）.on（"click","",{name:"123",id:"234",tel:"345"},callback）function callback（event）{ console.log（event.data.name）; //参数1 =>123 console.log（event.data.id）; //参数2 =>234...

jQuery实现HTML5 placeholder效果实例

2016年07月27日 9 阅读

你一定知道 HTML5新增的 placeholder 属性吧？不知道的也没关系。输入框有默认文本是，常需要这样一个效果，点击让默认文本消失，失去焦点后让默认文本显示。今天分享一段jQuery代码，模拟 placeholder 效果。Javascript代码：复制代码 代码如下:function placeHolder（event）{ var self = $（this）, selfDataValue = self.attr（"data-value"）, s...

JQuery中使用on方法绑定hover事件实例

2016年07月27日 9 阅读

文本教你用on方法，模拟hover方法。代码如下：复制代码 代码如下:$（obj）.on（"mouseover mouseout",function（event）{if（event.type == "mouseover"）{//鼠标悬浮}else if（event.type == "mouseout"）{//鼠标离开}}）赶紧去试试吧~...

13 款最热门的 jQuery 图像 360 度旋转插件推荐

2016年07月27日 9 阅读

在 web 页面上使用 jQuery 图像 360 度旋转插件是最美也是最方便的显示图像的方式。这些超级棒的 360° 图像选择插件允许用户更详细的分析产品或者文章。jQuery 图像旋转插件可以让用户从各种角度进行 360 度的图像展示，经常在电子商务网站上使用，帮助消费者更好的了解产品，从任意的一个角度观察欣赏。 在这篇文章中，我们收集了 13 款最佳的 jQuery 图像 360 度旋转插件，这些插件都能进行 360 度图像旋转展示。希望大...

WEB前端设计师常用工具集锦

2016年07月27日 9 阅读

下面是我整理和收集的一些前端开发常用的 插件、工具、软件等不为别的，相当于给电脑做个小备份，至于使用方法，以后我会总结，目前的话还是自行google吧。【FireFox插件】1. Firefbug —— 页面调式工具2. YSlow —— 网页评级工具3. pixel Perfect —— HTML与设计稿对比4. CSS Usage —— CSS使用效率优化工具5. Page Speed —— 快速优化网页类似于YSlow6. Measureit —— ...

深入分析jquery解析json数据

2016年07月27日 12 阅读

我们先以解析上例中的comments对象的JSON数据为例，然后再小结jQuery中解析JSON数据的方法。JSON数据如下，是一个嵌套JSON：复制代码 代码如下:{"comments":[{"content":"很不错嘛","id":1,"nickname":"纳尼"},{"content":"哟西哟西","id":2,"nickname":"小强"}]}获取JSON数据，在jQuery中有一个简单的方法 $.getJSON（） 可以实现。下面引用的是...

浅谈页面装载js及性能分析方法

2016年07月27日 9 阅读

一、装载 先装载静态页面的引用js文件，然后查找引用文件中是否包含onload函数，比如main.js中包含onload函数，在main.js中查找是否有对其他js文件的引用，优先装载引用js文件，被引用中文件的装载顺序和main.js的顺序一致。 装载完毕后，开始执行onload函数。由于js执行顺序是顺序执行的，为提高页面相应速度，一般做法是在onload中只画页面，一些事件的绑定函数，ajax方法等可延后书写。二、响应速度分析 1.借助工具进行分析...

JavaScript解析json格式数据简单示例

2016年07月27日 10 阅读

以下这串json数据用来存储预加载的图片路径：复制代码 代码如下:var imgData = [ { name: "p1", src: "images/p1.jpg" }, { name: "p2", src: "images/p2.jpg" }, { name: "p3", src: "images/p3.jpg" }, { name: "p4", src: "images/p4.jpg" }, { name: "p5", src: "images/p5...

Javascript实现禁止输入中文或英文的例子

2016年07月27日 11 阅读

本教程教你如何使用Javascript限制输入英文，或限制输入中文。禁止输入英文：复制代码 代码如下:<input type="text" onkeypress="return event.keyCode>=48&&event.keyCode<=57||（this.value.indexOf（"."）<0?event.keyCode==46:false）" onpaste="return ！clipboardData.get...

基于jquery和svg实现超炫酷的动画特效

2016年07月27日 14 阅读

今天给大家分享一款基于jquery和svg超炫的网页动画。这款动画效果非常炫。下面还有重播、慢速、和反向动画按钮。效果非常漂亮。一起看下效果图：实现的代码。html代码：复制代码 代码如下:<div id="intro"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="ihtLogo"...

node.js中的console.error方法使用说明

2016年07月27日 10 阅读

方法说明：该方法与 console.log（） 相同，只是向标准错误流输出。语法：复制代码 代码如下:console.error（[data], [...]）接收参数：console.log接受若干个参数，如果只有一个参数，则输出这个参数的字符串形式。如果有多个参数，则以类似于C语言printf（）命令的格式输出。如果没有参数，只打印一个换行符例子：复制代码 代码如下:var count = 1234;console.error（"count: %d", ...