TensorFlow.js 入门并动手编写娱乐版的双色球在线预测

2024-01-18 19:59

本文主要是介绍TensorFlow.js 入门并动手编写娱乐版的双色球在线预测,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

TensorFlow.js 入门并动手编写娱乐版的双色球在线预测

背景

一年前就知道了 TensorFlow js 版的存在,一直没有去玩一下。最近一次偶然的机会,要协助同事处理过一个 TensorFlow.js 相关的 Demo 小程序,要使用 TensorFlow.js 结合小程序的照相机 API 功能,实现**微信小程序扫描识别物体功能**。该 Demo 主要是由 TensorFlow.js 官方项目 – https://github.com/tensorflow/tfjs-wechat/tree/master/demo/mobilenet 改造而来。后面开始看官方 demo 开始由最简单的 《TensorFlow.js 实现线性回归》 的例子开始学习,并捣鼓出这个《TensorFlow.js 娱乐版的双色球在线预测》。

工具由来

为什么叫《TensorFlow.js 娱乐版的双色球在线预测》?哈哈,因为双色球开的期数总数才 2510+ 期,作为训练模型 model 学习的基础数据也太小了。还有本身电脑的计算能力也有限,如果硬把学习次数 epochs 加非常高,可能电脑要运行几天才可以学习完并预测出结果哈,大家可以试试选用期数为 00000-20000 来作为训练模型 model 然后把学习次数 epochs 加高来进行预测。

