一 .head中的各种标签 1. <!DOCTYPE html><html>文档类型声明 声明当前文件是一个HTML5文件文档类型声明在一个html文件中必不可少 而且必须在网页第一行 2. <! > 键盘按键为Ctrl+？ 注释 3. <head> head中用于设置网页的相关信息 4. <met ...
分类：
Web程序 时间：
2020-05-04 13:02:22
阅读次数：
1004
websocket WebSocket 是HTML5新增的一种通信协议，其特点是服务端可以主动向客户端推送信息，客户端也可以主动向服务端发送信息，是真正的双向平等对话，属于服务器推送技术的一种。 Socket.io 提供了基于事件的实时双向通讯 页面中引入 socket.io <script src ...
分类：
Web程序 时间：
2020-05-03 18:45:35
阅读次数：
165
前言 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些 ...
分类：
Web程序 时间：
2020-05-03 16:31:43
阅读次数：
75
? ES6-Mario 这是一个用原生ES6语法和HTML5新特性写成的Web 游戏。 通过这个项目，你可以在实践中对ES6的主要内容、HTML Canvas 相关API以及Webpack的基础配置有一个直观的认识。 主体结构学习自 Meth Meth Method On Youtube @Meth ...
分类：
Web程序 时间：
2020-05-03 14:40:06
阅读次数：
77
前言 3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板，从面板中拖动物体到右侧的 3D 场景中，当然，我鼠标拖动到的位置就是物体放置的点，但是这次我们 ...
分类：
Web程序 时间：
2020-05-03 10:34:47
阅读次数：
75
问题 开发HTML5页面要解决的主要问题之一，就是调用系统的能力，比如拍照／选图／保存图片到相册／录音／录制视频／定位等，而是否能够调用这些能力，在于其运行环境是否开放了这些权限，是否能够便捷地使用，取决于所提供的API。若是微信网页开发，微信提供了js-sdk, 以及weui样式库；那么若是原生A ...
分类：
Web程序 时间：
2020-05-03 10:31:12
阅读次数：
90
前言 用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了，这篇文章的主要目的是说明一下，3D 机房中的 eye 和 center 的问题，刚好在项目中用上了，好生思考了一番，最终觉得这个例子最符合我的要求，就拿来作为记录。 效果图 http://hightopo.com/demo/3DRo. ...
分类：
Web程序 时间：
2020-05-03 01:23:34
阅读次数：
85
本文同步于个人博客：https://zhoushuo.me/blog/2018/03/11/drawing-borad/ 前些天学习了HTML5的<canvas>元素，今天就来实践一下，用canvas做一个画板。 首先说一下要实现的功能： 切换画笔颜色 调整笔刷粗细 清空画布 橡皮擦擦除 撤销操作 ...
分类：
编程语言 时间：
2020-05-03 01:04:48
阅读次数：
82
本文同步于个人博客：https://zhoushuo.me/blog/2018/03/05/html5-canvas/ <canvas> 是HTML5新增的元素，可以用于绘制图形，制作照片，创建动画。<canvas> 标签只是图形容器，它没有自己的行为，必须使用脚本来绘制图形。 创建一个canvas ...
分类：
Web程序 时间：
2020-05-03 00:49:13
阅读次数：
84
前言 发现大家对于我从 json 文件中直接操作节点属性来控制界面的动态变化感到比较好奇，所以这篇就针对数据绑定以及如何使用这些绑定的数据做一篇说明，我写了一个简单的例子，基于机房工控的服务器上设备的灯闪烁现象。我们从 2d 和 3d 两个角度来分析数据绑定的问题。 效果图 2d 代码实现 其实不管 ...
分类：
Web程序 时间：
2020-05-02 22:36:15
阅读次数：
74
