JavaScript资料,JavaScript文章,JavaScript文档-易库教程

原生javaScript实现图片延时加载的方法

2016年07月27日 12 阅读

本文实例讲述了原生javaScript实现图片延时加载的方法。图片延时加载其实是有jquery插件了并且加载方法非常的简单并且合理了，但有朋友觉得加载jquery插件包太大了，于时自己写了一个，给各位分享一下。首先，图片延时加载可以节省我们带宽，获取到更好的用户体验，尤其对于图片多的站点，这一点显得至关重要，下面就跟大家探讨一下图片延时加载原理和实现代码。图片延时加载原理图片延时加载原理是在html里面的图片src填的并不是真正的图片地址，而是以一种自定义...

javascript中Date对象的getDay方法使用指南

2016年07月27日 10 阅读

Date对象有个getDay方法，它根据本地时间，返回一个具体日期中一周的第几天。返回值从0~6，分别对应周日~周六getDay0123456星期几周日周一周二周三周四周五周六用到日期相关的需求时需要将getDay返回的值转成星期几，即“这一天”是星期几？比如日历组件中选择日历后返回 “2014-12-22 周一”。这是一段依然在线上运行的代码复制代码代码如下:/** 根据Date对象返回星期几* @param {Date} date* @return ...

JavaScript动态创建link标签到head里的方法

2016年07月27日 9 阅读

本文实例讲述了JavaScript动态创建link标签到head里的方法。分享给大家供大家参考。具体分析如下：相信有很多做前端的朋友碰到过需要用 JavaScript 动态创建样式表标签——link标签。这里我们就来说说如何在浏览器中动态创建link标签。使用 jQuery 创建 link 标签如果你开发中喜欢用jQuery，那么用jQuery在创建link标签应该是这样的：复制代码代码如下:var cssURL = "/style.css", link...

javascript操作字符串的原生方法

2016年07月27日 11 阅读

join（[分隔符]）数组元素组合为字符串toString（）以字符串表示数组reverse（）数组反转--改变原数组本身valueOf（）返回数组值复制代码代码如下:<html> <head> <script type="text/javascript"> var fruits= ["苹果","鸭梨","橙子"];//建议这样定义、初始化数组with（document）{ writeln（"<ul>"）...

javascript定义变量时加var与不加var的区别

2016年07月27日 9 阅读

一、外部的为全局，内部的为局部变量。二、加var为局部变量（在方法内），不加var为全局变量（当方法内有一次使用后）复制代码代码如下:<script type="text/javascript"> var golbe="global"; test（）; function test（）{ var local="local"; document.write（golbe）; document.write（local）; }document.w...

Jquery实现图片预加载与延时加载的方法

2016年07月27日 9 阅读

本文实例讲述了Jquery实现图片预加载与延时加载的方法。分享给大家供大家参考。具体分析如下：有很多项目经常会需要判断图片加载完成后执行相应的操作，或者需要图片延迟加载，网上虽然已经有很不错的插件，但要为这些效果还得单独加载一个插件的话总感觉有点不舒服，干脆自己写了个方法：复制代码代码如下:function loadimg（arr,funLoading,funOnLoad,funOnError）{var numLoaded=0,numError=0,is...

javascript中的遍历for in 以及with的用法

2016年07月27日 10 阅读

for in 循环执行一个对象中的属性with语句: （对象操作语句）功能:为一段程序建立默认对象格式:复制代码代码如下: with（<对象>）{ <语句组> }具体示例：复制代码代码如下:<script type="text/javascript"> function member（name,gender）{ this.name=name; this.gender=gender; }function sho...

javascript的日期对象、数组对象、二维数组使用说明

2016年07月27日 9 阅读

一、日期对象格式 : 日期对象名称=new Date（[日期参数]）日期参数: 1.省略（最常用） 2.英文-参数格式:月日，公元年[时:分秒] 如:today=new Date（“October 1,2008 12:00:00”）; 3.数值格式: 公元年,月,日,[时,分,秒] 如:today=new Date（2008,10,1）;复制代码代码如下:<html> <head> <script type="text/j...

IE8中动态创建script标签onload无效的解决方法

2016年07月27日 12 阅读

本文实例讲述了IE8中动态创建script标签onload无效的解决方法。分享给大家供大家参考。具体分析如下：今天做项目，发现一个奇怪的问题，动态创建的script标签在IE8下无法触发onload事件。代码如下：复制代码代码如下:var loadJs = function（src, fun）{ var script = null; script = document.createElement（"script"）; script.type = "...

jQuery+ajax中getJSON（）用法实例

2016年07月27日 10 阅读

实例从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据：复制代码代码如下:$.getJSON（"test.js", function（json）{ alert（"JSON Data: " + json.users[3].name）;}）;定义和用法通过 HTTP GET 请求载入 JSON 数据。在 jQuery 1.2 中，您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据，如 "myurl...

了不起的node.js读书笔记之node.js中的特性

2016年07月27日 10 阅读

环境的变化带来了技术大跃进，机遇和挑战同时到来。基于我js也没有学，只好赶鸭子上架一起学了。（＞﹏＜）1.先读读书一开始就不知死活地看《深入浅出node.js》，弄得团团转，看完才知道这本书是要一定基础的。在网上搜刮到了41页的《node入门》，自己学着搭建了一个Web应用。并且在刷新成就感后，就抱读《了不起的node.js》。现准备看完这本书后再回读《深入浅出node.js》。2.搭建环境运行git上的例程（3次报错）在官网下载msi后，一路n...

了不起的node.js读书笔记之node的学习总结

2016年07月27日 9 阅读

这周做项目做得比较散（应该说一直都是这样），总结就依据不同情境双开吧～这篇记录的是关于node的学习总结，而下一篇是做项目学到的web前端的知识。1.HTTP篇 node的HTTP模块在第一篇时接触过，这里来学习几个例程中出现的API。复制代码代码如下:var qs = require（"querystring"）;require（"http"）.createServer（function（req, res）{ if（"/" == req.url）{ r...

了不起的node.js读书笔记之例程分析

2016年07月27日 9 阅读

这周的nodejs学习内容为几个依赖包的使用，把书上的例子都敲了一遍。这篇就以例程为线索，复习一下一周的工作。1.connect 这个例程主要是使用connect依赖包，connect提供一个中间件（由函数组成，与请求、响应对象交互）的功能。书中也介绍了connect内置其他的中间件，这些中间件起到组织代码完成web功能的作用。2.session 使用connect进行用户会话，进行基本的登录系统。通过中间件实现了检查登录、展示表单、用户匹配、处理登出的功...

javascript动态创建及删除元素的方法

2016年07月27日 9 阅读

本文实例讲述了javascript动态创建及删除元素的方法。分享给大家供大家参考。具体分析如下：在DOM中我们可以方便快速的动态删除与删除dom元素，这里我们就来给各位朋友简单的介绍一下。例1：动态创建一个按钮复制代码代码如下:<html> <head> <title>动态创建按钮</title> <script language="javascript"> var a,b,ab,ba,c;fu...

了不起的node.js读书笔记之mongodb数据库交互

2016年07月27日 9 阅读

这周的学习主要是nodejs的数据库交互上，并使用jade模板一起做了一个用户验证的网站。主要是遇到了一下几个问题。1.mongodb版本过低 npm ERR！ Not compatible with your operating system or architecture: mongodb@0.9.9 0.9.9只支持linux,darwin,freebsd这几个系统，最新版本已支持wins。2.nodejs进行insert操作后:无法读取结果复制代码...

NodeJS制作爬虫全过程

2016年07月27日 10 阅读

今天来学习alsotang的爬虫教程，跟着把CNode简单地爬一遍。建立项目craelr-demo我们首先建立一个Express项目，然后将app.js的文件内容全部删除，因为我们暂时不需要在Web端展示内容。当然我们也可以在空文件夹下直接 npm install express来使用我们需要的Express功能。目标网站分析如图，这是CNode首页一部分div标签，我们就是通过这一系列的id、class来定位我们需要的信息。使用superagent获取源...

NodeJS制作爬虫全过程（续）

2016年07月27日 9 阅读

书接上回，我们需要修改程序以达到连续抓取40个页面的内容。也就是说我们需要输出每篇文章的标题、链接、第一条评论、评论用户和论坛积分。如图所示，$（".reply_author"）.eq（0）.text（）.trim（）;得到的值即为正确的第一条评论的用户。{<1>}在eventproxy获取评论及用户名内容后，我们需要通过用户名跳到用户界面继续抓取该用户积分复制代码代码如下:var $ = cheerio.load（topicHtml）;//...

sails框架的学习指南

2016年07月27日 10 阅读

上周通过搭建CMS系统接触到了sails框架，知道一些ORM的概念。这周开始深入后台数据交互，发现twenty框架的数据结构在sails上又设计了一番（比如node、category），不得不说师哥就是厉害。不过复杂度也提高了。而我在DTree项目中的任务就是使用sails来进行业务流程和数据库的交互。这周接下来的时间就是使用sails了。sails简介sails如同ruby on rails一样，也是一种为了使web开发变得简单的框架。就我这段时间的了解...

使用jQuery和Bootstrap实现多层、自适应模态窗口

2016年07月27日 9 阅读

本篇实践一个多层模态窗口，而且是自适应的。点击页面上的一个按钮，弹出第一层自适应模态窗口。在第一层模态窗口内包含一个按钮，点击该按钮弹出第二层模态窗口，弹出的第二层模态窗口会挡住第一层模态窗口，即第二层模态窗口打开的时候，无法关闭第一层模态窗口。具体页面实现部分如下：复制代码代码如下:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>...

jQuery的观察者模式详解

2016年07月27日 10 阅读

在jQuery中，on方法可以为元素绑定事件，trigger方法可以手动触发事件，围绕这2个方法，我们来体验jQuery中的观察者模式（Observer Pattern）。■ on方法绑定内置事件，自然触发比如，我们给页面的body元素绑定一个click事件，这样写。复制代码代码如下:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>...

首页 / 脚本样式 / JavaScript

原生javaScript实现图片延时加载的方法

javascript中Date对象的getDay方法使用指南

JavaScript动态创建link标签到head里的方法

javascript操作字符串的原生方法

javascript定义变量时加var与不加var的区别

Jquery实现图片预加载与延时加载的方法

javascript中的遍历for in 以及with的用法

javascript的日期对象、数组对象、二维数组使用说明

IE8中动态创建script标签onload无效的解决方法

jQuery+ajax中getJSON（） 用法实例

了不起的node.js读书笔记之node.js中的特性

了不起的node.js读书笔记之node的学习总结

了不起的node.js读书笔记之例程分析

javascript动态创建及删除元素的方法

了不起的node.js读书笔记之mongodb数据库交互

NodeJS制作爬虫全过程

NodeJS制作爬虫全过程（续）

sails框架的学习指南

使用jQuery和Bootstrap实现多层、自适应模态窗口

jQuery的观察者模式详解

jQuery+ajax中getJSON（）用法实例