HTML5+JS

html5在线俄罗斯方块,HTML5+JS实现俄罗斯方块

HTML俄罗斯方块@font-face{font-family:tmb;src:url("DS-DIGIB.TTF")format("TrueType");}body>div{font-size:13pt;padding-bottom:8px;}span{font-family:tmb;font-size:20pt;color:green;}俄罗斯方块速度:当前积分:最高积分:jsconstTET
俯卧撑菜鸟·2024-08-27 19:57

分享24个网页游戏源代码，总有一个是你想要的

Html5+JS网页版捕鱼达人游戏HTML5水果忍者游戏源码JS网页射击小游戏星球防御大战游戏源码//VanillaJS//PLAYINFULLPAGEVIEW!win
adendean·2023-11-05 21:05

分享24个网页游戏源代码，总有一个是你想要的

Html5+JS网页版捕鱼达人游戏HTML5水果忍者游戏源码JS网页射击小游戏星球防御大战游戏源码//VanillaJS//PLAYINFULLPAGEVIEW!win
zdh13370188237·2023-09-24 15:11

html5+JS调用手机摄像头扫码

在app项目中实现HTML5的扫描二维码，网上的搜了一大推，但是实际使用的时候发现能直接上手的并不多，所以自己百度，然后提炼了一些，下面直接上代码。注意：1.安卓(5.1)有些手机中测试正常，iOS暂时不行，后续再研究。2.需要自己打包成APP，比如用Hbuilder打包，因为摄像头涉及权限问题。（demo下载）js插件链接:https://download.csdn.net/download/w
有趣的前端·2023-07-27 18:18

分享24个网页游戏源代码，总有一个是你想要的

Html5+JS网页版捕鱼达人游戏HTML5水果忍者游戏源码JS网页射击小游戏星球防御大战游戏源码//VanillaJS//PLAYINFULLPAGEVIEW!win
MonkT·2023-03-30 04:55

2022跨年烟花代码（十）指哪打哪的HTML5+JS烟花特效

