Angular+Node生成随机数的方法


Posted in Javascript onJune 16, 2017

本文实例讲述了Angular+Node生成随机数的方法。分享给大家供大家参考,具体如下:

以前写过一个PHP生成随机数,然后jquey ajax获取,再jQuery改变文本的随机数的程序

现在用Angular 和 Node来重写一下

Angular的好处是双向绑定,这样直接设置变量,不用再重新设置了

Node的好处我目前还不是很理解,可以通过count这个例子来说明一下Node和PHP的不同之处

当然了,最大的好处就是,前后端都可以用JavaScript来写了,这样的话Javascript的水平就会大幅提高!

Node

app.js

var express = require('express');
var app = express();
var count = 0;
app.get('/', function (req, res) {
 res.header('Access-Control-Allow-Origin', '*');
 var x = Math.floor(Math.random() * 1e6);
 res.send(String(x));
 console.log(count++);
});
app.listen(3000, function () {
 console.log('Example app listening on port 3000!');
});
res.header('Access-Control-Allow-Origin', '*');

这个涉及到跨域的问题,加上这句话就不是本地的也能访问了,以后要做hybrid APP这时必须要用的
然后就是生成一个随机数了,关键是count这个变量,后面执行的时候每访问一次,它都不一样,说明Node是常驻内存的,不想PHP,加载完了事

Angular

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
 <div ng-app="myApp" ng-controller="customersCtrl">
  {{names}}
  <button ng-click="myClick()">获取签到码</button>
 </div>
 <script>
  var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
 $scope.myClick = function(){
  $http.get("http://localhost:3000").success(function (response) {$scope.names = response;});
 }
});
 </script>
</body>
</html>

有一些概念:

module

ng-app 模块,目前的理解是模块化

Controller

ng-controller 控制器 是个 对象
对象包含成员,用$scope访问

Javascript 相关文章推荐
记录几个javascript有关的小细节
Apr 02 Javascript
Firefox div高度自适应
Apr 28 Javascript
javascript instanceof 与typeof使用说明
Jan 11 Javascript
写得不错的jquery table鼠标经过变色代码
Sep 27 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
js中let和var定义变量的区别
Feb 08 Javascript
简单通过settimeout看javascript的运行机制
May 10 Javascript
小程序实现日历左右滑动效果
Oct 21 Javascript
vue动态设置页面title的方法实例
Aug 23 Javascript
详解Java中String JSONObject JSONArray List转换
Nov 13 Javascript
TypeScript实用技巧 Nominal Typing名义类型详解
Sep 23 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 #Javascript
vue高德地图之玩转周边
Jun 16 #Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 #Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 #Javascript
vue之数据交互实例代码
Jun 16 #Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 #jQuery
JS基于正则实现数字千分位用逗号分隔的方法
Jun 16 #Javascript
You might like
5种PHP创建数组的实例代码分享
2014/01/17 PHP
php第一次无法获取cookie问题处理
2014/12/15 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
JavaScript中String和StringBuffer的速度之争
2010/04/01 Javascript
JavaScript语言核心数据类型和变量使用介绍
2013/08/23 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
jquery获取select选中值的方法分析
2015/12/22 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
2016/01/21 Javascript
javascript+css3 实现动态按钮菜单特效
2016/02/06 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
浅谈jquery中next与siblings的区别
2016/10/27 Javascript
初识NodeJS服务端开发入门(Express+MySQL)
2017/04/07 NodeJs
Vue input控件通过value绑定动态属性及修饰符的方法
2017/05/03 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
js实现京东秒杀倒计时功能
2019/01/21 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
2019/06/14 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
推荐几个不错的console调试技巧实现
2019/12/20 Javascript
vue 使用v-for进行循环的实例代码详解
2020/02/19 Javascript
vue 页面跳转的实现方式
2021/01/12 Vue.js
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python读写unicode文件的方法
2015/07/10 Python
Python 忽略warning的输出方法
2018/10/18 Python
Python 实现中值滤波、均值滤波的方法
2019/01/09 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
Django获取应用下的所有models的例子
2019/08/30 Python
以设计师精品品质提供快速时尚:PopJulia
2018/01/09 全球购物
Linux常见面试题
2013/03/18 面试题
学术会议主持词
2014/03/17 职场文书
《生命的药方》教学反思
2014/04/08 职场文书
婚纱摄影师求职信范文
2014/04/17 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书