-
h5移动端调用支付宝、微信支付的实现
所属栏目：[MySql教程] 日期：2020-06-16 热度：122
公司项目之前已有支付宝支付，现要求增加微信支付，第一次做，摸着石头过河！结果是满意的。 废话就不说了直接上代码： var aliChannel = null;var wxChannel = null;// 定义支付方式切换var state_type = 1;// 选择支付方式 默认为支付宝样式$(.zfb).find[详细]
-
使用SVG实现提示框功能的示例代码
所属栏目：[MySql教程] 日期：2020-06-16 热度：84
副标题#e# NO.1 前言 Tooltips常被称为提示框（或信息提示框），提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为，而是来看看如何以最好的方式来还原他们的视觉效果，并且能适用于不同的场景。 NO.2[详细]
-
Html5嵌入钉钉的实现示例
所属栏目：[MySql教程] 日期：2020-06-16 热度：149
1,需要在项目种引入钉钉官方的js script type=text/javascript src=http://www.jb51.net/html5/http:/g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js /script 或者npm 也可以的 2，钉钉自带的api，有写是需要鉴权的，所以在使用之前一定要[详细]
-
HTML5页面无缝闪开的问题及解决方案
所属栏目：[MySql教程] 日期：2020-06-16 热度：85
副标题#e# 在传统的 web 优化中，我们可以采取压缩、拆包、动态加载等方法减少首屏资源大小，也能通过离线包、页面直出等方案加速 html 返回，之前一篇h5 秒开大全有部分简析。在大部分场景中，这些方案都足够用，也能得到出色的效果。但仍有两种无法尽善尽[详细]
-
HTML5新增的标签和属性归纳总结
所属栏目：[MySql教程] 日期：2020-05-13 热度：150
收集总结的HTML5的新特性，基本除了IE9以下都可以使用。 HTML5语法 大部分延续了html的语法不同之处：开头的 !DOCTYPE html html lang=zh-CNmeta charset=utf-8 字符编码变得简洁， 不区分大小写， 添加了布尔值，类似checked，selected 引号可以省略，但[详细]
-
在HTML5 canvas里用卷积核进行图像处理的方法
所属栏目：[MySql教程] 日期：2020-05-13 热度：123
就跳过一些用专业属于描述专业术语看完懵逼的解释了， 语文成绩很差的我尝试从字面解释什么是卷积... 卷，理解成一种压缩；积，乘积，积累； 卷积需要一个卷积核，通常是3x3或5x5的方阵， 例如这样 // 一个3x3卷积核 0 0 0 0 1 0 0 0 0 我们要怎么用卷积核[详细]
-
HTML5 拖拽批量上传文件的示例代码
所属栏目：[MySql教程] 日期：2020-05-13 热度：59
该组件基于 Vue.js 实现，UI 框架是 elementUI,完整的 demo 地址在https://github.com/Msxiaoma/upload-folder. 拖拽上传文件夹(仅仅chrome支持) 一、组件描述 同时拖拽多个文件夹 删除指定文件夹 显示当前文件夹的上传进度条 超过5M的文件夹分片上传 效果[详细]
-
html5调用摄像头功能的实现代码
所属栏目：[MySql教程] 日期：2020-05-13 热度：178
副标题#e# 前些天，线上笔试的时候，发现需要浏览器同意开启摄像头，感觉像是 js 调用的，由于当时笔试，也就没想到这么多问题。今天闲来无事，看了下自己的 todo，发现有这个调用摄像头的todo，才想到。网上查了一下，果然 js 有调用摄像头的 api，为此自[详细]
-
简单聊聊H5的pushState与replaceState的用法
所属栏目：[MySql教程] 日期：2020-05-13 热度：109
HTML5引入了 和 方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。 二、pushState() 方法的例子 假设在 中执行了以下 JavaScript 代码: var stateObj = { foo: bar };history.pushState(stateObj, page 2, bar.html)[详细]
-
Html5 localStorage入门教程
所属栏目：[MySql教程] 日期：2020-05-13 热度：150
只读的 localStorage 允许你访问一个 Document 的远端（origin）对象 Storage；数据存储为跨浏览器会话。localStorage 类似于 sessionStorage，区别在于，数据存储在 localStorage 是无期限的，而数据存储在 sessionStorage 会被清除，当页面会话结束时也[详细]
-
利用html5 canvas动态画饼状图的示例代码
所属栏目：[MySql教程] 日期：2020-05-13 热度：162
这里并没引用jquery等第三方库，只是用dom操作和canvas的特性编写的。 canvas画圆大体分为实心圆和空心圆。 根据需求分析知道该圆为实心圆。 1.先用canvas画实心圆 //伪代码var canvas = document.createElement(canvas);var ctx = canvas.getContext('2d'[详细]
-
如何使用localstorage代替cookie实现跨域共享数据问题
所属栏目：[MySql教程] 日期：2020-05-13 热度：135
副标题#e# 因为网站系统的日益庞大，不同域名业务，甚至不同合作方网站的cookie可能或多或少需要进行共享使用，遇到这个情况的时候，大家一般想到的是使用登录中心分发cookie状态再进行同步进行解决，成本较高而且实施起来比较复杂和麻烦。 因为cookie在跨[详细]
-
探究 canvas 绘图中撤销（undo）功能的实现方式详解
所属栏目：[MySql教程] 日期：2020-05-13 热度：190
副标题#e# 最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成（比如一张底图和一张 PNG 水印[详细]
-
详解canvas在圆弧周围绘制文本的两种写法
所属栏目：[MySql教程] 日期：2020-05-13 热度：52
教程是直接按弧度进行编写的 自己又试着用角度重新编写了一份，有些差别，总结起来还是用弧度比较方便，当然两种哪种理解的容易可以自行斟酌 写代码有时候不一定要按照教程一板一眼的写，最佳实践固然是好，但是自己尝试些别的也许有些别的收获不是么~ 效[详细]
-
canvas绘制文本内容自动换行的实现代码
所属栏目：[MySql教程] 日期：2020-05-12 热度：141
要求制作一个邀请卡页面，其中标题字数是动态的，最多可显示2行，如果超出2行则第2行内容结尾添加省略号。根据产品妹子的性格，四行这个设置到时很大机会改，所以这里一定不能写死，结果前几天真的要求改成了最多可显示4行 ，其他照旧。产品妹子too young[详细]
-
浅谈pc和移动端的响应式的使用
所属栏目：[MySql教程] 日期：2020-05-12 热度：157
身为一个前端攻城狮，是不是经常遇到各种各样的响应式问题？下面我们来说一下： 1.响应式跟自适应有什么区别? 有些人可能还不知道响应式跟自适应的区别,甚至认为他们是同一个东西,其实不是的. 自适应是最早出现的，后面才有了响应式。响应式布局等于流动网[详细]
-
html Table 表头固定的实现
所属栏目：[MySql教程] 日期：2020-05-12 热度：86
div class=wrapboxdiv class=table-headtabletheadth width=10%合同号/thth width=30%签约客户/thth width=20%发布客户/thth width=10%合同状态/thth width=30%选定条件的发布周期额度/th/thead/table/divdiv class=table-bodytabletbody id=tbody/tbody/t[详细]
-
Html5如何唤起百度地图App的方法
所属栏目：[MySql教程] 日期：2020-05-12 热度：183
最近接手了一个需求，要求混合式开发，前端做好 h5 后将页面嵌入到 ios 和 android 中，需要用到百度地图的地图导航。具体功能点如下： 如果手机端（ios, android）安装了百度地图，点击导航按钮，唤起百度地图 app 否则，打开 web 端百度地图导航 需要用[详细]
-
canvas学习笔记之绘制简单路径
所属栏目：[MySql教程] 日期：2020-05-12 热度：86
绘制线段一般步骤: moveTo(x,y) 移动画笔到指定的坐标点(x,y) lineTo(x,y) 使用直线连接当前端点和指定的坐标点(x,y) stroke() 根据当前的画线样式，绘制当前或已经存在的路径 2 矩形路径 绘制矩形路径一般步骤: rect(x, y, width, height) 矩形路径，坐标[详细]
-
web页面录屏实现
所属栏目：[MySql教程] 日期：2020-05-12 热度：116
副标题#e# 在看到评论后，突然意识到自己没有提前说明，本文可以说是一篇调研学习文，是我自己感觉可行的一套方案，后续会去读读已经开源的一些类似的代码库，补足自己遗漏的一些细节，所以大家可以当作学习文，生产环境慎用。 录屏重现错误场景 如果你的应[详细]
-
Canvas 文本转粒子效果的实现代码
所属栏目：[MySql教程] 日期：2020-05-12 热度：128
副标题#e# 通过粒子来绘制文本让人感觉很有意思，配合粒子的运动更会让这个效果更加酷炫。本文介绍在 canvas 中通过粒子来绘制文本的方法。 实现原理 总的来说要做出将文本变成粒子展示的效果其实很简单，实现的原理就是使用两张 canvas，一张是用户看不到[详细]
-
canvas学习笔记之2d画布基础的实现
所属栏目：[MySql教程] 日期：2020-05-12 热度：182
canvas 是一个可以使用脚本（通常是js）来绘图的HTML元素 canvas 最早由Apple引入WebKit，用于Mac OS X 的 Dashboard和 Safari 如今，所有主流的浏览器都支持它（IE9+,更低版本需引入Explorer Canvas来支持） 1. 开始画图（渲染上下文） canvas 元素创造了[详细]
-
使用HTML5原生对话框元素并轻松创建模态框组件
所属栏目：[MySql教程] 日期：2020-05-12 热度：62
副标题#e# HTML 5.2草案加入了新的dialog元素。但是是一种实验技术。 以前，如果我们想要构建任何形式的模式对话框或对话框，我们需要有一个背景，一个关闭按钮，将事件绑定在对话框中的方式安排我们的标记，找到一种将消息传递出去的方式对话......这真的[详细]
-
详解如何用canvas画一个微笑的表情
所属栏目：[MySql教程] 日期：2020-05-12 热度：149
实习期间让我用canvas画一个表情，比较简单，话不多说直接上代码： bodydiv id=canvas-warpcanvas id=canvas style=display: block; margin: 200px auto;你的浏览器居然不支持Canvas!/canvas/divscriptwindow.onload = function () {var canvas = document[详细]
-
HTML5移动端开发遇见的东西
所属栏目：[MySql教程] 日期：2020-05-12 热度：129
副标题#e# !-- 有# *符号输入 --input type=tel!-- 纯数字 --input pattern=d* 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了。 2. 调用系统的某些功能 !-- 拨号 --a href=http://www.jb51.net/html5[详细]