费话不多说,直接关键源码分析
$(document).ready(function() {
  runTf('00000-20000', 1, 29999)
  // 默认打开运行预测 训练模型期号数据是 00000-20000,学习次数是 1 次,预测的期号是 29999  $('#btn').click(function` `() { // 点击按钮绑定处理
  const modelVal = $('#model').val()
  const epochsVal = $('#epochs').val()
  const roundVal = $('#round').val()
  const tips = '<span class="tips pulse animated infinite">正在预测...</span>';  if (!modelVal) {
    alert('请先选择历史数据模型训练(model)')
    return false
  }  if (!epochsVal) {
    alert('请先输入学习次数(epochs)')
    return false
  }  if (!roundVal) {
    alert('请先输入待预测的期号')
    return false
  }  $('#micro-out-div').html(tips)
  runTf(modelVal, Number(epochsVal), Number(roundVal))
  })  function runTf(historyModel, epochs, round) { // 关键函数
    $('#table').load(`./ssq/history-${historyModel}.htm`, function` `() {
    // 加载相应的训练模型数据,来源于 500 彩票 http://kaijiang.500.com
    const rawArr = []
    const xsArr = []
    const yxArr = []
    // 通过 dom 操作把源数据由 table 中抽取出来
    $('#table .t_tr1').each(function` `() {
    let This = $(this);
    let str = ''
    This.find('td').each(function` `(n) {
    if` `(n === 0) {
      str += $(this).text()
    } else` `if` `(n < 8 && n > 0) {
      str += '|'` `+ $(this).text()
    }
  })  let arr = str.split('|')
  arr = arr.map((_) => Number(_))  rawArr.push(arr)
  xsArr.push(arr[0])
  yxArr.push(arr.slice(1))})
async function` `run() { // 关键代码
  // Sequential 序贯模型,序贯模型是函数式模型的简略版,为最简单的线性、从头到尾的结构顺序,不分叉,是多个网络层的线性堆叠。
  const model = tf.sequential()
  // 使用.add() 方法将各层添加到模型中
  model.add(tf.layers.dense({ units: 7, inputShape: [1] })) // Dense,支持通过参数 inputShape 指定输入尺寸,units: 该层的神经单元结点数(输出结果是 7 个球)
  // compile({loss, optimizer, metrics}) 编译模型,定义损失函数,优化函数,绩效评估函数
  model.compile({ loss: 'binaryCrossentropy', optimizer: 'sgd'` `}) // metrics 可参考:https://js.tensorflow.org/api/1.7.2/#Metrics
  console.log('开始,gogogo!')
  // 下面其实定义使用 tensor / tensor1d / tensor2d 都没关系,最终 tensor1d / tensor2d ...3d... 都跟 tensor 效果一样,语法糖来的
  const xs = tf.tensor(xsArr) // 定义一个张量(这里是历史期号)
  console.log(xs.shape) // 打印输入尺寸
  const ys = tf.tensor(yxArr) // 定义一个张量(这里是上面 xs 的历史期号对应所有的开奖结果)
  console.log(ys.shape) // 打印输入尺寸
  console.time('训练时间')
  console.log('开始训练...')
  await model.fit(xs, ys, { epochs: epochs }) // 导入数据进行训练 可参考:https://js.tensorflow.org/api/1.7.2/#tf.LayersModel.fit
  console.timeEnd('训练时间')
  console.log('结束训练')
  console.time('预测时间')
  console.log('开始预测...')
  const predicted = model // 为什么叫娱乐版的呢?因为下面出来的结果太失望了,要自己重新处理
  .predict(tf.tensor2d([round], [1, 1])) // 预测自己输入的期号为 round 的结果
  .abs() // 取绝对值
  .floor() // 去掉小数点
  .dataSync() // 得到的是一个 Float32Array,如果学习次数 epochs 太少的话,结果类似 [20661, 28071, 7391, 10978, 7883, 9646, 5441],WTF!太差了吗?
  .map((_, n) => { // 自己按号码规则求余优化成最终结果
    return` `n !== 6 ? _ % 33 || 33 : _ % 16 || 16
  })
  const obj = {} // 判断出来的红球有没有重复
  predicted.forEach((_, n) => {
    if` `(n !== 6) {
      obj[_] = 1
    }
  })
  if` `(Object.keys(obj).length < 6) { // 什么?出来的红球有重复?帮我重新预测吧
    run()
    return` `false
  }
  // 下面是 dom 操作,打印预测结果
  const predictedHtml = [...predicted] .map((_, n) => {    return` `n !== 6 ? `<i>${_}</i>` : `<b>${_}</b>     })
     .join(' | ')
    $('#micro-out-div').html(
     '期号 '` `+ round + ' 预测结果为:'` `+ predictedHtml
    )
    console.timeEnd('预测时间')
    console.log('结束预测')
   }
   run()
  })
 }
})
可能会遇到的问题

Error when checking input: expected dense_Dense1_input to have x dimension(s). but got array with shape y,z 或者 Error when checking input: expected dense_Dense1_input to have 3 dimension(s). but got array with shape 或者 Error when checking target: expected dense_Dense1 to have shape [,1], but got array with shape [6,7] 解决方式:一般是需要相应修改代码 model.add(tf.layers.dense({ units: 7, inputShape: [1] })) 中的 units 与 inputShape 的值就可以了

感慨良多

回忆起 10 几年前自己曾经在图书馆看过一本书名叫《神经网络与卷积学习》还是啥的,隐约回忆起类似下面一个画面。

TensorFlow.js 机器学习

TensorFlow.js 机器学习

还想起了当时书中介绍了“权重”、“权值”等概念。人工智能的概念与实现理论基础几十年前已经有了,受限与计算机的算力,一直没有发展起来,到最近十几年半导体行业与计算机计算能力的快速发展,人工智能才逐渐发展起来。

而自己机缘巧合,进入和开启了前端的职业生涯,在图形图像处理方向的学习,需要作图要用上向量与矩阵计算,需要重新拾起大学、高中、小学的数学知识;还有一段时间沉迷于对一些经典算法的练脑、学习与进步;感觉自己对未来的 AI 世界充满憧憬与期待。

参考引用

https://js.tensorflow.org/api/1.7.2/#Tensors https://github.com/tensorflow/tfjs-examples/tree/master/getting-started https://blog.csdn.net/qq_38806886/article/details/83892671 https://www.cnblogs.com/wj-1314/p/9579490.html

本文作者:Nelson Kuang,欢迎大家留言及多多指教

版权声明:欢迎转载学习 => 请标注信息来源于http://www.a4z.cn/fe/2020/05/29/tensorflow-js/


http://www.taodudu.cc/news/show-8428587.html

相关文章:

  • 第一卷清晨的帝国 第一百五十章 登山
  • 内卷的反义词是学习:学习的三个作用与方向
  • FastAPI 教程、结合vue实现前后端分离、nicegui
  • 【庄碰辉】平平淡淡才是真
  • 高能天气——团队作业第一周
  • 有一种自在平平淡淡
  • 我是一个现实的理想主义者
  • 被颠倒的现实主义与理想主义(番外篇)
  • 我是一个现实主义者
  • 做一个现实主义者
  • 目标检测学习笔记12——Yolo系列梳理学习
  • (Lidar SLAM 论文)LOAM: Lidar Odometry and Mapping in Real-time
  • 瀑布式图片排列
  • Js的图片瀑布流
  • 实现瀑布流加载图片
  • 基于react的瀑布流组件
  • 瀑布流图片布局
  • jQuery图片瀑布流
  • 纯php实现图片瀑布流渲染
  • 无聊加瞌睡中来这
  • 骗子太多?还是傻子不够用?玩的开心,散分
  • 搞笑QQ资料
  • 70、80、90后的离奇区别
  • 《Unity 游戏案例开发大全》一第6章 益智休闲类游戏——可乐可乐
  • 千头万绪
  • Netty源码分析系列之三:Netty启动之NioEventLoop创建
  • 千头万绪何处理 事事忧尽事事休{转载}
  • Blog开发笔记-千头万绪,不知从何说起...
  • 项目管理千头万绪 5个管理重点需要重视
  • IT系统千头万绪 你该从何理起?
  • 这篇关于TensorFlow.js 入门并动手编写娱乐版的双色球在线预测的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



    http://www.chinasem.cn/article/620099

    相关文章

    Python中模块graphviz使用入门

    《Python中模块graphviz使用入门》graphviz是一个用于创建和操作图形的Python库,本文主要介绍了Python中模块graphviz使用入门,具有一定的参考价值,感兴趣的可以了解一... 目录1.安装2. 基本用法2.1 输出图像格式2.2 图像style设置2.3 属性2.4 子图和聚

    Android实现在线预览office文档的示例详解

    《Android实现在线预览office文档的示例详解》在移动端展示在线Office文档(如Word、Excel、PPT)是一项常见需求,这篇文章为大家重点介绍了两种方案的实现方法,希望对大家有一定的... 目录一、项目概述二、相关技术知识三、实现思路3.1 方案一:WebView + Office Onl

    JS+HTML实现在线图片水印添加工具

    《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

    Node.js 数据库 CRUD 项目示例详解(完美解决方案)

    《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

    使用Node.js制作图片上传服务的详细教程

    《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

    用js控制视频播放进度基本示例代码

    《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

    Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

    《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

    MySQL使用binlog2sql工具实现在线恢复数据功能

    《MySQL使用binlog2sql工具实现在线恢复数据功能》binlog2sql是大众点评开源的一款用于解析MySQLbinlog的工具,根据不同选项,可以得到原始SQL、回滚SQL等,下面我们就来... 目录背景目标步骤准备工作恢复数据结果验证结论背景生产数据库执行 SQL 脚本,一般会经过正规的审批

    Python FastAPI入门安装使用

    《PythonFastAPI入门安装使用》FastAPI是一个现代、快速的PythonWeb框架,用于构建API,它基于Python3.6+的类型提示特性,使得代码更加简洁且易于绶护,这篇文章主要介... 目录第一节:FastAPI入门一、FastAPI框架介绍什么是ASGI服务(WSGI)二、FastAP

    基于.NET编写工具类解决JSON乱码问题

    《基于.NET编写工具类解决JSON乱码问题》在开发过程中,我们经常会遇到JSON数据处理的问题,尤其是在数据传输和解析过程中,很容易出现编码错误导致的乱码问题,下面我们就来编写一个.NET工具类来解... 目录问题背景核心原理工具类实现使用示例总结在开发过程中,我们经常会遇到jsON数据处理的问题,尤其是