我拖拖拖--H5拖放API基础篇

html  html5

  

2019-11-14 07:53:30

  不要搞错,本文不是讲如何拖地的。看过《javascript精粹》朋友应该知道,他实现拖放的过程比较复杂,现在时代不同了,我们用H5的新的拖放API就能非常方便的实现拖放效果了。最近在园子见一园友写了一篇《HTML5 进阶系列:拖放 API 实现拖放排序》,真乃大师之作,大~熊同学作为一代菜鸟(不是宗师),无法与之想比,遂推出基础篇,希望各位园友有所收获。 一、一个简单的例子--地上有石子捡几个...

前端—HTML篇(三)

html  html5

  

2019-12-18 12:18:58

一、表单标签 实例: 运行结果: 二、表单元素 实例: 运行结果: 三、文件域标签 实例: 运行结果 四、表单的应用 实例: 运行结果:...

HTML(二)

html  html5

  

2019-12-19 11:00:11

音频、视频(媒体元素) 音频 audio 视频 video 一般都将音频文件放在创建的static\audio文件夹中,视频文件放在创建的static\video文件夹中 网页结构分析 页面的头部 页面的主体 页面的尾部 html5 标签,没有任何作用,只是让代码结构更好看 以后进行前端开发就规范一点 内联框架 iframe 表单(重要) 我们常见的这些登录、注册、搜索框都是用表单 1、基础表单 ...

文章目录 官方资料 学习正文 注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php 官方资料 鱼C课程案例库:https://ilovefishc.com/html5/ html5速查手册:https://man.ilovefishc.com/html5/ css速查手册:https://man.ilovefishc.com/css3/ 学习正文 ...

什么是语义化? 语义化就是用有一定语义的英文字母(标签)表示,尽量使用官方的有语义的标签。 为什么要语义化? 1、呈现好的内容结构和代码结构 2、提高用户体验(title、alt) 3、利用SEO,语义化能和搜索引擎建立良好的联系,有利于爬虫抓取更多的有效信息,爬虫依赖于标签来确定上下文和各个关键词的权重 4、方便其他设备解析以语义的方式来渲染网页 5、语义化更具可读性,遵循W3C标准,规范 构建...

HTML标签汇总(框架部分)

html  html5

  

2020-02-03 01:26:10

HTML标签汇总(框架部分) 垂直框架 👇运行结果👇 水平框架 👇运行结果👇 使用标签 混合框架结构 👇运行结果👇 内联框架 👇运行结果👇 frameset元素可定义一个框架集,他被用来组织多个窗口(框架)。 不能将<frameset></frameset>标签和<body></body>标签。但是,如果需要为不支持框架的浏览器里添加...

思想:对于上一级元素、父元素实现下级元素、子元素变色。仅需 :hover 及 css 选择器便可完成。下级元素对上级操作,现使用 JavaScript 中 onmouseover、onmouseout 事件 注:网页版右上方的悬浮框有目录索引 一、HTML 代码 二、JavaScript 代码   注:建议写在 body 的结束标签前 三、CSS 代码 四、效果图 Column...

HTML笔记

HTML  html  html5

  

2020-02-08 10:59:03

web标准的构成:主要包括结构、表现、行为 标准 说明 结构 结构用于对网页元素进行分类,现阶段主要是学html 表现 表现用于设置网页元素格式、颜色、大小等外观样式、主要是CSS 行为 行为是指网页模型的定义及交互的编写,现阶段主要学的是JavaScript HTML语法规范 和markdown语法有点类似,所有内容写在<html></html>这对标签内 标签关系:包含...

canvas绘图 (重点)     网页中的实时走势图,抢红包,网页游戏,地图应用..   (1)SVG 绘图    2D矢量绘图技术,2000年出现,后纳入h5   (2)Canvas绘图  2D位图绘图技术,H5提出   (3)WebGL绘图  3D绘图技术,尚未纳入H5标准   Ca...

jWebSocket使用指南

HTML5  WebSocket

  

2019-06-23 00:16:42

1、先讲讲HTML5的WebSocket   HTML5规范中提供了WebSocket技术,替代了之前的ajax实现消息通信的方法。 WebSocket协议,简称WS(WSS-Secure),可以支持客户端-服务端任意消息推送,支持跨域(AJAX跨域会有问题),可降低系统开销及复杂性。网上已经有很多关于WebSocket的介绍,这里不再重复。 以下是WebSocketAPI的使用说明 &...

      离线与缓存:   网页缓存依赖网络的存在,而离线应用在离线状态下仍然可用 网页缓存主要缓存当前网页相关内容,也仅限当前页面的读取;离线应用主要缓存文件,只要设置缓存的文件,都能在离线状态下读取该文件     设备支持情况:             使用js来判断: &...