Welcome

首页 / 脚本样式 / JavaScript

Javascript实现图片懒加载插件的方法

2017-02-06 23
前言网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度，具体实现的技术并不复杂，下面分别对其说明。Web 图片的懒加载就是通过读取img元素，然后获得img元素的data-src（也可以约定为其他属性名）属性的值，并赋予img的src，从而实现动态加载图片的机...

Zabbix添加Node.js监控的方法

2017-02-06 21
目前网上已有 pm2-zabbix 工具可以实现Zabbix对Node.js的监控报警，Github地址。特征：自动发现通过PM2管理的Node.js进程。报告Nodes.js进程状态、CPU占用率、内存占用以及进程是否重启。监控PM2守护进程自身状态、资源占用和PID改变。已提供易于安装的Zabbix监控项模板。1.Node.js服务器安装 pm2-zabbixnpm install -g pm2-zabbix测试自动发现功能是否正常：pm2-zabbi...

纯JavaScript手写图片轮播代码

2017-02-06 23
废话不多说了，直接给大家贴js代码实现手写图片轮播的代码了，代码非常简单，具体代码如下所示：<！DOCTYPE html><html><head><meta charset="UTF-8"><title>js图片轮播切换</title><style type="text/css"> .imgCon{width: 400px;height: 400px;border: 2p...

基于原生js淡入淡出函数封装（兼容IE）

2017-02-06 20
在开发的过程中，我们要做淡入淡出效果的话，我们完全可以使用jQuery的fadeTo（）方法。但是我们的目的不只是会用，而是理解程序底层的逻辑。这篇文章主要就是利用原生的javascript实现淡入淡出的效果。构建框架，基本没难度。<！DOCTYPE html> <html><head> <meta charset="UTF-8"> <title>透明度函数的封装</title> &l...

分享javascript、jquery实用代码段

2017-02-06 20
本文实例为大家简单分享javascript、jquery实用demo，供大家参考，具体内容如下javascript判断H5页面离开function onbeforeunloadFn（）{ console.log（"离开页面"）; //...code}function showOnbeforeunload（flags）{ if（flags）{ document.body.onbeforeunload = onbeforeunloadFn; }else{ do...

基于AngularJS前端云组件最佳实践

2017-02-06 21
AngularJS是google设计和开发的一套前端开发框架，他能帮助开发人员更便捷地进行前端开发。AngularJS是为了克服HTML在构建应用上的不足而设计的，它非常全面且简单易学习，因此AngularJS快速的成为了javascript的主流框架。一、Amazing的AngularAnguarJS的特性方便的REST： RESTful逐渐成为了一种标准的服务器和客户端沟通的方式。你只需使用一行javascript代码，就可以快速的从服务器端得到数据。...

Javascript中内建函数reduce的应用详解

2017-02-06 21
前言一般而言，可以通过reduce方法实现的逻辑都可以通过forEach方法来变相的实现，虽然不清楚浏览器的js引擎是如何在C＋＋层面实现这两个方法，但是可以肯定的是reduce方法肯定也存在数组的遍历，在具体实现细节上是否针对数组项的操作和存储做了什么优化，则不得而知。数组的reduce方法的应用reduce方法有两个参数，第一个参数是一个callback，用于针对数组项的操作；第二个参数则是传入的初始值，这个初始值用于单个数组项的操作。需要注意的是，r...

Angular.JS学习之依赖注入$injector详析

2017-02-06 20
前言在依赖注入（IoC）之前，我们在程序中需要创建一个对象很简单也很直接，就是在代码中new Object即可，有我们自己负责创建、维护、修改和删除，也就是说，我们控制了对象的整个生命周期，直到对象没有被引用，被回收。诚然，当创建或者维护的对象数量较少时，这种做法无可厚非，但是当一个大项目中需要创建大数量级的对象时，仅仅依靠程序员来进行维护所有对象，这是难以做到的，特别是如果想在程序的整个生命周期内复用一些对象，我们需要自己写一个缓存模块对所有对象进行缓存...

seajs学习教程之基础篇

2017-02-06 26
介绍众所周知前端开发模块化已经是大势所趋，目前模块化的规范有很多，众所周知的有commonJS，Module/Wrappings和AMD等，而且ES6也着手开始制定模块化机制的实现。类似于c/c++的include，java中的import关键字，在js中也定义了require关键字，用以引进依赖模块。由于规范的多样性，模块化的实现也是各有各的不同。nodejs遵从的就是commonJS规范，它有着一些形式上的约定： 1、require为函数，该函数接...

NODE.JS跨域问题的完美解决方案

2017-02-06 22
这几天公司同事（前端）写页面的时候一直说拿不到想要的JSON，安卓iOS那边是可以拿到的，但他也是新手也不知道为什么只知道是js跨域问题，然后问我我也不懂前端我开始百度，有人说是谷歌浏览器跨域要设置一下，然后我就在谷歌浏览器的目标后面加一个 --disable-web-security但是后来发现依然报错，依然拿不到想要的数据。后来也不停的找找找也没有什么眉目。直到今天百度了一下PHP的跨域启发了我，于是百度找到了node.js的跨域问题，最后我在 app...

Angular表单验证实例详解

2017-02-06 22
表单验证我去，我感觉我这个人其实还是一个很傻逼的一个人，老是因为拼错了一个单词或者怎么样就浪费我很长时间，这样真的不行不行，要正确对待这个问题，好了，说正题吧，angular也有表单验证minlength,maxlength,required呀这些个东西，还有也支持h5的那些验证,h5的那些验证，就是type啦，type="email",number,url呀这些，然后现在要用angular来验证，可以定义样式哈，不错，然后怎么验证呢，好的上代码<！...

seajs学习之模块的依赖加载及模块API的导出

2017-02-06 20
前言SeaJS非常强大，SeaJS可以加载任意 JavaScript 模块和css模块样式，SeaJS会保证你在使用一个模块时,已经将所依赖的其他模块载入到脚本运行环境中。通过参照上文的demo，我们结合源码分析在简单的API调用的背后，到底使用了什么技巧来实现各个模块的依赖加载以及模块API的导出。模块类和状态类首先定义了一个Module类，对应与一个模块function Module（uri, deps） { this.uri = uri this.d...

Angularjs 设置全局变量的方法总结

2017-02-06 20
AngularJS 设置全局变量的三种方法angularjs自身有二种，设置全局变量的方法，在加上js的设置全局变量的方法，总共有三种。要实现的功能是，在ng-app中定义的全局变量，在不同的ng-controller里都可以使用。1，通过var 直接定义global variable，这根纯js是一样的。2，用angularjs value来设置全局变量 。3，用angularjs constant来设置全局变量 。下面用一个例子，来说明，上面3种方法：...

JS调用某段SQL语句的方法

2017-02-06 22
如何通过JS调用某段SQL语句，这样的需求在报表、数据平台开发中很常见。以报表平台FineReport开发为例，例如在点击某个按钮之后，来判断一下数据库条数，再决定下一步操作。那这在后台如何实现呢？解决思路实现这个功能，首先需要了解Finereport内置的公式，SQL函数，这个肯能大家都懂，就不做介绍了。调用FineRepor的内置公式：FR.remoteEvaluate（"具体公式"），返回值为：这个具体公式的结果。例如：var a = FR.remo...

canvas实现手机端用来上传用户头像的代码

2017-02-06 23
废话不多说了直接给大家介绍canvas实现手机端用来上传用户头像的代码，具体代码如下所示：<！DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>label{height:40px;width:100px;border:1px solid #666;display:block;text-a...

Bootstrap模态框禁用空白处点击关闭

2017-02-06 20
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模态框在默认情况下，点击其他空白区域（通常是遮罩层），模态框会被关闭，那么以下方法就是禁止点击其他区域关闭模态框。$（"#myModal"）.modal（{backdrop: "static", keyboard: false}）;backdrop:static时,空白处不关闭.keybo...

AngularJS双向数据绑定详解简单实例

2017-02-06 20
angular的双向数据绑定，个人理解是，通过model建立数据模型，那么视图上的数据就会对应存储在angular程序里，视图上的数据变化会同步到model，model的数据改变也会同步到视图。下面的demo演示：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>hello, AngularJS！</title...

JavaScript 身份证号有效验证详解及实例代码

2017-02-06 23
最近需要对身份证合法性进行验证，实名验证是不指望了，不过原来的验证规则太过简单，只是简单的验证了身份证长度，现在业务需要加强下身份证验证规则，网上找到了不少资料，不过都不合偶的心意，无奈只好直接写一个，代码还是用自己的舒服哈JavaScript验证身份证号<%@ page language="java" contentType="text/html; charset=GB18030"pageEncoding="GB18030"%><！DO...

Bootstrap图片轮播组件Carousel使用方法详解

2017-02-06 22
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。图片轮播组件是一个在网页中...

AngularJS 与百度地图的结合实例

2017-02-06 19
我现在做的一个项目是angular,但是我用直接引用百度地图的方法引进js,写html,js代码，发现，我去，报错了，我一开始还以为是百度地图跟angular有冲突，然后我就去搜索啊，发现angular也有一个百度地图插件，无奈我用了报错了，网上说要用angular2版本才能兼容，但是我又不会下载2版本，所以我就放弃了，然后呢，我又去解决我一开始的那个错误了，发现，玛德我傻逼了，首先来说一下百度地图怎么用吧，很简单，上代码首先引入js<script ...
<< 81 82 83 84 85 86 87 88 89 90 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图