#HTML

HTML中的a标签实现点击下载

通常在咱们写项目的时候会遇到上传下载什么的,在上传完文件后会把文件的路径保存到数据库里以便下载,如果想不通过后台直接下载的话,可以把文件路径给a标签的属性href;<ahref="/user/test/xxxx.txt">点击下载</a>这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有...

html css 一些不错的属性

导航栏吸顶功能 --css使用参数position:sticky;top:0px;          待续。。。 ...

icon VS html特殊字符

  好久没来了,最近项目很多,今天要说的是个页面上用到的icon。   话“icon”现在有很多icon库,我们再也不用切图来适配不同的分辨率了,但是对于新手来说,查阅icon库来找到适合的icon,实在费时费力。有一个在刚学习HTML的时候我们...
代码星球 ·2020-04-18

webapck html-loader实现资源复用

1、安装npmihtml-loader--save-dev2、项目目录 layout文件夹下的footer.html文件为:<scripttype="text/javascript"src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js">&...

最全html5 meta设置详解 (转)

 <!DOCTYPEhtml><!--使用HTML5doctype,不区分大小写--><htmllang="zh-cmn-Hans"><!--更加标准的lang属性写法http://zhi.hu/XyIa--><head><!--声明文档使用的...

移动端HTML5开发心得(转)

1、 iOS里fixed中有input或者textarea,用户在里面输入文字,触发键盘,fixed容器会居中显示,而不是继续悬浮   解决办法: http://dwz.cn/CrwNz2、移动端click时间300ms延迟   解决办法:...
代码星球 ·2020-04-18

html5调用手机相机并压缩、上传

近日刚做的一个功能,要在app里使用内嵌页面进行图像的上传。从功能上看,原生的实现应该是最好的。毕竟页面上所有的东西都隔着一个浏览器,所有的实现都要依赖浏览器提供的接口,不同的浏览器对接口的实现又有差异……到最后又会陷入兼容性的大坑!吐槽归吐槽,但是折腾的劲头不能丢!简直Soeasy!<...

html5代码,获取地理位置

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/><title>大名</t...

基于webpack的前端工程化开发解决方案探索(一):动态生成HTML(转)

  软件工程的工程化开发概念由来已久,但对于前端开发来说,我们没有像VS或者eclipse这样量身打造的IDE,因为在大多数人眼中,前端代码无需编译,因此只要一个浏览器来运行调试就行了。但是时至今日,互联网特别是移动互联网为前端开发带来了更大的机会,同时前端代码也变得越来越复杂,越来越难以管理,因此前端工程化开发的工作...

mobile web HTML5 app曾经的踩过坑(转)

兼容性一直是前端工程师心中永远的痛.手机浏览器,因为基本是webkit(blink)内核当道,很多公司,不用考虑IE系的浏览器,所以感觉兼容性上的问题可能会少一些.但是手机端,虽然出了很多工具,但是调试依然比PC端麻烦很多.而且很多坑是因为手机浏览器本身的bug,一旦出现,相应的解决方案很难根据以前的经验进行推测.只能...
代码星球 ·2020-04-18

使用HTML 5捕捉音频与视频信息

长期以来,音频与视频信息的捕捉一直是Web开发中的一个难点。许多年来,我们一直依赖浏览器插件来实现这个需求。在HTML5中,出现了许多可以访问硬件设备的API,例如访问GPS设备的GeolocationAPI、访问accelerometer设备的OrientationAPI、访问GPU设备的WebGLAPI、访问音频播...

移动前端头部标签(HTML5 head meta)

移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 <!DOCTYPEhtml><!--使用HTML5doctype,不区分大小写--><htmllang="zh-cmn...

HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件

一般的操作步骤1.新建manifest文件如文件名为 lzwme.manifest,内容配置参考如下:01CACHEMANIFEST02 03#version1.2 forupdatecophelp04 05#直接缓存的文件06CACHE:07   ...

移动端HTML5资源整理

meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板常见问题移动端如...
代码星球 ·2020-04-18

html5 摇一摇事件监听

先来看下html5的这几个特性:1.deviceOrientation:方向传感器数据的事件,通过监听该事件可以获取手机静态状态下的方向数据;2.deviceMotion:运动传感器数据事件,通过监听该事件可以获取手机运动状态下的运动加速度数据;3.DeviceMotionEvent:判断浏览器是否支持该事件属性,如果...
代码星球 ·2020-04-18
首页上一页...7071727374...下一页尾页