getImageData：获取一张图片的像素数据cxt.getImageData( x, y, width, height )x：图片所在的x坐标y: 图片所在的y坐标width,height 要获取的像素区域返回值是一个对象，对象包括一个data属性， 宽度，高度. data属性是一个巨大的数组， ...
分类：
Web程序 时间：
2020-04-27 19:09:26
阅读次数：
74
Geolocation 地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。 在 访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome 浏览器为例，如果您允许 Chrome 浏览器与网站共享您的位置，C ...
前言 （最近设计模式看的有点头大，一直面对纯js实在是有些枯燥-_-。所以写一点有趣的东西调剂一下）现在canvas已经不算新鲜了，不过由于日常业务中并不常用，所以实践并不多，今天分享一下，如何实现简单canvas迷宫。这个例子来源于《html5秘籍》第二版，代码有稍微做了点调整。 由于中间有一步使 ...
分类：
其他好文 时间：
2020-04-27 15:21:22
阅读次数：
64
我的博客原文地址：原文地址 如果文章对您有帮助，您的star是对我最好的鼓励～ 简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 px和 ...
分类：
其他好文 时间：
2020-04-27 09:56:49
阅读次数：
73
有且仅有IE9支持command 标签（定义命令按钮）。 关于datalist： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi ...
分类：
Web程序 时间：
2020-04-26 19:12:06
阅读次数：
97
一、HTML 音频/视频 方法 play() play() 方法开始播放当前的音频或视频。 var myVideo=document.getElementById("video1"); function playVid() { myVideo.play(); } function pauseVid( ...
分类：
Web程序 时间：
2020-04-26 19:03:12
阅读次数：
70
当微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 body { --foo: #7F583F; --bar: ...
分类：
Web程序 时间：
2020-04-26 15:32:41
阅读次数：
80
需求是编写一个头像剪裁工具再封装成为一个组件，然后根据功能开始逐步编写代码：先是上传图片 => 预览图片 => 编辑图片。 刚开始没有去考虑兼容性的问题，直接编写upload部分的代码，参考了很多代码还有HTML5 FILE API之后，发现很少有React编写的这样的代码，因为想简单一点，所以直接 ...
分类：
其他好文 时间：
2020-04-25 23:21:40
阅读次数：
62
对前端开发人员来说，表单是非常重要的，它负责用户与程序的交互。它承载着一部分数据校验的功能，以此减少服务端的压力。本文就angular表单验证的两种方式进行阐述，如有问题，欢迎指正。 文章目录 模板驱动验证 响应式表单的验证 自定义验证器 模板驱动验证 为了向模板驱动表单中添加验证，需要添加一些验证 ...
分类：
其他好文 时间：
2020-04-25 18:54:51
阅读次数：
67
我的前端知识清单 做前端也有几年了，整理了一份平时常用的技术列表，欢迎大家补充。 html方向 html4标签 html5标签，语义化，媒体标签等 svg canvas web workers manifest pwa：service worker（workbox） css方向 css2语法 css ...
分类：
其他好文 时间：
2020-04-25 18:53:51
阅读次数：
66
