什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 SVG优势 与其他图像格式相比(比如 J ...
分类:
Web程序 时间:
2020-03-29 22:43:12
阅读次数:
117
HTML5 <video> - 使用 DOM 进行控制 为视频创建简单的播放/暂停以及调整尺寸控件: 代码如下: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content= ...
分类:
Web程序 时间:
2020-03-29 01:18:14
阅读次数:
306
<!-- 声明一个HTML的文档,声明一个HTML5的文档 --> <!DOCTYPE html> <!-- HTML的开始标签,类似Python里面的入口函数main --> <html> <!-- head:表示头部标签 --> <head> <!-- charset:编码格式 一般有GBK,G ...
分类:
其他好文 时间:
2020-03-28 13:53:15
阅读次数:
81
任何一个JS插件,都可以看做是一个组件。 组件包含三种东西:HTML布局,CSS样式表,JS代码。 组件使用的时候:要也是要注意三个东西 一.html布局。 通过HTML结构分析,来快速的了解,插件的html布局。 1.HTML一般只有两种结构,父子结构,兄弟结构。 2.分析层数,分析出最精简的结构 ...
分类:
Web程序 时间:
2020-03-27 21:51:24
阅读次数:
125
文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度条 ...
分类:
Web程序 时间:
2020-03-27 17:01:01
阅读次数:
80
我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启浏览 ...
分类:
Web程序 时间:
2020-03-27 11:01:32
阅读次数:
133
题目概览 HTML5在移动端如何打开APP 对webp的理解 formData主要是用来做什么的?它的操作方法有哪些? js动画和css动画有什么区别? 题目解答 HTML5在移动端如何打开APP Android 是利用 deeplink, iOS 是利用 URL Schemes 用 a 标签 对w ...
分类:
其他好文 时间:
2020-03-27 00:58:03
阅读次数:
97
公司接了一个当下很火热的,网上有各种模板和造好轮子付费使用的滑动广告的项目。网上的模板大部分类似于PPT,而且文字量很大,大部分都是文字的淡入/淡出效果,想做一个稍微复杂点的。 研究了一下,采用了swiper.js+animate.css的方案,而swiper.js的官网上正好有Swiper Ani ...
分类:
其他好文 时间:
2020-03-26 21:19:18
阅读次数:
113
项目中localStorage实用 项目中h5本地存储的一个小实用,本意使用cookie,但发现chrome调试被禁用,便用了localStorage. 此需求是一贴吧搜索页,在新用户第一次点击搜索框时为搜索页面,老用户点击搜索框时带有搜索记录,实现方法为在点击搜索按钮时便为用户创建一个本地存储lo ...
分类:
编程语言 时间:
2020-03-26 19:25:10
阅读次数:
81
title: Canvas基础 date: 2016-11-09 tags: HTML5 0x00 Canvas 使用 Canvas 元素必须为其设置宽度和高度属性,指定可以绘制区域的大小。如果不添加任何样式或者不绘制任何图形,那么是看不到该元素的。 但是若是通过 CSS 样式来为其设置宽高属性的话 ...
分类:
其他好文 时间:
2020-03-26 10:40:22
阅读次数:
80