网站开发

猜画小歌是由 Google 开发的一款人工智能猜画小程序，用户绘制出一个日常物件，然后神经网络会在限定时间识别用户的涂鸦。该网络源自全世界最大、囊括超过 5000 万个手绘素描的数据群。旨在让用户了解、体验人工智能的乐趣。 程序简介 开始作画 猜画小歌是一个你画图，小歌去猜的小程序，在20秒内成功让小歌猜出即可进入下一题 20秒倒计时，同时下方的水不断上涌，时间结束小歌还未猜出，游戏结束 结束作画后，你还可以看看脑洞大开的网友是怎么画的 排行榜 查看总排行（单局），不知你和神还差多少…… 我的画作 查看自己已经画出的和全部（未解锁）的信息 设置 如果你不想以后朋友看到自己是这样的灵魂画手，删除账号，从头再来（或不来）…… 说明&下载 猜画小歌： 微信小程序搜索：猜画小歌 或 相关推荐： 以上就是猜画小歌：Google AI的小歌去猜你所画的画的详细内容，更多请关注米云其它相关文章！

这是一个小程序新手练习的项目（基于微信quick demo改写），做了一个计算器。有基本的ui，有基本的跳转及简单的js逻辑，很适合初学者阅读。 读别人的代码，就是归整自己的编程技能。 涉及微信小程序开发相关知识： 1、CSS Flexbox布局 2、事件绑定、页面跳转 3、Page、window、App全局设置 4、wxml、wxsss、js、json文件使用方法 5、view、text、icon、button组件使用方法 6、navigate、wx.setStorageSync、数据绑定等API Setup 1、Clone the repo $ git clone github.com/dunizb/wxapp-sCalc.git 登录后复制 2、Import to Wechat DEV Tools 把项目导入到微信开发者工具中即可 编者注：源码中有两点值得注意—— 1，作者并没有给每一个计算器按钮绑定一个事件函数，统一绑定于blickBtn这一个函数，而通过id与e.target.id来分别用户点击的是哪一个按钮，并且作者直接用了计算按钮的屏显数字做了id，简单直接 2，单击按钮时有一个红色的高亮效果，该效果是通过css实现的： .item:active { background-color: #ff0000;…

promise和co都搞过了，终于还是忍不住要折腾，上es7的终极方案：async/await。 async/await也是和Promise配合使用的, 先来看一下示例代码，这个用法和我们之前讲的co的用法是极其相似的： function myAsyncFunc() {   return new Promise(function (resolve, reject) {     setTimeout(function () {       console.log("myAsyncFunction done!");       resolve({data: "Hello,World"});     }, 5000);   }); } async function test() {   var result = await myAsyncFunc();   console.log(result.data); //Hello,World } test(); 登录后复制 要在小程序中使用async/await的话，靠微信web开发者工具中的Babel转换工具是不够的了，因为需要一些额外的Babel插件来编译使用了async/await的代码。所以这次我们得自己写脚本来调用Babel。 在项目中，我们得先关闭“开启ES6转ES5”这个选项，因为我们现在要自己来做这件事情。 关闭选项 然后，我准备用Gulp来写我的脚本，从Gulp中调用Babel来编译我的代码。当然你也可以用你其他的工具如Grunt, Webpack之类的，你可以参考这里来了解如何在你使用的build工具中使用Babel。 重要的一点是，我们调用Babel时，需要给我们的Babel配置插件以支持async/await，比如async-to-generator，async-generator-functions等插件。方便起见，直接使用preset（也就是官方配置好的插件包），es2017或latest这两个preset其中之一都能满足我们的需要。 这是Babel的配置文件：.babelrc {     "presets": [ "latest" ],     "plugins": [] }…

这篇文章主要介绍了微信小程序 欢迎界面开发的实例详解的相关资料,这里实现欢迎界面的简单实例和实现代码及实现效果图，需要的朋友可以参考下 微信小程序 欢迎界面 市面上大多数的app都会有一个欢迎界面，下面将演示如何通过微信小程序实现一个欢迎界面。 下面将会按照以下的顺序介绍： 布局的实现 逻辑的实现 样式的实现 1.布局的实现 整个布局使用swiper滑动视图实现，滑动视图的每一个item通过一个block块包裹，块中包裹的是滑动视图的每一个item， item中包含image图片和button按钮   <swiper>     <block>      <swiper-item>       <image></image>       <button>立即体验</button>      </swiper-item>     </block>   </swiper> 登录后复制 2.逻辑的实现 在data中准备了一个imgs数组，数组中存放了3个图片的地址，这里还有一个start函数，该函数用来监听界面上button的点击事件。 wx.navigateTo这个api的作用就是实现界面的跳转并有返回的按钮，url是用来指定跳转的界面     Page({     data:{       imgs:[         "http://img.kaiyanapp.com/5edbf92b929f9174e3b69500df52ee21.jpeg?imageMogr2/quality/60",…

本篇文章给大家分享的内容是关于微信自定义分享功能的实现代码,内容很详细,有需要的朋友可以参考一下,希望可以帮助到你们. 前端时间,开发了一个资讯类的项目,但销售部门进行微信推广时,分享的链接直接是网页链接加分享符号,即难看又不正规,于是研究了一下微信自定义的分享功能 前期准备工作: 1.认证公众号的appId,appSecret 2.各种获取微信信息链接(此部分查找微信自定义分享API,地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115) # 获取access_token请求地址   getAccessTokenUrl: https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&amp;appid=%s&amp;secret=%s   #获取accessToken   getAccessTokenOAuthUrl: https://api.weixin.qq.com/sns/oauth2/access_token?appid=%s&amp;secret=%s&amp;code=%s&amp;grant_type=authorization_code   # 获取用户基本信息请求地址   getUserInfoUrl: https://api.weixin.qq.com/sns/userinfo?access_token=%s&amp;openid=%s&amp;lang=zh_CN   #获取code   getCodeUrl: https://open.weixin.qq.com/connect/oauth2/authorize?appid=%s&amp;redirect_uri=%s&amp;response_type=%s&amp;scope=%s&amp;state=%s#wechat_redirect   #获取ticket   getTicketUrl: https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=%s&amp;type=jsapi 登录后复制 3.controller层 /**      * 微信配置信息实体      */     @Autowired     private WeiXinProperties weiXinProperties;     //微信参数     private String accessToken;     private String jsApiTicket;     //获取参数的时刻     private Long getTiketTime = 0L;     private Long getTokenTime = 0L;…

本文主要和大家介绍了php+ajax实现的博客文章添加类别功能,结合实例形式分析了php+ajax实现的数据交互、数据库连接、查询等相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。 一. 代码 fun.js function saveType(typename, username){   if(typename==''){   //判断博客类别是否为空     alert('请输入类别名称！');   }else if(username==''){   //判断用户名是否为空     alert('请输入用户名！');   }else{     var xmlObj;   //定义XMLHttpRequest对象     var urlData = "typename="+typename+"&amp;username="+username;    //指定要发送的数据     if(window.ActiveXObject){   //判断浏览器是否支持ActiveXObject组件，如支持则通过ActiveXObject方式创建XMLHttpRequest对象       xmlObj = new ActiveXObject("Microsoft.XMLHTTP");     }else if(window.XMLHttpRequest){   //如果浏览器不支持ActiveXObject组件，则使用XMLHttpRequest组件创建XMLHttpRequest对象       xmlObj = new XMLHttpRequest();     }     xmlObj.onreadystatechange = callBackFun;   //指定回调函数     xmlObj.open("POST", "saveType.php", true);   //指定提交方法和页面     xmlObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");   //指定发送数据库类型     xmlObj.send(urlData);   //指定发送的数据     function callBackFun(){   //定义回调函数       if(xmlObj.readyState == 4 &amp;&amp; xmlObj.status == 200){   //如果服务器端返回内容并无错误发生         if(xmlObj.responseText == 'y'){  //判断保存是否成功，并给出提示           alert('类别添加成功！');         }else{           alert('类别添加失败！');         }…

有三种方式可以获取用户当前位置： （学习视频分享：） 1、wx.getLocation（多与wx.openLocation一起用） 获取当前的精度、纬度、速度。不需要授权。当type设置为gcj02 返回可用于wx.openLocation的坐标 2、wx.chooseLocation 需要授权，打开地图选择位置 第一次调用方法时先出现 允许权限之后之后再出现 如果第一次就不允许，则一直调用wx.chooseLocation的fail方法 3、wx.openLocation 需要授权，使用微信内置地图查看位置。多半用于查看起点到终点的路线怎么走  授权方法有三种： 1、wx.getSetting 获取用户的当前设置，返回值中只会出现小程序已经向用户请求过的权限，类似下面的样子 2、wx.openSetting 调起权限设置选择界面，设置界面只会出现小程序已经向用户请求过的权限，类似下面的样子 3、wx.authorize 提前向用户发起授权请求。调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据，但不会实际调用对应接口。如果用户之前已经同意授权，则不会出现弹窗，直接返回成功。，类似下面的样子 这就是wx.authorize出现的内容 问题来了：假如我第一次使用wx.chooseLocation（）获取权限被拒绝，然后使用wx.getSetting（）来重新获取权限该怎么做呢？ 思路：wx.chooseLocation（）有fail方法，如果第一次拒绝之后，以后调用选择地图都是触发的这个，那么我可以在fail方法里面，使用wx.getSetting（），这样就每次都能判断是否已经给与了权限了。 第一步：由于有可能会多次使用定位的方法，所以我把定位的方法写到App.js中，方便调用 App({     //获取用户地理位置权限     getPermission:function(obj){       wx.chooseLocation({         success: function (res) {    …