这篇文章中,我们将使用TensorFlow.js来根据数据拟合曲线.即使用多项式产生数据然后再改变其中某些数据(点),然后我们会训练模型来找到用于产生这些数据的多项式的系数.简单的说,就是给一些在二维坐标中的散点图,然后我们建立一个系数未知的多项式,通过TensorFlow.js来训练模型,最终找到这些未知的系数,让这个多项式和散点图拟合. 一.运行代码 这篇文章关注的是创建模型以及学习模型的系数,完整的代码在这里可以找到.为了在本地运行,如下所示: $ git clone https://gi…
最近去面试了,对方要求我在一个星期内用原生的js代码写一个全屏轮播的插件,第一想法就是跟照片轮播很相似,只是照片轮播是有定义一个宽高度大小已经确定了的容器用来存储所有照片,然后将照片全部左浮动,利用margin-left的值不断变化,来改变显示哪张照片,当达到最后一张的时候,将第一张照片appendChild到最后一张照片的后面,如果有左右移动的话,当到达第一张照片时,还要继续左移动的话,就将最后一张照片利用insertBefore,将最后一张照片放在第一张照片的前面,这两个方法都只是改变子元素…
做了一个图片等比缩放的js 芋头 发布在view:8447   今天改了一下博客的主题,发现博客主题在ie6下变样了,后来发现是因为某篇文章里的某个图片太大了撑开了容器,导致样式错位,前几天公司需求里也曾遇到过要编写一个等比缩放的东西,后来不了了之,今天就一起解决了它吧. 1.等比缩放? 等比缩放就是一张图片按照比例缩放,而不是按照容器大小去缩放,那样会变形而且变得很丑,例如下面的示例: 这是原图片,大小是200*100: , 如果不按比例缩放成100*100: ,很明显变形了. 我现在要的效果…
Rails5.1增加了Webpacker: Webpacker essentially is the decisions made by the Rails team and bundled up into a gem. Webpacker帮我们做好了几乎所以配置工作,我们只需要聚焦在写Js上. React : React is a JavaScript view library designed to quickly create dynamic user interfaces. Chapte…
用 JS 做一个数独游戏(二) 在 上一篇博客 中,我们通过 Node 运行了我们的 JavaScript 代码,在控制台中打印出来生成好的数独终盘.为了让我们的数独游戏能有良好的体验,这篇博客将会为生成好的数独终盘做一个比较完善的界面.最终的效果如下: 你也可以访问网页上的 demo 进行数独游戏的体验. 完善挖洞算法 上一篇博客 中提到过挖洞算法,实际上那并不完整,因为算法里面只有生成数独终盘的部分,并没有进行挖洞处理(也就是隐藏部分格子).为了补充完整挖洞的算法,我们在 Game 对象里面…
用 JS 做一个数独游戏(一) 数独的棋盘由 9x9 的方格组成,每一行的数字包含 1 ~ 9 九个数字,并且每一列包含 1 ~ 9 这 9 个不重复的数字,另外,整个棋盘分为 9 个 3x3 的块,每个块中包含的数字也是 1 ~ 9.数独棋盘是非常对称的,所以行和列实际上通过旋转一定的角度就可以相互转换. 数独终盘 生成步骤 生成数独终盘有多种方法,其中一种是挖洞法:先生成一个随机的数独终盘,然后随机隐藏某几个位置的数字,让用户进行填空.这里我们用到的方法就是挖洞法,以行为单位进行数字的填充.…
下班回家用二十分钟给闺女做了一个加减乘除的页面,顺便记录下代码,时间仓促,后期再来修改吧 目录结构 -yq --menu.html --yq.html --yq50.html --yq70.html --yq100.html --js --check.js --clock.js --yq_part1.js --yq_part2.js 功能 -menu页面可以选择10以内50以内等加减乘除法 -选择后页面replace相应页面,通过js代码生成算式 -返回按钮replace到menu页面 -加入计…
用css3属性很容易做一个立方体,但是要做一个球体,会相对复杂些 原理是:球可以看做是由无数个圆圈构成,然后就可以用圆圈来做球, 下面的例子是我做的一个小球,由72个圆圈组成.如果把每个圆圈的背景颜色设置同一颜色,效果更佳 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <styl…
今天,给大家分享一个用JS做的时钟. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <style media="screen"> #wrap { width: 500px; height: 500px; border: 5px solid black; border-radius: 500px; margin: auto; position: rel…
一.非计算机背景前端如何快速了解Node.js? 做前端的应该都听过Node.js,偏开发背景的童鞋应该都玩过. 对于一些没有计算机背景的,工作内容以静态页面呈现为主的前端,可能并未把玩过Node.js,且很有可能对Node.js都没有一个比较立体的认识——知道这玩意可以跑服务,构建很多前端工具,看上去很厉害的样子,但是,可能就仅限于此了. “那可否三言两语概括Node.js的林林总总呢?” “不可!” “那怎么办?” “那就六言四语!” 首先,要知道,Node.js一个JavaScript运行…