Html5
roamingcode
学而时习之
展开
-
input 复选框单选框样式美化
html 代码<!DOCTYPE html><html lang="en"><head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content=&q原创 2018-08-20 10:25:03 · 1960 阅读 · 0 评论 -
简易一键分享到QQ空间
html 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&l原创 2018-08-21 10:40:41 · 2659 阅读 · 0 评论 -
Simple Grid 布局
Simple-Grid html 代码<!doctype html><html> <head> <title>Simple Grid</title> <meta charset="utf-8" /> <link rel="sty原创 2018-08-21 10:39:50 · 808 阅读 · 0 评论 -
关于移动端软键盘与输入框的遮挡问题
scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。如果alignWithTop为true,或者省略它,窗口会尽可能滚动到自身顶部与元素顶部平齐。——-目前各浏览器均支持,其实就这个解释来说,我觉得还是不够的,最好还是又图对吧,来看下图,更好理解: html 代码<!DOCTYPE html><!...原创 2018-08-21 10:38:02 · 1753 阅读 · 0 评论 -
怎样实现前端裁剪上传图片功能
由于前端是不能直接操作本地文件的,要么通过用户点击选择文件或者拖拽的方式,要么使用flash等第三方的控件,但flash日渐衰落,所以使用flash还是不提倡的。同时html5崛起,提供了很多的api操控,可以在前端使用原生的api实现图片的处理,这样可以减少后端服务器的压力,同时对用户也是友好的。最后的效果如下: html 代码<!DOCTYPE html><h...转载 2018-08-21 10:27:49 · 1355 阅读 · 0 评论 -
移动端使用localResizeIMG4压缩图片
最近几天一直在研究前端实现图片的压缩显示与上传,以减小服务器端压力,对于昨天这篇 怎样实现前端裁剪上传图片功能 当然可以可以实现图片的压缩与上传,但对于一些新手来说,理解起来就不那么容易了,因为它涉及的知识点比较多。 今天介绍一款简单实用的移动端图片压缩展示与上传的插件 localResizeIMG4,并附上下载地址 点击下载下面先来介绍并简单使用以下摘要移动h5开发避免不了上传...转载 2018-08-21 10:22:10 · 1771 阅读 · 0 评论 -
HTML5 之图片上传预处理
当用户上传图片时,如何上传一个大图,我们势必会在前台做成缩略图再上传以节约流量,减少用户上传等待时间。其中主要使用到了 1. File API 获取图片 2. 使用 createObjectURL() 或者 FileReader 预览图片 3. 使用 canvas 做缩略图 4. 上传缩略图以上相关API 都可以在MDN上找到 MDN API查找地址小二 上代码!!! ht...转载 2018-08-21 10:16:01 · 160 阅读 · 0 评论 -
修改input日期输入框默认值为当前日期
在页面上使用input 日期输入框时,不想显示为默认的 mm/dd/yyyy,而是默认填充当前日期,先看原图 html 代码<!DOCTYPE html><html lang="en"> <head> <title></title> <meta charset="UTF-8&原创 2018-08-21 10:15:18 · 20374 阅读 · 0 评论 -
通过Web页面启动本地应用程序
需求目前在项目中需要在html页面中通过连接(a标签)来唤醒本地应用,这个是基于window系统解决方法注册自己的协议在window下需要将自己的协议添加至注册表中,下面以打开wps word为例// 新建word.reg注册表文件(可以使用vscode进行编辑,安装reg插件来提供一些小提示)Windows Registry Editor Version 5.00 // 注册表工具的...原创 2018-11-06 12:42:24 · 6727 阅读 · 0 评论