Welcome 微信登录

首页 / 脚本样式 / JavaScript

使用JavaScript链式编程实现模拟Jquery函数

使用JavaScript链式编程实现模拟Jquery函数

代码很简单,主要是给大家提供个思路,也算是学习javascript这么长时间的一个小小的练手。链式编程 是将多个操作(多行代码)通过点号"."链接在一起成为一句代码。链式代码通常要求操作有返回值,但对于很多操作大都是void型,什么也不返回,这样就很难链起来了,当然也有解决办法,可能不太优雅。链式编程的新思想在jQuery中已流行使用复制代码 代码如下:<span>Hello,World!</span><script type...
原生javaScript实现图片延时加载的方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

NodeJS制作爬虫全过程

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

NodeJS制作爬虫全过程(续)

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

sails框架的学习指南

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

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

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