首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • html5调用app分享功能示例（WebViewJavascriptBridge）

    html5调用app分享功能示例（WebViewJavascriptBridge）

    小编接到领导任务，写h5移动端活动页面，点击页面内容调取ios和Android开发自己写的分享功能（包括微信、微信朋友圈、QQ、QQ空间等），包括用户未登录，让其登录后才能分享，分享成功后发起请求给予优惠券功能，下面是所得到的经验，仅供参考
    2025-01-27
  • 微信小程序“圣诞帽”的实现思路详解

    微信小程序“圣诞帽”的实现思路详解

    这两天朋友圈被圣诞帽刷屏，这个小程序连微信官方都出来辟谣了，又一个现象级的玩意儿。从产品角度而言无疑是非常成功，但从技术角度而言是确实习以为常，创意很重要！简单说一下思路：获取头像，把头像画在Canvas里面，接着往Canvas里画帽子，调
    2025-01-27
  • 快速实现一个简单的canvas迷宫游戏的示例

    快速实现一个简单的canvas迷宫游戏的示例

    前言（最近设计模式看的有点头大，一直面对纯js实在是有些枯燥-_-。所以写一点有趣的东西调剂一下）现在canvas已经不算新鲜了，不过由于日常业务中并不常用，所以实践并不多，今天分享一下，如何实现简单canvas迷宫。这个例子来源于《htm
    2025-01-27
  • html5 canvas的绘制文本自动换行的示例代码

    html5 canvas的绘制文本自动换行的示例代码

    本文介绍怎么解决canvas绘图过程中，drawText的换行问题，先看一个大家平时在canvas绘制文本都会遇到的问题：一个150*100的canvas画布，加个边框明显边界<canvas id=canvas style=border:s
    2025-01-27
  • 浅谈html5与APP混合开发遇到的问题总结

    浅谈html5与APP混合开发遇到的问题总结

    背景在公司参与一个原生APP和h5混合开发的项目，本人在项目中负责h5部分，现将项目中遇到的问题总结如下：具体问题问题1：页面滚动条问题问题描述web页面在PC浏览器上浏览时有滚动条；但是，在移动端浏览器打开时，没有滚动条解决方法将页面的最
    2025-01-27
  • canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)

    canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)

    写在最前由于原生的Canvas最高只支持到三阶贝塞尔曲线，那么我想添加多个控制点怎么办呢？（即便大部分复杂曲线都可以用3阶贝塞尔来模拟）与此同时，关于贝塞尔控制点的位置我们很难非常直观的清楚到底将控制点设置为多少可以形成我们想要的曲线。本着
    2025-01-27
  • html5.2 dialog简介详解

    html5.2 dialog简介详解

    2017年12月24号， HTML5.2 标准固化，也代表着移动端进入 HTML5.3 规划阶段，虽然 HTML5.2 固化了，但内部的一些新规范，在移动端的浏览器中的支持性还有待提高，这里我们来看一个算是常用的新被纳入标准的标签吧，它就是
    2025-01-27
  • html5 利用canvas手写签名并保存的实现方法

    html5 利用canvas手写签名并保存的实现方法

    最近公司在做一个签名的功能，主要用到了canvas画线的功能结合移动端touch事件js部分是这样的：window.onload = function() { new lineCanvas({ el: document.
    2025-01-27
  • 深入浅析HTML5中的article和section的区别

    深入浅析HTML5中的article和section的区别

    内容区块是指将HTML页面按逻辑分割后的单位。对于页面网站来说，导航菜单、文章正文、文章的评论等每一个部分都可称为内容区块。　article元素article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一
    2025-01-27
  • HTML5打开手机扫码功能及优缺点

    HTML5打开手机扫码功能及优缺点

    1.解决的问题：1.能够在微博客户端呼起摄像头扫描二维码并且解析;2.能够在原生浏览器和微信客户端中扫描二维码并且解析;2.优点：web端或者是 h5端可以直接完成扫码的工作；3.缺点：图片不清晰很容易解析失败(拍照扫描图片需要镜头离二维码
    2025-01-27
  • 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响

    浅析canvas元素的html尺寸和css尺寸对元素视觉的影响

    遇到的问题：html/11467.html">canvas元素变形失真的原因一个DOM元素存在三种尺寸：style尺寸，html尺寸，css尺寸。使用canvas元素时，canvas元素默认宽高是300px * 150px。这里的默认尺寸是
    2025-01-27
  • HTML页面点击下载文件的两种实现方法

    HTML页面点击下载文件的两种实现方法

    1.使用<a>标签来完成<a href=/user/test/xxxx.txt download=文件名.txt>点击下载</a> 这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况，比如txt,png,jpg等这些浏览器支
    2025-01-27
  • DIV的失去焦点(blur)实现方法

    DIV的失去焦点(blur)实现方法

    用防抖实现DIV鼠标移出消失由于div标签本身不支持onblur事件，所以对于点击一个按钮弹出的div，我们想要当这个div失去焦点的时候，让它消失不能使用的onblur来实现。但是可以利用onmouseout和事件来实现DIV失去焦点消失
    2025-01-27
  • 关于移动端页面强制竖屏的方法

    关于移动端页面强制竖屏的方法

    最近工作中写了一个移动端的页面，本来是没什么的，但是有一个要求感觉很奇怪，从前也没有遇到过，就是我写的这个页面需要放在一个APP中，但是这个APP是横屏的，打开这个页面的webview也是横屏的（最新版的APP打开的时候是竖屏的webvie
    2025-01-27
  • web页面录屏实现

    web页面录屏实现

    在前面的话在看到评论后，突然意识到自己没有提前说明，本文可以说是一篇调研学习文，是我自己感觉可行的一套方案，后续会去读读已经开源的一些类似的代码库，补足自己遗漏的一些细节，所以大家可以当作学习文，生产环境慎用。录屏重现错误场景如果你的应用有
    2025-01-27
上一页 12345678下一页