-
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
所属栏目：[MySql教程] 日期：2020-11-25 热度：172
本小菜刚开始学习HTML5，现在对其中的Geolocation颇感兴趣，结合Google Map的API实现基本的地图定位功能。 1.获取当前地理位置 调用方法 void getCurrentPosition(onSuccess, onError, options);即可。 其中onSuccess是获取当前位置信息成功时执行的回调函[详细]
-
关于HTML5+ API plusready的兼容问题
所属栏目：[MySql教程] 日期：2020-11-25 热度：54
Android平台提前注入5+ API，支持在plusready事件前调用 在5+ Runtime环境中，通常情况下需要html页面解析完成后才会注入5+ API，执行的顺序为： 1. 加载html页面 2. 解析html页面（下载script/link等节点引用的资源，如js/css文件） 3. 触发DOMContentLoa[详细]
-
Html5原生拖拽相关事件简介以及基础实现
所属栏目：[MySql教程] 日期：2020-11-25 热度：78
主要用到的是H5自带的拖拽效果。其实项目前端部分是使用React编写的，也是在使用H5实现了之后才了解到Dan Abramov大佬有个React-DnD组件对原生拖拽方法进行了封装。稍微学习了一下，很强。后续有使用到再写篇文章进行分享。 相关事件定义与用法 涉及一个属[详细]
-
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
所属栏目：[MySql教程] 日期：2020-11-25 热度：76
用了layui框架 1.home.html主界面： !DOCTYPE htmlhtmlheadmeta charset=UTF-8title首页/titlescript src=http://www.jb51.net/html5/../js/jquery.js/scriptlink rel=stylesheet href=http://www.jb51.net/html5/../layui/css/layui.css/headbody class=l[详细]
-
Canvas获取视频第一帧缩略图的实现
所属栏目：[MySql教程] 日期：2020-11-25 热度：151
记录下一个疑问，最近在重新看canvas做点Demo这样，时间是写在2019年11月5日，以后要是没有这个问题了，以W3C更新的为标准，这个只是参考 尝试着在canvas中显示视频第一帧的时候碰上的问题：在Chrome中，用 video.addEventLisener(loadeddata,func)、 vide[详细]
-
使用layui实现左侧菜单栏及动态操作tab项的方法
所属栏目：[MySql教程] 日期：2020-11-25 热度：112
首先说一下左侧菜单栏 这是一个最基本的左侧菜单栏，实现的过程很简单，官方的说明文档就有，但是我在导入layer.js之后，直接复制这段官方代码到我的编辑器上时，发现页面是这样的： 发现，绑定属性的菜单并没有下拉选项，这个问题在我导入layer.all.js之[详细]
-
萌新的HTML5 入门指南
所属栏目：[MySql教程] 日期：2020-11-25 热度：62
HTML5的发展改变了互联网技术趋势，前端热度依旧不减，所以对于应用开发人员前端技术也成了必备技能之一，本篇文章的目的是为了帮助萌新的入门指导，也同时希望能为老鸟起到一定查漏补缺的作用，那么让我们开始吧。 什么是HTML5？ 广义上的HTML5是HTML最新[详细]
-
萌新HTML5 入门指南（二）
所属栏目：[MySql教程] 日期：2020-11-25 热度：137
JavaScript作为一种弱类型语言，最大的特点就是动态类型。也就是说不用提前声明变量的类型，在程序运行时，类型会被动态的确定，并且在执行过程中可以动态的修改变量的类型。同时不同类型变量在运算时会自动进行隐式的类型转换。以下是一些常见的隐式转换[详细]
-
详解如何在登录过期后跳出Ifram框架
所属栏目：[MySql教程] 日期：2020-09-26 热度：158
我们在做后台项目管理时，常用 Ifram 框架来加载页面，即： iframe src=http://www.jb51.net/html5/url/iframe 我们使用 iframe 标签来加载页面，该 src 可以指向不同的页面，从而我们可以在一个网页中打开更多的页面，但是我们也需要尽可能地控制同事打开[详细]
-
HTML5中input输入框默认提示文字向左向右移动的示例代码
所属栏目：[MySql教程] 日期：2020-09-26 热度：161
HTML5中input输入框默认提示文字向左向右移动首先演示input输入框代码 style* {margin: 0;padding: 0;}.sousuo {width: 458px;height: 34px;margin-left: 190px;margin-top: 200px;border: 2px solid red;}/style/headbodyinput class=sousuo type=text pl[详细]
-
HTML5输入框下拉菜单功能的示例代码
所属栏目：[MySql教程] 日期：2020-09-26 热度：141
span性别：/spaninput name=sex value= type=radio男input name=sex value= type=radio女 需要注意的是单选框name值需保持一致 样式： 复选框 2.复选框代码 span喜欢的类型：/spaninput type=checkbox妩媚的input type=checkbox可爱的input type=checkbox[详细]
-
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
所属栏目：[MySql教程] 日期：2020-09-24 热度：156
一般绘图的方式有两种，即填充和描边，前面的文章已经讲了描边的方法stroke，本文就讲一下Canvas中填充图形的方法。 填充即fill(),很直白吧？而且和strokeStyle表示描边样式一样，fillStyle即表示填充样式。 ctx.fillStyle = '颜色';默认的填充样式是不透明[详细]
-
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
所属栏目：[MySql教程] 日期：2020-09-24 热度：149
接上一篇canvas画线条教程 上次我们讲到，canvas有时候会出现1像素的线条模糊不清且好像更宽的情况，如下图： 这样的线条显然不是我们想要的。 这篇文章的目的就是弄清楚里面的原理，以及解决它。 大家都知道屏幕上最小的显示尺寸就是1像素，虽然小于1像素[详细]
-
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
所属栏目：[MySql教程] 日期：2020-09-24 热度：127
var cvs = document.getElementById('cvs'); //画布 var ctx = cvs.getContext('2d'); // 画笔 我们画画的时候，落笔点是不固定的，随时都会变。canvas虽然不是通过手来决定落笔点，但也有一个方法,就是moveTo。moveTo的作用相当于把笔尖提离画布，然后移[详细]
-
html5 Canvas画图教程(1)—画图的基本常识
所属栏目：[MySql教程] 日期：2020-09-24 热度：62
虽然大家都称Canvas为html5的新标签，看起来好像Canvas属于html语言的新知识，但其实Canvas画图是通过javascript来做的。所以，如果你想学习Canvas画图，你必须要有Javascript基[详细]
-
使用html5+css3来实现slider切换效果告别javascript+css
所属栏目：[MySql教程] 日期：2020-09-24 热度：96
好吧，上次说要赶紧的补上几篇文章，结果淡定的失约了。又是近一个月才发一篇，真是让人郁闷。发现最近总是抽不出时间了，基本都是一个项目接一个项目的安排，自己不是在空闲的时候找不到合适的话题，就是在有纠结话题的时候抽不出时间了。所以我决定一段时[详细]
-
html5 canvas-2.用canvas制作一个猜字母的小游戏
所属栏目：[MySql教程] 日期：2020-09-24 热度：136
今天我们要用canvas制作一个猜字母的小游戏，先来张效果图。 游戏设计很简单，系统会随机从a-z的26个字母中选择一个保存起来，你键盘输入一个字母，系统会提示你正确字符比你当前输入字母小还是大，直到你输入正确的字母游戏才结束。 下面介绍js代码中需要[详细]
-
如何在Canvas上的图形/图像绑定事件监听的实现
所属栏目：[MySql教程] 日期：2020-09-24 热度：52
HTML中只能为元素/标签绑定监听函数； Canvas绘图中只有一个元素-canvas，每一个图形/图像都不是元素，不能直接进行事件绑定。 解决办法：事件委托让canvas监听所有的事件，计算事件发生坐标点，是否处于某个图形/图像的范围内。 对于标准几何图形可以进行[详细]
-
canvas 绘图时位置偏离的问题解决
所属栏目：[MySql教程] 日期：2020-09-24 热度：92
使用 canvas 绘图时，指定的 div 大小一定不要超过该 div 所能获得的最大范围，否则绘制的点会跟实际位置发生偏离。 例如 html head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleUntitled 1/title style type=text/css .style1[详细]
-
关于canvas.toDataURL 在iOS运行失败的问题解决
所属栏目：[MySql教程] 日期：2020-09-24 热度：55
最近做了一个海报生成的组件，需要drawimage到画布上，image来源包括本地和异地的图片src; 首先讲一点，异地图片如果不设置允许跨域访问，canvas.toDataURL是无法画image的，报画布污染的错；首先放一张我要生成的图； 上面加载了两张本地图片，两张异地图[详细]
-
canvas绘制图片drawImage使用方法
所属栏目：[MySql教程] 日期：2020-09-24 热度：86
不得不说，html5中的canvas真的非常强大，从图片处理，到视频处理，再到游戏开发，都能见到canvas的身影，然而，就这一个canvas标签，功能居然如此强大，这主要归功于canvas强大的API，也正是因为这么多的API，让很多人对canvas望而却步。 drawImage绘制图[详细]
-
HTML5中外部浏览器唤起微信分享功能的代码
所属栏目：[MySql教程] 日期：2020-09-24 热度：79
最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多都不能直接唤起微信。 总结出来一个可以直接唤起微信的。适应手机qq浏览器[详细]
-
浅析HTML5 Landmark
所属栏目：[MySql教程] 日期：2020-09-24 热度：103
Landmark 是一种用来表示网页组织结构的方法。通常一个网页可以被切分成几个大块 以一个视频网站为例，网页的最上方是一条banner，左侧是一个导航栏，右侧显示视频。网页可以通过这种切分方式来分割出不同的功能区。当然在一个功能区内也可以递归地进行切[详细]
-
详解HTML5中CSS外观属性
所属栏目：[MySql教程] 日期：2020-09-24 热度：97
作用：color属性用于定义文本的颜色 取值方式： 注意：我们实际工作中，用16进制的写法是最多的，而且我们更喜欢简写方式比如#f00代表红色 2.text-align:文本水平对齐方式 作用：text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性[详细]
-
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
所属栏目：[MySql教程] 日期：2020-09-22 热度：134
在canvas中可以很方便的用arc方法画出圆形，本来圆形也可以看作是一个宽高相等的椭圆，但canvas中根本没有画椭圆的方法，我们要用其他方法来模拟。 我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，高度或者还有旋[详细]
