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

BootStrap+Angularjs+NgDialog实现模式对话框

2016年09月03日 28 阅读

本篇文章主要介绍了"angularjs+bootstrap+ngDialog实现模式对话框"，对于Javascript教程感兴趣的同学可以参考一下：在完成一个后台管理系统时，需要用表显示注册用户的信息。但是用户地址太长了，不好显示。所以想做一个模式对话框，点击详细地址按钮时，弹出对话框，显示地址。效果如下图：通过查阅资料，选择使用ngDialog来实现，ngDialog是一个用于Angular.js应用的模式对话框和弹出窗口。ngDialog非常小（&#...

jQuery实现的自适应焦点图效果完整实例

2016年09月03日 19 阅读

本文实例讲述了jQuery实现的自适应焦点图效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, ...

ionic实现可滑动的tab选项卡切换效果

2016年08月30日 27 阅读

利用ionic的slide-box组件实现可滑动的tab，主要是监听tab点击以及slide页面滑动的事件，做相应的处理，用ng-repeat循环，优化、简略了代码，有需要的同学可以看看。先来张效果图：用到的css代码:.tab_default{border-bottom:solid 1px #F2F2F2; padding:6px 0;}.tab_select{ border-bottom:solid 1px #3E89F5; box-shado...

ionic实现带字的toggle滑动组件

2016年08月30日 30 阅读

前言由于项目中需要带字的toggle滑动组件，而ionic提供的是这样的：实际项目中需要这样子的:在网上找了下其他的实现，感觉没得类似的，也没发现合适的，于是自己试着定义了一个凑合着用。先上效果图看效果图边缘有模糊锯齿现象，可能是由于像素的影响，在android和ios手机上表现非常流畅。实现代码其实实现起来也很简单，主要是算好滑块的位置，滑动用的是css的transform. css用到的类如下:.switch_search{position:relat...

郁闷！ionic中获取ng-model绑定的值为undefined如何解决

2016年08月30日 27 阅读

今天在ionic中使用ng-model时候，在对应的controller里面获得值为undefined。以前在使用angularjs的ng-model绑定时候就可以拿到的啊，这就尴尬了，决定一探究竟。大家先看下面的一个demo。在学习angularjs的ng-model的数据双向绑定时候，我们通过以下的代码拿到对应的ng-model的值： demo1<div ng-app="myApp" ng-controller="myCtrl"> 名...

ionic组件ion-tabs选项卡切换效果实例

2016年08月30日 26 阅读

介绍ion-tabs是ionic中的选项卡组件，路由使用的是angular-ui-router.js。因此必须先掌握uiRoute。效果图实例代码index.html<body ng-app="starter"> <！--ion-nav-view用来渲染模板--> <ion-nav-view></ion-nav-view></body>tab-index.html<ion-tabs clas...

NodeJS远程代码执行

2016年08月30日 29 阅读

背景@Artsploit在挖PayPal的漏洞时，发现一处NodeJS代码执行，奖励$10000美金。测试var express = require（"express"）; var app = express（）; app.get（"/", function （req, res） { res.send（"Hello eval（req.query.q））;console.log（req.query.q）;}）;app.listen（8080, functio...

node.js中 stream使用教程

2016年08月30日 27 阅读

这些日子跑去学了一下OC，但是还没有学成。离转行的时间还有很长，顺便回顾一下node的知识。每种语言来来去去的人很多，但我就离不开node。我并不是使用它开发，只是使用js相对多一些，因此还是研究node比较好，stream在node的地位是很高的。闲时也来看看这个内容，在node的路上，我还是新手。今天下载了nodeschool的课程看，其中有一个例子。（我修改了一点点）var concat = require（"concat-stream"）;var ...

Node.js 日志处理模块log4js

2016年08月30日 18 阅读

log4js 是 Node.js 日志处理中的数一数二的模块。比起 console 或者 TJ 的 debug 有其优势，尤其针对投入生产的 Node.js 项目来说下面这些是不可少的：日志分级日志分类日志落盘本文将会给你一个 log4js 的全面介绍，让你可以在项目中驾轻就熟的使用 log4js，开发调试容易，线上更好地监控或排查问题。牛刀小试下面这三行代码为你展示了 log4js 最简单的用法：// file: simplest.jsvar log4j...

浅谈Nodejs应用主文件index.js

2016年08月30日 26 阅读

前言经过之前的文章《浅谈Nodejs应用的主文件index.js的组成部分》，终于认识了 Node 妹子的容颜，然后好像上呀＜（￣︶￣）＞。呦西~这次让本屌在她胴体上游走一番，想想也是不错滴。嗯哼，YY到此为止。正文这篇文章主要以组成部分为单位了解一下 index.js 这个主文件...皮肤有多滑（￣▽￣）~既然之前说过了index.js的组成部分，那么这次就一个组一个组的说。没错！本帅的手，怎么能放过你的每一寸肌肤！一、引入依赖模块嗯..就像这样：v...

分享JavaScript监听全部Ajax请求事件的方法

2016年08月30日 25 阅读

若Ajax请求是由jQuery的$.ajax发起的，默认情况下可以使用 jQuery的Global Ajax Event Handlers监听到Ajax事件，然而我遇到的却是用原生JavaScript发起的Ajax请求，所以这种方法行不通。然后呢，还有其他方法，比如说 Pub/Sub，但是这个发起请求的 js 代码我是无法改动的，也就不存在向代码里添加 publish 的问题。同理，jQuery 的 .bind 和 .trigger 也无法使用。最后，决定...

教你如何在Node.js中使用jQuery

2016年08月30日 23 阅读

想要在NodeJs中使用jQuery？首先，我们得安装jquery， npm install jquery 。安装后的版本是 3.1.0接着，第一感觉我们会使用 var $ = require（"jquery"）。将以下代码保存为app.jsvar $ = require（"jquery"）$（"body"）.append（"<div>TEST</div>"）;console.log（$（"body"）.html（））;运行 no...

利用jQuery的动画函数animate实现豌豆发射效果

2016年08月30日 22 阅读

先来看看效果图豌豆射手，草坪还有子弹都是现成的图片，1. jQuery是库还是框架？jQuery可以说是现在最流行的一个js类库，而非框架。之前在知乎上看到有人说了这样一句话：You call library. Framework calls you.我深以为然，字面意思大概就是你可以无约束地使用类库，却需要在各种限制条件下使用一个框架。我私以为，js 库指的是直接和document文档元素交互的一个API，你可以直接引用库，让它为你服务。而框架是偏向于架...

Javascript学习之谈谈JS的全局变量跟局部变量（推荐）

2016年08月30日 27 阅读

今天公司一个实习小妹子问我两段JS代码的区别：代码一：<script type="text/javascript"> var a = "Hello"; function test（）{ var a; alert（a）; a = "World"; alert（a）; }</script>代码二：<script type="text/javascript"> var a = "Hello"; function test（）{...

关于Javascript回调函数的一个妙用

2016年08月30日 24 阅读

前言其实回调函数简单通俗点就是当有a和b两个函数，当a作为参数传给b，并在b中执行，这时a就是一个回调（callback）函数,如果a是一个匿名函数，则为匿名回调函数那下面们来通过一个实例来具体解释下Javascript回调函数怎么使用。实例在很久很久以前，有一个人。var person;他是个人，也就是一个对象。person= {}; // 在JavaScript中，花括号就代表是一个对象他有个名字叫小明。person.name = "小明";看一下是不...

Ionic默认的Tabs模板使用实例

2016年08月30日 27 阅读

Ionic 默认的Tabs 模板，Android的在上方，IOS的在下方。在www/js/app.js修改配置，添加一个变量，再修改相应属性：.config（function（$stateProvider, $urlRouterProvider, $ionicConfigProvider） {$ionicConfigProvider.platform.ios.tabs.style（"standard"）;$ionicConfigProvider.plat...

深入理解React中es6创建组件this的方法

2016年08月30日 32 阅读

首发于：https://mingjiezhang.github.io/。在JavaScript中，this对象是运行时基于函数的执行环境（也就是上下文）绑定的。从react中的demo说起Facebook最近一次更新react时，将es6中的class加入了组件的创建方式当中。Facebook也推荐组件创建使用通过定义一个继承自 React.Component 的class来定义一个组件类。官方的demo：class LikeButton extends ...

妙用Bootstrap的 popover插件实现校验表单提示功能

2016年08月30日 16 阅读

最近的项目，用Bootstrap比较多。浏览Bootstrap文档，发现 popover 插件特别适合做表单校验出错的提示。因为使的非常频繁，最近把它封住下，做成 jQuery的插件。通过本插件，在 html标签中定义好 data-vaild=”校验正则” data-errmsg=”错误信息即可”。为什么要把校验规则写到 html 标签中呢？因为我还用它做了后台的校验规则（后台没用Node，现在用的ASP，忙完专门再发文写下原理）。<...

ionic隐藏tabs的方法

2016年08月30日 17 阅读

本文为大家分享了ionic隐藏tabs的方法，供大家参考，具体内容如下1. <ion-tabs ng-class="{"tabs-item-hide": $root.hideTabs}"><！-- tabs --></ion-tabs> 2.在该控制器下加上.directive：var module = angular.module（"app.directives", []）;module.directive（"show...

基于Bootstrap的Metronic框架实现页面链接收藏夹功能

2016年08月30日 19 阅读

在一个系统里面，往往有很多菜单项目，每个菜单项对应一个页面，一般用户只需要用到一些常用的功能，如果每次都需要去各个层次的菜单里面去找对应的功能，那确实有点繁琐。特别是在菜单繁多，而客户又对系统整体不熟悉的情况下，如果有一个类似浏览器的收藏夹模块，把一些常用的菜单连接保存起来，每次从这个收藏夹主页去找对应的页面，那样确实是省事省力，非常方便。本篇随笔就是介绍在基于Metronic的Bootstrap开发框架里面实现这个收藏夹的思路。1、系统的收藏夹界面处理效...

首页 / 脚本样式 / JavaScript

BootStrap+Angularjs+NgDialog实现模式对话框

jQuery实现的自适应焦点图效果完整实例

ionic实现可滑动的tab选项卡切换效果

ionic实现带字的toggle滑动组件

郁闷！ionic中获取ng-model绑定的值为undefined如何解决

ionic组件ion-tabs选项卡切换效果实例

NodeJS远程代码执行

node.js中 stream使用教程

Node.js 日志处理模块log4js

浅谈Nodejs应用主文件index.js

分享JavaScript监听全部Ajax请求事件的方法

教你如何在Node.js中使用jQuery

利用jQuery的动画函数animate实现豌豆发射效果

Javascript学习之谈谈JS的全局变量跟局部变量（推荐）

关于Javascript回调函数的一个妙用

Ionic默认的Tabs模板使用实例

深入理解React中es6创建组件this的方法

妙用Bootstrap的 popover插件实现校验表单提示功能

ionic隐藏tabs的方法

基于Bootstrap的Metronic框架实现页面链接收藏夹功能