耗时 9 ms,总记录数 7571 更新时间 2019-05-23 04:21:46

  • 一文入门HTML5 _我要知道_郭雄飞

    一文入门HTML5

    [摘要]1.HTML5上节回顾:一文读懂ES6(附PY3对比)|一文入门NodeJS演示demo:https://github.com/lotapp/BaseCode/tree/master/javascript/0.H5_C3/H5参考文档:https://www.w3cschool.cn/html5|https://developer.mozilla.org/zh-CN/docs/Web/Guide/
  • HTML5和CSS3的新特性

    [摘要]html5的新特性添加了用于媒介回放的<video>,<audio>元素添加了语义标签譬如header、footer、nav等等元素添加了用于绘画的canvas元素和svg绘图扩充了input的输入类型,如下输入类型描述color主要用于选取颜色date从一个日期选择器选择一个日期datetime选择一个日期(UTC时间)datetime-local选择一个日期和时间(无时
  • 前端笔记知识点整合之HTML5&CSS3(上)新特性&音频视频&本地存储 _我要知道_郭雄飞

    前端笔记知识点整合之HTML5&CSS3(上)新特性&音频视频&本地存储

    [摘要]一、HTML5简介HTML5的第一份正式草案已于2008年1月22日公布。HTML5仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5支持。2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,HTML5标准规范终于最终制定完成了,并已公开发布。HTML5不仅仅是超文本标记语言的新版本,而是一整套浏览器新API的综合:新的语义标签。我们知道HTML就是超文本标记语言,负责描述
  • HTML5 基础测试题

    [摘要]HTML5基础测试题1.HTML5之前的HTML版本是什么?()A.HTML4.01B.HTML4C.HTML4.1D.HTML4.92.HTML5的正确doctype是?()A.<!DOCTYPEhtml>B.<!DOCTYPEHTML5>C.<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML5.0//EN""http://www.w3.org/
  • canvas 实现刮刮乐 _我要知道_郭雄飞

    canvas 实现刮刮乐

    [摘要]在解决问题前,我们先来了解一下canvas标签canvas是html5出现的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js能够调用它来进行绘图。context是一个封装了很多绘图功能的对象,获取这个对象的方法是:varcanvas=document.querySelector('canvas');varctx=canvas.getContext("2d");
  • HTML5 本地存储

    [摘要]早期Web使用cookie在浏览器端保存数据,但存在以下问题:cookie的大小限制在4KB浏览器会限制所有站点在计算机上的存储cookie总数cookie会随着每次HTTP事务一起发送,会浪费一部分带宽HTML5提供了WebStorage本地存储、IndexedDB本地数据库等,能够存储更多更复杂的数据。一、WebStorageWebStorage以Key-Value对的方式存储,容量有5M,分
  • canvas 制作时钟

    [摘要]1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">56<title>菜鸟教程(runoob.com)</title>7</head>8<body>910<canvasid="myCanvas"width="200"height="200"styl
  • 基于 HTML5 Canvas 的 3D 渲染引擎构建机架式服务器 _我要知道_郭雄飞

    基于 HTML5 Canvas 的 3D 渲染引擎构建机架式服务器

    [摘要]前言今天找到了HT的官网里的Demo网站(http://www.hightopo.com/demos/index.html),看的我眼花缭乱,目不暇接。而且HT的用户手册,将例子和文档无缝融合一体,小小10来兆开发包居然包含了四十五份手册,数百个活生生的HTML5例子,还没体验过的朋友赶紧来看一看,这回可玩嗨了!对于HT初学者,面对这一堆数百个涵括通用组件、网络拓扑图组件、3D组件、矢量图形、各种
  • 基于 HTML5 Canvas 的 3D 渲染引擎构建生产管控系统 _我要知道_郭雄飞

    基于 HTML5 Canvas 的 3D 渲染引擎构建生产管控系统

    [摘要]前言大家好,老郑我又回来了。这一期为大家带来一个非常好玩的demo,我们制作一套自己的3D管道控制系统,运用了(http://www.hightopo.com)HT的Graph3dView组件通过对WebGL底层技术的封装,与HT其他组件一样,基于HT统一的DataModel数据模型来驱动图形显示。效果图此为2D主界面:此为3D界面的部分分段演示:由于gif上传有大小限制,所以请大家务必去网页感受
  • Canvas中的剪切clip()方法 _我要知道_郭雄飞

    Canvas中的剪切clip()方法

    [摘要]Canvas中的剪切接下来我们要聊的不是图像的合成,而是Canvas中的另一个有用的功能:剪切区域。它是Canvas之中由路径所定义的一块区域,浏览器会将所有的绘图操作都限制在本区域内执行。在默认情况下,剪辑区域的大小与Canvas画布大小一致。除非你通过创建路径并调用Canvas绘图环境对象的clip()方法来显式的设定剪辑区域,否则默认的剪辑区域不会影响Canvas之中所绘制的内容。然而,一旦
  • 【HTML5移动开发学习笔记】02-CH4-HTML5 Web表单 _我要知道_郭雄飞

    【HTML5移动开发学习笔记】02-CH4-HTML5 Web表单

    [摘要]版权声明:商业转载需要经过本人同意,敬上!引入HTML5表单提高了可用性,降低了对JavaScript验证的依赖性。input1,type属性-唯一必需输入属性默认type=text使用html5,type属性有23种可能的值,如果不支持一个新输入,默认就是text2,required属性-标记一个表单字段是必须的支持required属性的浏览器也支持:required和:invalid伪类,
  • 对HTML5标签的认识(三) _我要知道_郭雄飞

    对HTML5标签的认识(三)

    [摘要]这篇随笔继续来认识HTML标签。这次随笔主要是对<table>标签的认识和最近我学习到的一些标签来和大家分享。一、<table>标签<table>标签的作用主要是定义HTML表格,<table>内也分头<thead>和主体<tbody>,而简单的HTML表格由table元素以及一个或者多个tr,th或者td元素组成tr元素定义
  • 对HTML5标签的认识(四) _我要知道_郭雄飞

    对HTML5标签的认识(四)

    [摘要]这篇随笔讲讲HTML5中的表单和表单的一些元素一、表单的作用是什么?概念:表单在网页中主要是负责对数据信息的采取,表单一共分成三个部分:1、表单的标签:这里面包含了处理表单的数据所用CGI程序以及数据提交到服务器的方法。2、表单域元素:包含着文本框,和密码框,多行文本框,复选框,单选框,下拉选择框和文件上传框等等元素。3、表单按钮:包括提交的按钮,复位按钮和一般的按钮,用于将数据传送到服务器上的C
  • [JavaScript] canvas 合成图片和文字 _我要知道_郭雄飞

    [JavaScript] canvas 合成图片和文字

    [摘要]CanvasCanvas是HTML5新增的组件,就像一个画板,用js这杆笔,在上面乱涂乱画创建一个canvas<canvasid=“stockGraph“width=“150“height=“150“></canvas>或letcanvas=document.createElement(“canvas“);渲染上下文CanvasRenderingContext2D使用can
  • 【HTML5移动开发学习笔记】01-CH1-CH3-HTML5新元素 _我要知道_郭雄飞

    【HTML5移动开发学习笔记】01-CH1-CH3-HTML5新元素

    [摘要]版权声明:商业转载需要经过本人同意,敬上!经历之前春招的视频面环节,我深知自己在编码方面的不足,决定放弃WebStorm作为日常练习的编码器,选择sublimetext作为练习代码的编辑器。CH2-升级至HTML5HTML5语法元素在HTML5中,内联元素和块级元素变为区段元素,标题元素,短语元素,嵌入式元素,流元素,元元素以及交互式元素。使用元素时,要基于语义去选择。属性所有元素都有属性,属性是
  • canvas 的基本使用 _我要知道_郭雄飞

    canvas 的基本使用

    [摘要]一、canvas的介绍canvas是html5出现的新标签,像所有的DOM对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js能够调用它来进行绘图。canvas只有两个属性,而且是可选的,width、height,这两个属性也可以通过js来定义。canvas如果没有定义大小,则默认大小为宽300px,高150px。当然使用css也是可以设置canvas的大小,但如果css设置的宽高比例
  • HTML5 Web Worker与线程池 _我要知道_郭雄飞

    HTML5 Web Worker与线程池

    [摘要]笔者最近对项目进行优化,顺带就改了些东西,先把请求方式优化了,使用到了webworker。笔者发现目前还没有太多深入对webworker的使用的文章,除了涉及到一些WebGL的文章,所以总结了这个文章,给大家参考参考。一、为什么要开子线程笔者这个项目是一个存储系统的中后台管理GUI,一些数据需要通过CronJob定时地去获取,并且业务对数据的即时性要求高,大量的和持久的HTTP请求是不可避免的,针
  • Canvas学习:globalCompositeOperation详解 _我要知道_郭雄飞

    Canvas学习:globalCompositeOperation详解

    [摘要]在默认情况之下,如果在Canvas之中将某个物体(源)绘制在另一个物体(目标)之上,那么浏览器就会简单地把源特体的图像叠放在目标物体图像上面。简单点讲,在Canvas中,把图像源和目标图像,通过Canvas中的globalCompositeOperation操作,可以得到不同的效果,比如下图:正如上图,红苹果和黑色的圆,通过globalCompositeOperation的destination-
  • canvas实现俄罗斯方块 _我要知道_郭雄飞

    canvas实现俄罗斯方块

    [摘要]好久没使用canvas了,于是通过写小游戏“俄罗斯方块”再次熟悉下canvas,如果有一定的canvas基础,要实现还是不难的。实际完成的Demo请看:canvas俄罗斯方块。原理详解看游戏最终界面,可知需要实现以下关键功能:游戏面板,也就是12*20的方格,以及是否填充了方块信息;运动方块,方块需要实现移动,变形的功能。界面的实现整个面板就是以左上角(0,0)为原点的坐标系,右上角(12,0)左
  • 基于 HTML5 WebGL 智能城市的模拟运行 _我要知道_郭雄飞

    基于 HTML5 WebGL 智能城市的模拟运行

    [摘要]前言智能城市是一个系统。也称为网络城市、数字化城市、信息城市。智能城市建设是一个系统工程:首先实现的是城市管理智能化,由智能城市管理系统辅助管理城市,通过管理系统人们可以监视城市的运行,了解城市每天中发生的变化,以及及时的根据这些变化做出相应的管理;其次是包括智能交通、智能电力、智能安全等基础设施的智能化,交通是一个城市的驱动,交通的畅通加速了城市的发展,通过Web可视化的交通管理,可以更及时的了
  • 基于 HTML5 WebGL 的计量站三维可视化监控系统 Web 组态工控应用 _我要知道_郭雄飞

    基于 HTML5 WebGL 的计量站三维可视化监控系统 Web 组态工控应用

    [摘要]得益于HTML5WebGL技术的成熟,从技术上对工控管理的可视化,数据可视化变得简单易行!完成对工控设备的管理效率,资源管理,风险管理等的大幅度提高,同时也对国家工业4.0计划作出有力响应!如本案例所示,是一个基于HTML5WebGL技术实现的计量站三维可视化监控系统,在本案例中,具体宏观的展示一个油田站点的整体场景,然后点击可以进入内景看到油田计量站内景的具体情况,同时可以看到各个设备的参数的当
  • HTML5之2D物理引擎 Box2D for javascript Games 系列 翻外篇--如何结合createJS应用box2d.js _我要知道_郭雄飞

    HTML5之2D物理引擎 Box2D for javascript Games 系列 翻外篇--如何结合createJS应用box2d.js

    [摘要]太久没有更新了,新年回来工作,突然有收到网友的邮件提问,居然还有人在关注,惭愧,找了下电脑上还有一点儿存着,顺便先发这一个番外篇吧,好歹可以看到真实的效果,等我考完英语,一定会更新下一章,“愤怒的小鸟篇”此篇,并不是书中的篇符,而是通过希望通过结合实际的canvas绘图库实现box2d物理引擎在各绘图库上应用,绘图库网上有很多现成的如:createjs,pixi.js等,Egret或者其它游戏引
  • 转Canvas时钟 _我要知道_郭雄飞

    转Canvas时钟

    [摘要]<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>时钟</title></head><bod
  • 原从零学前端第四讲:H5到底是什么?一节课带你从零开始深入理解Html5

    [摘要]Html5最新规范概述新增元素表单音频和视频直播录屏版传送门:https://v.qq.com/x/page/z0726rdy0uk.html1.概述什么是html5?提到html5大家可能首先会想到的是移动端页面,但这只是html5的运用范围之⼀。其实html5是最新的html规范,也是一系列用来制作现代web内容的相关技术的总称。当然其中最重要的就是html5,css和js了。html发展到如
  • 探索canvas画布绘制技术 _我要知道_郭雄飞

    探索canvas画布绘制技术

    [摘要]图片来自KrzysztofBanaś下面我们开始尝试研究不同的绘图风格和技术-边缘平滑,贝塞尔曲线,墨水和粉笔,笔和印章和图案-等等。事实证明,网上没有太多关于此的内容。在下面的示例中,您请大家查看演示源代码,以便了解正在发生的事情。这篇教程将带您从基础知识(在画布上绘制原始鼠标跟随线),一直到那些和谐画笔,以及复杂的曲线和笔触,从边缘跨越并卷曲成奇怪美丽的结构。下面我将介绍不同的刷子代码实现,以
  • HTML的head标签

    [摘要]前端开发工具介绍:Hbuilder:可以快速的生成HTML标准文档结构,集成了很多方便的快捷键。----------------------------------------------------------------------------------------------------------------------HTML的head标签学习:网页标题标签:<title>
  • 从零开始 —— Canvas(一) _我要知道_郭雄飞

    从零开始 —— Canvas(一)

    [摘要]从零开始-Canvas1、颜色、样式和阴影属性a、fillStyle(设置或返回用于填充绘画的颜色、渐变或模式)语法:context.fillStyle=color(颜色值)|gradient(渐变对象,线性或者放射性)|pattern(填充绘图的pattern对象);定义一个用蓝色填充的矩形<body>//定义一个画布<canvasid="myCanvas"width="200
  • H5如何用Canvas画布生成并保存带图片文字的新年快乐的海报 _我要知道_郭雄飞

    H5如何用Canvas画布生成并保存带图片文字的新年快乐的海报

    [摘要]摘要:初略算了算大概有20天没有写博客了,原本是打算1月1号元旦那天写一个年终总结的,博客园里大佬们都在总结过去,迎接将来,看得我热血沸腾,想想自己也工作快2年了,去年都没有去总结一下,今年势必要总结一番了,但是工作任务有点紧,就把这件事搁置起来了,只好推到来年收假去写一篇总结性的博客了,说起写博客,还是我的一个室友推荐我来写的,当时就觉得上班任务都做不完,哪有时间来写博客,后来发现自己有问题就去
  • 教你从头写游戏服务器框架 _我要知道_郭雄飞

    教你从头写游戏服务器框架

    [摘要]本文由云 社区发表作者:韩伟前言大概已经有差不多一年没写技术文章了,原因是今年投入了一些具体游戏项目的开发。这些新的游戏项目,比较接近独立游戏的开发方式。我觉得公司的“祖传”服务器框架技术不太适合,所以从头写了一个游戏服务器端的框架,以便获得更好的开发效率和灵活性。现在项目将近上线,有时间就想总结一下,这样一个游戏服务器框架的设计和实现过程。这个框架的基本运行环境是Linux,采用C 编写。为了
  • 游戏开发 pdf 电子书大全 百度云 _我要知道_郭雄飞

    游戏开发 pdf 电子书大全 百度云

    [摘要]大型多人在线游戏开发(亚历山大)PDF扫描版[40M]http://qunying.jb51.net:81/201305/books/dxdrzxyxkf_jb51.net.rar3D数学基础:图形与游戏开发中文pdf扫描版[13MB]http://qunying.jb51.net:81/201511/books/3Dsxjc(jb51.net).rarHTML5跨平台游戏开发中文PPT版http