-
萌新的HTML5 入门指南
所属栏目：[MySql教程] 日期：2020-11-25 热度：139
副标题#e# HTML5的发展改变了互联网技术趋势，前端热度依旧不减，所以对于应用开发人员前端技术也成了必备技能之一，本篇文章的目的是为了帮助萌新的入门指导，也同时希望能为老鸟起到一定查漏补缺的作用，那么让我们开始吧。 什么是HTML5？ 广义上的HTML5[详细]
-
萌新HTML5 入门指南（二）
所属栏目：[MySql教程] 日期：2020-11-25 热度：122
JavaScript作为一种弱类型语言，最大的特点就是动态类型。也就是说不用提前声明变量的类型，在程序运行时，类型会被动态的确定，并且在执行过程中可以动态的修改变量的类型。同时不同类型变量在运算时会自动进行隐式的类型转换。以下是一些常见的隐式转换[详细]
-
关于webview适配H5上传照片或者视频文件的方法
所属栏目：[MySql教程] 日期：2020-11-25 热度：185
一、需要实现的功能： 用H5实现的App中需要在H5获取手机中的照片或者视频文件上传到服务器。 二、分析实现方法： 由于不懂前端开发，不知道H5中有 input file之类的标签控件，可以用来选择文件，刚开始的思路还是想着native 端是否要通过提供inputstream流[详细]
-
一个基于canvas的移动端图片编辑器的实现
所属栏目：[MySql教程] 日期：2020-11-25 热度：149
插件实现的功能为可页面内初始化载入图片、手动添加手机相册内的图片、或者添加服务器端的图片（服务器端需要开启允许图片跨域）。拥有多种的编辑模式。支持操作画布内的所有图片和单独设置某一种图片的状态或者位置等。 插件操作模式支持手势放大、旋转；[详细]
-
详解如何在登录过期后跳出Ifram框架
所属栏目：[MySql教程] 日期：2020-09-25 热度：197
我们在做后台项目管理时，常用 Ifram 框架来加载页面，即： iframe src=http://www.jb51.net/html5/url/iframe 我们使用 iframe 标签来加载页面，该 src 可以指向不同的页面，从而我们可以在一个网页中打开更多的页面，但是我们也需要尽可能地控制同事打开[详细]
-
HTML5中input输入框默认提示文字向左向右移动的示例代码
所属栏目：[MySql教程] 日期：2020-09-25 热度：163
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-25 热度：185
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[详细]
-
如何在Canvas上的图形/图像绑定事件监听的实现
所属栏目：[MySql教程] 日期：2020-09-24 热度：70
HTML中只能为元素/标签绑定监听函数； Canvas绘图中只有一个元素-canvas，每一个图形/图像都不是元素，不能直接进行事件绑定。 解决办法：事件委托让canvas监听所有的事件，计算事件发生坐标点，是否处于某个图形/图像的范围内。 对于标准几何图形可以进行[详细]
-
canvas 绘图时位置偏离的问题解决
所属栏目：[MySql教程] 日期：2020-09-24 热度：123
使用 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 热度：186
副标题#e# 最近做了一个海报生成的组件，需要drawimage到画布上，image来源包括本地和异地的图片src; 首先讲一点，异地图片如果不设置允许跨域访问，canvas.toDataURL是无法画image的，报画布污染的错；首先放一张我要生成的图； 上面加载了两张本地图片，[详细]
-
canvas绘制图片drawImage使用方法
所属栏目：[MySql教程] 日期：2020-09-24 热度：100
不得不说，html5中的canvas真的非常强大，从图片处理，到视频处理，再到游戏开发，都能见到canvas的身影，然而，就这一个canvas标签，功能居然如此强大，这主要归功于canvas强大的API，也正是因为这么多的API，让很多人对canvas望而却步。 drawImage绘制图[详细]
-
HTML5中外部浏览器唤起微信分享功能的代码
所属栏目：[MySql教程] 日期：2020-09-24 热度：128
最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多都不能直接唤起微信。 总结出来一个可以直接唤起微信的。适应手机qq浏览器[详细]
-
浅析HTML5 Landmark
所属栏目：[MySql教程] 日期：2020-09-24 热度：115
Landmark 是一种用来表示网页组织结构的方法。通常一个网页可以被切分成几个大块 以一个视频网站为例，网页的最上方是一条banner，左侧是一个导航栏，右侧显示视频。网页可以通过这种切分方式来分割出不同的功能区。当然在一个功能区内也可以递归地进行切[详细]
-
详解HTML5中CSS外观属性
所属栏目：[MySql教程] 日期：2020-09-24 热度：152
作用：color属性用于定义文本的颜色 取值方式： 注意：我们实际工作中，用16进制的写法是最多的，而且我们更喜欢简写方式比如#f00代表红色 2.text-align:文本水平对齐方式 作用：text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性[详细]
-
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
所属栏目：[MySql教程] 日期：2020-09-22 热度：179
副标题#e# 一般绘图的方式有两种，即填充和描边，前面的文章已经讲了描边的方法stroke，本文就讲一下Canvas中填充图形的方法。 填充即fill(),很直白吧？而且和strokeStyle表示描边样式一样，fillStyle即表示填充样式。 ctx.fillStyle = '颜色';默认的填充样[详细]
-
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
所属栏目：[MySql教程] 日期：2020-09-22 热度：76
接上一篇canvas画线条教程 上次我们讲到，canvas有时候会出现1像素的线条模糊不清且好像更宽的情况，如下图： 这样的线条显然不是我们想要的。 这篇文章的目的就是弄清楚里面的原理，以及解决它。 大家都知道屏幕上最小的显示尺寸就是1像素，虽然小于1像素[详细]
-
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
所属栏目：[MySql教程] 日期：2020-09-22 热度：159
副标题#e# var cvs = document.getElementById('cvs'); //画布 var ctx = cvs.getContext('2d'); // 画笔 我们画画的时候，落笔点是不固定的，随时都会变。canvas虽然不是通过手来决定落笔点，但也有一个方法,就是moveTo。moveTo的作用相当于把笔尖提离画布[详细]
-
html5 Canvas画图教程(1)—画图的基本常识
所属栏目：[MySql教程] 日期：2020-09-22 热度：116
虽然大家都称Canvas为html5的新标签，看起来好像Canvas属于html语言的新知识，但其实Canvas画图是通过javascript来做的。所以，如果你想学习Canvas画图，你必须要有Javascript基[详细]
-
使用html5+css3来实现slider切换效果告别javascript+css
所属栏目：[MySql教程] 日期：2020-09-22 热度：147
好吧，上次说要赶紧的补上几篇文章，结果淡定的失约了。又是近一个月才发一篇，真是让人郁闷。发现最近总是抽不出时间了，基本都是一个项目接一个项目的安排，自己不是在空闲的时候找不到合适的话题，就是在有纠结话题的时候抽不出时间了。所以我决定一段时[详细]
-
html5 canvas-2.用canvas制作一个猜字母的小游戏
所属栏目：[MySql教程] 日期：2020-09-22 热度：183
今天我们要用canvas制作一个猜字母的小游戏，先来张效果图。 游戏设计很简单，系统会随机从a-z的26个字母中选择一个保存起来，你键盘输入一个字母，系统会提示你正确字符比你当前输入字母小还是大，直到你输入正确的字母游戏才结束。 下面介绍js代码中需要[详细]
-
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
所属栏目：[MySql教程] 日期：2020-09-21 热度：194
在canvas中可以很方便的用arc方法画出圆形，本来圆形也可以看作是一个宽高相等的椭圆，但canvas中根本没有画椭圆的方法，我们要用其他方法来模拟。 我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，高度或者还有旋[详细]
-
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
所属栏目：[MySql教程] 日期：2020-09-21 热度：101
继续讲canvas中画曲线的方法，今天讲quadraticCurveTo。 说实话这个方法有点吓人，单从函数名称上都可以初体验。话说，我觉得有必要把这个函数名缩短。 quadratic的意思是二次，即数学中二次元方程那个二次。而ctx.quadraticCurveTo的参数如下： 复制代码[详细]
-
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
所属栏目：[MySql教程] 日期：2020-09-21 热度：190
在canvas画线条这篇文章中，我讲了画直线的方法，按理这篇画曲线的文章早该发了，但由于canvas画曲线比较特殊，我还没摸透，所以要一步步尝试。 canvas里画曲线的难点之一，就在于他连曲线的函数就有4个！分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.[详细]
-
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
所属栏目：[MySql教程] 日期：2020-08-23 热度：186
使用HTML5Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图，能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage（本地存储）,可以长期存储数据，没有时间限制，一天，一年，两年甚至更长[详细]
-
AmazeUI 网格的实现示例
所属栏目：[MySql教程] 日期：2020-08-19 热度：121
!doctype htmlhtml class=no-jsheadmeta charset=utf-8meta http-equiv=X-UA-Compatible content=IE=edgemeta name=description content=meta name=keywords content=meta name=viewport content=width=device-width, initial-scale=1title网格/titlemeta[详细]