指哪打哪的HTML5+JS烟花特效HTML代码带交互功能的HTML5+JS烟花特效/*basicstylesforblackbackgroundandcrosshaircursor*/body{background
A雄·2022-02-26 14:46

html5+js制作自己的视频控件(实现弹幕效果，拖动进度条，播放时间) 一

制作自己的视频控件今天我们自己制作网页视频播放控件。效果图如下：video标签在h5中新添的视频标签video，设置了controls属性后，会出现默认的控件。而我们希望给这个控件添加更多的效果和样式，所以controls属性我们不设置，通过js来制作自己的播放器。css样式我会在最后贴出，我们的目标是实现控件的功能html结构播放00:00/00:00发射倍速2x1.5x1.25x1x0.5x音
南郭菌！·2021-04-10 17:20

我的WEB版本IDE

这套WEBIDE采用HTML5+JS模式开发，后台采用JAVA，最初的目的，开源让项目直接在云端开发，例如你在上海开发的项目，等你回家了
ok_leixiao·2020-08-22 10:01

解决 在Mac OS下开发html5+JS Chrome 浏览器 跨域 和 安全访问问题

我的地址：http://blog.csdn.net/jinglijun/article/details/9532953从去年到今年一直从事Hybrid开发模式，一会要写写iOSnative代码，一会要写写Html5
jinglijun·2020-08-21 14:19

HTML5+JS实现坦克大战小游戏

   听了韩顺平老师的视频教程，学到了不少编程思想，原来看似简单的坦克大战小游戏写起来其实并不简单。这里总结一下这几天学到的东西。首先是关于html5的知识了。这里我们基本上只用了画布canvas来画坦克，还有就是html5的第一行来说明这是一个使用html5写的页面,html5的特性之一就包括canvas，这是html中没有的标签。另外一个就是js了，涉及到的语法都是最简单、最基本的用法，这在代
Earl_Martin·2020-08-15 03:16

HTML5+JS游戏开发模块----发射多颗子弹

现在开始射击游戏中发射子弹模块，说实话，这是我上网查找资源自学后，自己捣鼓的。由于兴趣支撑，由于缺乏正规教程，而我又没有钱培训，基础不好也不敢冒险培训。所以，代码很初级，更多是为了实现某种目的，按键处理这块处理很不友好，不喜勿喷！趁着还有点热爱，赶紧发发文章，避免一事无成。多颗子弹有几个难点：1.子弹对象2.子弹的数组，保存很多子弹对象3.怎样为不同的子弹加载独立的计时器4.按键触发射击，怎样控制
miao淼·2020-08-14 01:12

MUI全国城市区县级联json转换sql建表

这一套开发体系是Dcloud创建的，核心是提供了一套全html5+js实现手机APP端的开发（所谓的移动App）方案，以区别传统的webview实现的“Mobileweb”，可谓html5的自我颠覆，左右互博
weixin_30498921·2020-08-12 18:37

HTML5+JS游戏开发模块----canvas打字游戏

原本要继续研究塔防游戏，但发现寻路算法搞不定，其实算法压根看不懂，看的头晕，炮塔自动追踪移动物体也搞不定，塔防项目得延迟了。所以，就搞了另外一个游戏，键盘打字母游戏，老样子，因为初学javascript，代码比较乱，见谅。游戏难点：1.字母初始化2.一个字母消失后，自动补充一个3.字母运动想必大家也看出来了，游戏比较简单，直接开始js部分。字母类//字母类functionWord(){this.x
miao淼·2020-08-12 14:00

html5+js 进行录音，

最近在写一个纯html5+js的移动端app，客户提出即时通讯功能还要发送语音，整整花费了一个星期的时间，终于能在android上边进行录音，废话不多说了，上代码。。。。。。。。
白隐·2020-08-08 21:43

Recorder.js HTML5+JS实现网页录音

最近项目有个需求，想要通过网页形式实现录音功能，经过多方查阅资料。总结可得，目前IOS系统不支持此功能，一部分浏览器和安卓支持。我们在网页端实现播放音频/视频现在已经没那么难了，但是有的奇怪需求，比如想要你实现在网页上录音/录视频/拍照，这些就没那么轻而易举了。1.经过查阅得知，以前进行媒体音视频得录制，通常是使用Flash和Sliverlight等等进行的。如果想进行网页录音/录视频，MDN提供
一只没有感情的小杀手·2020-08-08 20:13

HTML5+JS游戏开发模块----canvas图片拖放

边学边做笔记，现在游戏开发进入下一个阶段，canvas图片拖放模块，如果要做塔防类游戏，少不了拖放炮塔之类的。HTML5提供拖放标签，draggable，ondrop，ondragover,ondragup等标签实现元素拖放，但是，canvas内部图片是无法使用这种方式的。canvas拖放难点：1.鼠标移动到canvas上，记录鼠标坐标2.怎样确定鼠标是否在图片上3.怎样让图片跟随鼠标移动（模拟拖
miao淼·2020-08-05 11:37

html5+js拖拽上传的那些事

最近搞了个拖拽上传的项目，以为挺简单，做了之后发现里面涉及的东西还是非常多的。这里随性的谈谈其中有意思的地方吧。拖拽事件-原生拖拽事件DragEvent上传是html5的东东，对应的几个事件有dragdragenddragenterdragexitdragleavedragoverdragstartdrop其中常用的有四个：dragenter、dragover、drop、dragend分别对应的事
Lienviws·2020-08-04 15:12

html5+js实现刮刮卡效果

通过Canvas实现的可刮涂层效果.修改img.src时涂层也会自动适应新图片的尺寸.修改layer函数可更改涂层样式.涂层:可刮效果:F5html,body{margin:0;padding:0;height:100%;width:100%;-webkit-overflow-touch:none;};(function(){varisTouch='ontouchstart'inwindow,ev
weixin_30363509·2020-07-28 16:51

使用Html5+JS做的贪吃蛇小游戏

学习了Html5的Canvas的使用，和JS创建对象，做了一个贪吃蛇小游戏，来巩固JS面向对象编程和Canvas的用法。Node.js1/**2*格子类,组成贪吃蛇和舞台3*/4functionNode(x,y){5this.x=x;6this.y=y;7/**8*比较两个格子是否重合9*/10this.equals=function(x,y){11returnthis.x==x&&this.y=
weixin_34107739·2020-07-15 15:08

Jsp课后习题2.7

主文件main.jsp,被导入文件lader.jsp备注：同样的功能也可以用Html5+js来实现固定数值实现：main.jsplader.jsp梯形上底为：梯形下底为：梯形高为：梯形面积为：
liquidRWQ·2020-07-15 14:30

程序员用node.js开发人脸识别系统（视频+源码）

数据交互,Node图像处理,跨域与413处理,base64解码,post响应,JavaScript开发经验分享等人脸识别系统的源码项目和视频文末有领取地址人脸识别系统开发的部分源码示意图：源码领取地址html5
DarkSpy13·2020-06-30 15:39

js 定义二维数组并初始化

最近一朋友搞安卓的，需要做个电影院选作位的VIEW原生安卓找不到对应的实现方法，只好求助于我用前端html5+js实现。搞了半夜，附上劳动成果。
桃根仙·2020-06-26 18:58

Html5+js测试题【完整版】

一.闭包的理解:使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包三个特性:1.函数嵌套函数;2.函数内部可以引用外部的参数和变量;3.参数和变量不会被垃圾回收机制回收二.Cookie的弊端:cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的;每个特定的域名下
ampg7191·2020-06-22 13:58

发布支持VR的Web3D内容

设备的各种状态，比如头显或显示设备的位置、朝向以及其它的运动姿态等可以将Web端中显示和渲染的内容通过合适的方式送往头显或显示设备针对上述两点，在不同的Web内容的实现中有不同的方法，主要分为以下三种：1.基于Html5
BugRunner·2020-06-21 17:08

解决 在Mac OS下开发html5+JS Chrome 浏览器 跨域 和 安全访问问题

Macos下面用/Applications/Google\Chrome.app/Contents/MacOS/Google\Chrome--disable-web-security或者open-a"GoogleChrome"--args--disable-web-security然后就可以看到下面的效果了：Ubuntu?Linux:chromium-browser--disable-web-sec
511979194·2020-03-18 21:21

html5+js写出歌词同步手机播放器

学习疲惫了，代码敲累了，听听自己做的的音乐播放器，放松与满足javascript进阶课题：HTML5迷你音乐播放器知识点：for循环语句，DOM概念，元素获取，动态布局，字符串切割，节点操作，audio标签，歌曲监听事件等音乐播放器，如果没有歌词的话，很容易做的，布局也很简单，对于音频的处理也不难，难点就在于歌词同步，这一点上，对于javascript的运用要非常的熟练，建议使用原生js。开发为了
前端学习·2020-03-01 14:36

我的屌丝giser成长记-工作篇之B公司

webgis开发方向，但是具体实现的技术完全变了，从flex转换js，这也是我要离开A公司的最重要的原意之一；A公司的arcgisforflex框架采用了flexviewer，但是flex已经注定被淘汰的，而html5
gis之家·2019-12-08 13:47

一个小巧，也很nice的“小日历”--一个Android App

所以，写了一个“小日历”特点：这个小日历完全采用HTML5+JS开发（基于SimpleCalendar开发），数据库也是使用HTML5内置的WebSQL。系统非常小巧，也就125K。
dotnetcms.org工作室·2019-07-19 08:00

使用Hbuilder进行混合App开发

2、HybridApp：混合开发App，即使用原生与HTML5+JS相互调用的一种开发模式，把HTML5页面放进一个原生容器中，通过JSA
跹尘·2019-02-07 00:15

使用Hbuilder进行混合App开发

2、HybridApp：混合开发App，即使用原生与HTML5+JS相互调用的一种开发模式，把HTML5页面放进一个原生容器中，通过JSA
跹尘·2019-02-07 00:15

spring-boot项目实例

项目实例一直想做一个自己的后台管理系统框架，正好在找工作期间，顺便巩固知识技术选型后台:spring-bootmybatismysql权限:jwt+shiro缓存:redis前端:前后分离的，奈何前端知识有限，先用html5
熊人族无所畏惧·2018-03-25 16:35

HTML5+js的两种轮播图(静态获取图片方法和动态获取图片)

第一种：静态获取图片写法，给定图片的个数，用js实现轮播图自动转换。Document.show_div{width:400px;height:400px;margin:0auto;border:2pxsolidblock;overflow:hidden;}.scroll_div{width:2000px;height:400px;}.scroll_divimg{width:400px;height
朱小熊·2017-09-05 17:00

基于HTML5+JS实现本地图片裁剪并上传功能

最近做了一个项目，这个项目中需要实现的一个功能是：用户自定义头像（用户在本地选择一张图片，在本地将图片裁剪成满足系统要求尺寸的大小）。这个功能的需求是：头像最初剪切为一个正方形。如果选择的图片小于规定的头像要求尺寸，那么这整张图片都会作为头像。如果大于规定的尺寸，那么用户可以选择要裁剪的区域。用户点击确定按钮，就将裁剪得到的图片数据发送到服务器，在后端将图片数据保存成一个文件。要完成上述功能，涉及
QxQstar·2017-03-24 08:26

html5+js拖拽上传

拖拽事件——原生拖拽事件DragEvent上传是html5的东东，对应的几个事件有dragdragenddragenterdragexitdragleavedragoverdragstartdrop其中常用的有四个：dragenter、dragover、drop、dragend分别对应的事件为：拖进、拖来拖去、释放鼠标、拖出换成代码就长这样：document.addEventListener("d
DarkingTear·2017-02-23 22:06

Html5+JS实现手机摇一摇功能

这篇文章主要介绍了Html5+JS实现手机摇一摇功能,本文使用HTML5的DeviceOrientation实现监听手机方向传感器数据,实现摇一摇功能雏形,需要的朋友可以参考下HTML5一个重要特性就是
Jarvan大熊·2017-01-12 17:57

Html5上传图片 移动端、PC端通用代码

今天摒弃angular的东西分享一个html5+js图片上传案例。那么今天还是按照一定的步骤来讲吧。HTML第一步创建html，我们在页面中放置一个文件选择的input#upload（PS：偷懒
佚名·2016-06-08 11:26

HTML5+JS，微信平台开发

  【项目概要】   最近进入了一个新的项目，手机移动端的开发。微信平台，现在是家喻户晓。而自己没想到，这么快，就可以亲身接触到这样一个微信平台开发项目中。如何使得我们写HTML页面去适应各种手机，这就是在这个项目中，需要我们去做处理的一方面。  【项目基础】  HTML，大家都有很长一段时间的接触了，前台页面，一直是比较薄弱和不重视的地方。如果在面试时，让自己手写一段HTML代码，恐怕是难以下笔
u013034223·2016-03-21 19:00

使用Html5+JS做的贪吃蛇小游戏

学习了Html5的Canvas的使用，和JS创建对象，做了一个贪吃蛇小游戏，来巩固JS面向对象编程和Canvas的用法。Node.js 1/** 2*格子类,组成贪吃蛇和舞台 3*/ 4functionNode(x,y){ 5this.x=x; 6this.y=y; 7/** 8*比较两个格子是否重合 9*/ 10this.equals=function(x,y){ 11ret
fighting9527·2016-01-20 19:00

Html5+JS实现手机摇一摇功能

HTML5一个重要特性就是DeviceOrientation，它将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。这个特性包括两种事件：1、deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。2、deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据。使用它我们
Log_Lt·2016-01-14 14:24

只要三步，使用html5+js实现像素风头像生成器

只要三步，使用html5+js实现像素风头像生成器 html5的画布给我们带来了很大的空间，其实像素风格头像生成器只是用到了画方块的方法。
·2015-11-12 21:15

First App on Phonegap | Cordova

优势： 1.兼容性：多平台支持 2.标准化； 3.易学：html5+js 劣势： 1.性能：图形、数据处理等 2.还是性能,如果需要使用OpenGL进行图形编程，使用插件形式加载，还是需要根据各个平台定制
·2015-11-10 23:24

Cocos2d-js 开发记录-初始

  原本想这么小的网页游戏，用HTML5+JS纯手写吧，加个游戏引擎下载就要上MB了，手写加上资源图片只要几百kB，移动端上打开也快，就开始写了，很快写了个700行
·2015-11-09 14:05

用HTML5+JS开发跨平台的桌面应用

通过Node.js和WebKit技术的融合，开发者可以用HTML5技术编写UI，同时又能利用Node.js平台上众多library访问本地OS的能力，最终达到用Web技术就可以编写桌面应用的目的。 选择Electron和Vue.jsElectron我们想要快速的开发一款体验友好的跨平台应用，网上逛了一圈，对Electron和NW.js产生的兴趣多点，而最后选择了Electron，总结有以下几点：J
稻草人.Net·2015-11-05 10:00

HTML5+JS手机web开发之jQuery Mobile初涉

一、起始之语 我一直都是在PC上折腾网页的，这会儿怎么风向周边捣鼓起手机网页开发呢？原因是公司原先使用Java开发的产品，耗了不少人力财力，但是最后的效果却不怎么好。因为，Android系统一套东西，iPhone又是新的一套，折腾死人呐。 于是总监发狠，让我把手上的活都交出去，专心折腾web版的，看看最后效果如何。 加上我觊觎手机上的开发学习很久了，于是，一拍即合，搞起了手机开发方面的学习。
·2015-10-30 12:31

用html5+js实现掌机游戏赛车demo

最近无聊，用html5+js做了一个以前玩过的掌机赛车游戏，顺便学习一下画布的api以及巩固一下js基础。 游戏界面，没做什么美化。
·2015-10-30 11:04

用HTML5实现的各种排序算法的动画比较

用HTML5实现的各种排序算法的动画比较】这是旧金山大学的DavidGalles教授用HTML5+js制作的数据结构动画课件中算法动画比较部分。
luckyboy101·2015-10-10 08:00

基于命令行编译打包phonegap for android应用

不过，对于使用html5+js开发的phonegap应用，本文建议你抛弃Eclipse，改为使用命令行模式，绝对的快速和方便。
a497785609·2015-05-10 10:00

Html5+JS实现手机摇一摇功能

HTML5一个重要特性就是DeviceOrientation，它将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。这个特性包括两种事件：1、deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。2、deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据。使用它我们
佚名·2015-04-24 16:39

HTML5+JS 《五子飞》游戏实现（八）人机对战

要想实现人机对战，就必须让电脑自动下棋，而且要知道自动去查找对方的棋子，看看有没有可以挑一对的，有没有可以夹一个的，这样下起来才有意思。当电脑用户下完棋后，电脑应立即搜索用户的棋子，然后如果没有被吃的，就再随机走一个棋子（要想让电脑成为下棋高手就不能随机下棋，要考虑下棋后会不会再被对方吃掉等等，这里只简单做随机下子了）。 完整《五子飞》游戏人机对战：http://www.lyout.com/pro
里沃特·2015-01-19 20:00

HTML5+JS 《五子飞》游戏实现（七）游戏试玩

前面第一至第六章我们已经把《五子飞》游戏的基本工作都已经讲得差不多了，这一章主要是把所有的代码分享给大家，然后小伙伴们也可以玩一玩。至于人机对战的我们放到后面讲进行分析。 试玩地址：http://www.lyout.com/projects/fiveflychess/FiveflyChess7.htm 现在我们来总结一下该小游戏的一些基本定义：//定义游戏对象 functionGameChess
里沃特·2015-01-17 11:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他