Welcome 微信登录

首页 / 脚本样式 / JavaScript

分享我对JS插件开发的一些感想和心得

分享我对JS插件开发的一些感想和心得

本文阅读目录:•起因•如何开发一个轻量级的适用性强的插件•总结起因如果大家平时做过一些前端开发方面的工作,一定会有这样的体会:页面需要某种效果或者插件的时候,我们一般会有两种选择:1、上网查找相关的JS插件,学习其用法2、自己造轮子,开发插件。寻找存在的插件第一种做法,上网查找JS插件这种方式如果是有刚好符合项目需求的插件,那是非常幸运的事了。但是我相信大部分情况下,我们找到的插件会有下面的几个问题:(1)UI定制:很多...
你一定会收藏的Nodejs代码片段

你一定会收藏的Nodejs代码片段

以下就是为大家分享的四段Nodejs值得收集的代码片段,供大家参考,具体内容如下1、关于Nodejs的静态资源压缩与缓存参见:Nodejs打造静态资源服务器与文件上传刚学Express那会,动态文件的gzip压缩,好长一段时间都没找到合适的方法,才发现就是这么简单…… app.js里添加compression模块: 先安装;var compress=require("compression");app.use(compress()); OK了动态文件也能g...
JS获取时间的相关函数及时间戳与时间日期之间的转换

JS获取时间的相关函数及时间戳与时间日期之间的转换

时间戳和时间日期的转换是常见的操作,下面就通过代码实例介绍一下如何实现它们之间的相互转换。在没学习本文之前先给大家介绍下javascript中Date()构造函数参数:关于Date对象大家想必一定不陌生,使用Date()构造函数创建一个时间对象是最基本的操作了,例如:var theDate=new Date();theDate.getDate();使用以上代码可以获取当前日期的天。上面是对于Date()构造函数最简单的应用了,Date对象具有多种构造函数,...
jquery实现的判断倒计时是否结束代码

jquery实现的判断倒计时是否结束代码

本章节介绍一段代码实例,此代码能够判断当前日期是否已经倒计时结束,此代码中并没有倒计时效果,只是判断是否倒计时完成,比如购物网站优惠期限等,虽然实际应用中,很少会出现类似的代码,不过希望能够给浏览者带来一定的启示作用。代码如下:function done(){var str=$("#end").text(); var out=str.match(/d+/g);console.log(out); var h=parseInt(out[0]),m=parseI...
JavaScript判断图片是否已经加载完毕的方法汇总

JavaScript判断图片是否已经加载完毕的方法汇总

在网上有很多关于判断图片是否已经加载完毕的文章,但是有的浏览器并不适合,下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总,具体内容如下所示:一.onload事件通过监听图片的onload事件,可以判断图片是否已经加载完成,兼容所有的浏览器(w3c推荐方法),代码示例如下<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"&...
浅析Javascript匿名函数与自执行函数

浅析Javascript匿名函数与自执行函数

函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。函数的定义,大致可分为三种方式:第一种:这也是最常规的一种function double(x){ return 2 * x; }第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用。var double = new Function("x", "return 2 * x;");第三种:var doubl...
详解Angularjs filter过滤器

详解Angularjs filter过滤器

系统的学习了一下angularjs,发现angularjs的有些思想根php的模块smarty很像,例如数据绑定,filter。如果对smarty比较熟悉的话,学习angularjs会比较容易一点。这篇简单说一下angularjs的filter功能,angularjs的filter功能可分为二种,一种是内置的过滤器,一种是自定义的。Filter是用来格式化数据用的。Filter的基本原型( "" 类似于Linux中的管道模式):{{ expression ...
详解AngularJS中$http缓存以及处理多个$http请求的方法

详解AngularJS中$http缓存以及处理多个$http请求的方法

$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。在AngularJS的实际项目中,经常需要处理多个$http请求,每个$http请求返回一个promise,我们可以把多个promise放到$q.all()方法接受的一个数组实参中去。1.处理多个$http请求angular.module("app",[]).controller("AppCtrl", function AppCtrl(myService){var app = ...
简介AngularJS中$http服务的用法

简介AngularJS中$http服务的用法

我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。1、链式调用$http服务是只能接受一个参数的函数,这个参数是一个对象,包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象,具有success和error两个方法。$http({url:"data.json",method:"GET"}).success(function(data,header,config...
JavaScript仿商城实现图片广告轮播实例代码

JavaScript仿商城实现图片广告轮播实例代码

大家在逛购物商城的时候不知道有没有注意到商城首页上面都会有各种轮播广告,效果非常好,下面小编给大家整理特此分享给大家学习。具体内容如下所示:1.HTML框架如下图,分为三个部分,首先有个div承载,然后一个ul存放图片,一个ul存放数字,再两个button即可<div class="out"><ul class="img"><li><img src="img/1.png" alt=""></li>...
基于JavaScript实现图片点击弹出窗口而不是保存

基于JavaScript实现图片点击弹出窗口而不是保存

一直想给安装一个缩略图点击弹出的插件,但是找了找几乎都是用的php来做的,插件的使用和安装极其繁琐,于是上网查了些demo,自己实现了一个纯js的图片弹出插件。实现的思路是通过编写hook图片的onclick事件的函数,在函数中对body追加div元素,再将传入的图片对象放入元素中,同时再监听div的onclilck事件,当捕捉到点击,再关闭(其实是隐藏)弹出的div。通过在函数初始化的时候收集页面所有的img元素,再为每个img元素增加onclick="...
深入浅析JavaScript面向对象和原型函数

深入浅析JavaScript面向对象和原型函数

对象,是javascript中非常重要的一个梗,是否能透彻的理解它直接关系到你对整个javascript体系的基础理解,说白了,javascript就是一群对象在搅。。(哔!)。下面给大家介绍下常用的几种对象创建模式使用new关键字创建最基础的对象创建方式,无非就是和其他多数语言一样说的一样:没对象,你new一个呀!var gf = new Object(); gf.name = "tangwei"; gf.bar = "c++"; gf.sayWhat ...
<< 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 >>