首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 详解如何解决canvas图片getImageData,toDataURL跨域问题

    详解如何解决canvas图片getImageData,toDataURL跨域问题

    一、首先，图片服务器需要配置Access-Control-Allow-Origin一般团队都会有一个专门域名放置静态资源，例如腾讯是gtimg.com，百度是bdimg.com；或者很多团队使用的是腾讯云或者阿里云的服务。而主页面所在域名往
    2025-01-18
  • 移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法

    移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法

    H5页面在IOS端测试的时候发现，点击按钮会闪动，出现一个黑色的背景一闪而过，影响用户体验。最后通过度娘，找到解决方法： 就是给点击的元素添加一个CSS属性或者全局添加一个css。-webkit-tap-highlight-color:tr
    2025-01-18
  • 移动端html5模拟长按事件的实现方法

    移动端html5模拟长按事件的实现方法

    为啥写这篇文章最近接了个需求，要求长按某个标签显示删除一个悬浮的删除按钮。这个需求其实在app上很常见，但是在移动端h5中，我们没有长按的事件，所以就需要自己模拟这个事件了。大概效果如下：ps: 为了做个gif还下了app，还得通过邮件发到
    2025-01-18
  • 详解左右宽度固定中间自适应html布局解决方案

    详解左右宽度固定中间自适应html布局解决方案

    本文介绍了详解左右宽度固定中间html">自适应html布局解决方案，分享给大家，具体如下：a.使用浮动布局html结构如下<div class=box> <div class=left>left</div> <div clas
    2025-01-18
  • HTML5 和小程序实现拍照图片旋转、压缩和上传功能

    HTML5 和小程序实现拍照图片旋转、压缩和上传功能

    原文地址：github.com/whinc/blog/…最近接到一个发表评论的需求：用户输入评论并且可以拍照或从相册选择图片上传，即支持图文评论。需要同时在 H5 和小程序两端实现，该需求处理图片的地方较多，本文对 H5 端的图片处理实践做
    2025-01-18
  • HTML5 视频播放(video),JavaScript控制视频的实例代码

    HTML5 视频播放(video),JavaScript控制视频的实例代码

    具体代码如下所示：<html lang=en><head><meta charset=UTF-8><title>Documenttitle><style>figcaption {text-align: center;line-height:
    2025-01-18
  • 传统HTML页面实现模块化加载的方法

    传统HTML页面实现模块化加载的方法

    对于网站来说很多页面之间都有着大量的共享模块，如页头，页脚和用户栏等。对于具备后端视图引擎的框架来说这些共享都比较容易抽取，如asp.net mvc来说就有统一布局的MasterPage,@Section等功能可以共享视图模板功能。但对于H
    2025-01-18
  • 浅谈HTML5中dialog元素尝鲜

    浅谈HTML5中dialog元素尝鲜

    对话框（别称模态框，浮层）是web项目中用于用户交互的重要部分，我们最常见的就是js中 alert()，confirm()，但是这个对话框的不美观，也不能自定义样式，所以在开发的过程中，一般根据自己自己的需求造轮子或者使用第三方的。对话框的
    2025-01-18
  • canvas实现扭蛋机动画效果的示例代码

    canvas实现扭蛋机动画效果的示例代码

    转眼间，已经实习了两个月了，公司每个月都有个会员日的活动要做，这个月的任务是做一个扭蛋机抽奖的活动，数据什么的都有接口，那么前端剩下最大的任务就只剩下扭蛋机的动画实现了。背景本来兴高采烈地从网上找了一个扭蛋机动画，但是发现它是直接用css动
    2025-01-18
  • html5/css3响应式页面开发总结

    html5/css3响应式页面开发总结

    一，自适应和响应式的区别自适应是一套模板适应所有终端，但每种设备上看到的版式是一样的，俗称宽度自适应。响应式一套模板适应所有终端，但每种设备看到的版式可以是不一样的。虽然响应式/自适应网页设计会带来兼容各种设备工作量大、代码累赘、加载时间长
    2025-01-18
  • 教你如何一步一步用Canvas写一个贪吃蛇

    教你如何一步一步用Canvas写一个贪吃蛇

    之前在慕课网看了几集Canvas的视频，一直想着写点东西练练手。感觉贪吃蛇算是比较简单的了，当年大学的时候还写过C语言字符版的，没想到还是遇到了很多问题。最终效果如下（图太大的话 时间太长 录制gif的软件有时限…）首先定义游戏区域。贪吃蛇
    2025-01-18
  • 详解rem 适配布局

    详解rem 适配布局

    当今手机种类繁多 且不说iphone系列，安卓手机的种类已经数不胜数了，所以不可能每一款手机都要写一套布局样式，这也是不可能做到的，但是对于越来越精益求精的前端来说 ，当然要找到一个合理的解决方案。rem 就是用来自适应布局的。适配要达到的
    2025-01-18
  • html5 postMessage前端跨域并前端监听的方法示例

    html5 postMessage前端跨域并前端监听的方法示例

    有时候会遇到傻X需求，比如前端单点登陆！遇到需求，就要去想解决办法，这里我给大家做一个简单的前端单点登陆的解决方案，用到的就是postMessage跨域信息传输以及onstorage的监听。本文用到的知识点 koa架设静态资源服务、跨域、p
    2025-01-18
  • 使用HTML5 IndexDB存储图像和文件的示例

    使用HTML5 IndexDB存储图像和文件的示例

    有一天，我们写了关于如何在localStorage中保存图像和文件的文章，它是关于我们今天可用的实用主义。 然而，localStorage有一些性能影响 - 我们将在稍后的博客中讨论这个问题 - 并且未来期望的方法是使用IndexedDB。
    2025-01-18
  • html中表单提交的实现

    html中表单提交的实现

    表单提交代码1、源代码分析<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-wid
    2025-01-18
上一页 168169170171172173174175176下一页