随笔分类 -  HTML5

摘要:CANVAS--Draw on the Web 阅读全文
posted @ 2019-01-10 10:29 叶子玉 阅读(170) 评论(0) 推荐(0) 编辑
摘要:<button onclick="start()" accesskey="s">开始</button> <button onclick="ok()" accesskey="o">停止</button> <button onclick="start()" accesskey="s">开始</butto 阅读全文
posted @ 2018-12-28 13:50 叶子玉 阅读(782) 评论(0) 推荐(0) 编辑
摘要:canvas 绘制2D位图。 Echarts是基于Canvas技术的可视化工具,底层封装了原生的JavaScript的绘图 API。 canvas里面绘制的图形不能被引擎抓取,canvas中我们绘制图形通常是通过javascript来实现。 svg 绘制2D矢量图。 svg里面的图形可以被引擎抓取, 阅读全文
posted @ 2018-12-20 10:35 叶子玉 阅读(3391) 评论(0) 推荐(1) 编辑
摘要:炫酷的SVG动态图标 loading 阅读全文
posted @ 2018-12-14 14:12 叶子玉 阅读(168) 评论(0) 推荐(0) 编辑
摘要:1. 解决html设置height:100%无效问题 通常我们需要让自己的网页内容能够更好的适配各种屏幕大小,会采用height:100%,但是我们发现问题出来了,height:100%无效,其实解决办法很简单 解决:你只需要在css处添加上html, body{ margin:0; height: 阅读全文
posted @ 2018-08-24 10:44 叶子玉 阅读(875) 评论(0) 推荐(0) 编辑
摘要:<canvas>是HTML5新增的,是可以使用脚本(JavaScript)在其中绘制图像的HTML元素。 canvas是由HTML代码配合高度和宽度属性而定义出的可绘制区域,JavaScript代码可访问该区域,类似于其它通用的二维API,通过一套完整的绘图函数来动态生成图形。 1. canvas画 阅读全文
posted @ 2018-08-13 20:22 叶子玉 阅读(97) 评论(0) 推荐(0) 编辑
摘要:canvasStar 阅读全文
posted @ 2018-07-16 23:13 叶子玉 阅读(115) 评论(0) 推荐(0) 编辑
摘要:div.imageBox+div.infoBox+input[type="button" class="starBtn"]*3 后代:>缩写:nav>ul>li 兄弟:+缩写:div+p+bq 上级:^缩写:div+div>p>span+em^bq 缩写:div+div>p>span+em^^bq 阅读全文
posted @ 2018-06-28 10:36 叶子玉 阅读(195) 评论(0) 推荐(0) 编辑
摘要:用canvas绘制验证码 注册/登录界面验证码的作用及代码实现 阅读全文
posted @ 2018-06-22 22:33 叶子玉 阅读(121) 评论(0) 推荐(0) 编辑
摘要:数据可视化的实现技术和工具比较 阅读全文
posted @ 2018-06-22 22:04 叶子玉 阅读(1654) 评论(0) 推荐(0) 编辑
摘要:h5仿微信聊天(高仿版) CSS3仿微信聊天小气泡 阅读全文
posted @ 2018-06-16 14:12 叶子玉 阅读(4990) 评论(0) 推荐(0) 编辑
摘要:canvas画图 阅读全文
posted @ 2018-06-09 13:08 叶子玉 阅读(105) 评论(0) 推荐(0) 编辑
摘要:pug中文文档 阅读全文
posted @ 2018-06-08 18:38 叶子玉 阅读(186) 评论(0) 推荐(0) 编辑
摘要:阮一峰:HTML代码简写法:Emmet和Haml 阅读全文
posted @ 2018-06-08 18:27 叶子玉 阅读(926) 评论(0) 推荐(1) 编辑
摘要:[翻译]使用VH和VW实现真正的流体排版 阅读全文
posted @ 2018-06-05 21:43 叶子玉 阅读(323) 评论(0) 推荐(0) 编辑
摘要:label元素在呈现上没有特殊效果,但为鼠标用户增进了可用性。 如果在label元素内点击文本,就会触发表单控件。 也就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 <label>标签的for属性应当与相关元素的id属性相同。 阅读全文
posted @ 2018-06-05 10:26 叶子玉 阅读(159) 评论(0) 推荐(0) 编辑
摘要:阮一峰:WebSocket 教程 阅读全文
posted @ 2018-05-27 15:40 叶子玉 阅读(146) 评论(0) 推荐(0) 编辑
摘要:localStorage 用于长久保存整个网站的数据,没有过期时间,除非手动去除。 sessionStorage 会话存储,临时存储,当用户关闭浏览器窗口后,数据被删除。 共同方法 以 localStorage 为例: 1. 设置缓存数据:localStorage.setItem(key,value 阅读全文
posted @ 2018-05-22 19:51 叶子玉 阅读(201) 评论(0) 推荐(0) 编辑
摘要:更好的css解决方案 阅读全文
posted @ 2018-04-11 16:10 叶子玉 阅读(178) 评论(0) 推荐(0) 编辑
摘要:表单作用:搜集信息;组成:提示信息、表单控件、表单线 <form action="1.php" method="post" maxlength="6(最大长度)" readonly="readonly(只读,不能编辑)" disabled="disabled(输入框未激活:不能编辑)" value= 阅读全文
posted @ 2018-04-09 14:32 叶子玉 阅读(138) 评论(0) 推荐(0) 编辑