![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
浅醉樱花雨
热爱生活,热爱技术,喜欢造轮子,追求极简的编码体验!
联系方式:
QQ:1749498702
微信:q1749498702
邮箱:1749498702@qq.com
展开
-
jQuery的选择器中的通配符[id^='code']
1.选择器(1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签(2)根据索引选择 $("tbody tr:even"); //转载 2015-07-07 18:22:11 · 328 阅读 · 0 评论 -
css margin,padding 百分比
margin,padding的百分比都是相对于最近的父级容器的宽度 width进行计算的 百分比 * { margin: 0; padding: 0; } .father { width:500px; height: 100px; background: green; } .child { display: bo原创 2015-10-14 14:39:29 · 925 阅读 · 0 评论 -
HTML5 Canvas Arc
HTML5 Canvas Arc Tutorial body { margin: 0px; padding: 0px; } var canvas = document.getElementById('myCanvas'); var context = ca转载 2015-11-23 17:20:04 · 700 阅读 · 0 评论 -
改变手机浏览器(iPhone/Android)上文本输入框的默认弹出键盘(数字)
iPhone/iPad和Android提供不同的的键盘输入类型,触发合适的键盘将极大地改善用户体验。键盘类型默认: 默认键盘的字母模式数字: 默认键盘的数字模式,(含小数点等)邮件: 与默认基本相同,含'@'等邮件字符网站: 同样,含一些网址字符电话: 纯数字键盘使用一些Html5触发键盘转载 2016-05-25 21:25:46 · 4892 阅读 · 0 评论 -
js/jquery判断浏览器的方法小结
JS获取浏览器信息12345678浏览器代码名称:navigator.appCodeName浏览器名称:navigator.appName浏览器版本号:navigator.appVersion对Java的支持:navigator.javaEnabled()MIME类型(数组):nav转载 2016-05-05 18:21:56 · 434 阅读 · 0 评论 -
jquery中attr和prop的区别
jquery中attr和prop的区别在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方转载 2016-07-11 12:16:19 · 306 阅读 · 0 评论 -
jQuery的.bind()、.live()和.delegate()之间区别
摘要:jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编写出更加简洁的代码,以及防止在交互应用中弹出错误。 基本要素 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:转载 2016-06-15 14:44:54 · 287 阅读 · 0 评论 -
jQuery 2.0.3 源码分析 事件绑定 - bind/live/delegate/on
事件(Event)是JavaScript应用跳动的心脏,通过使用JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应事件的基础就不重复讲解了,本来是定位源码分析实现的, 所以需要有一定的基础才行为了下一步更好的理解内部的实现,所以首先得清楚的认识到事件接口的划分网上资料遍地都是,但是作为一个jQuery系列的源码分析,我还是很有必要在重转载 2016-06-15 14:49:36 · 430 阅读 · 0 评论 -
jQuery ajax 文件上传
之前用的ajaxfileupload,但是感觉不太好用,今天前端文件上传出了点问题,就自己午休时扩展了一个简单的 jQuery ajax上传文件插件,由于使用了FormData,低版本IE不一定支持,我们是后台管理系统,都用的chrome,firefox和360等国产chrome内核的浏览器,所以不用考虑这个问题。粘上代码以记之:/** * jQuery上传文件扩展插件 * 使用方法示原创 2016-11-24 19:44:59 · 626 阅读 · 0 评论 -
HTML5桌面应用程序开发
前端时间要写一个桌面软件,比来比去没有满意的,要么不好看,要么不好用,要么打包体积太大。所以就有了这个小项目——easy-window。easy-window是什么?easy-window 是一个旨在简化桌面开发难度的通用窗体,它可以让你使用当前主流的HTML5技术快速地创建Windows桌面应用程序。创作桌面应用,不需要掌握QT,C++,C#,Java那些繁琐的东西,只要会创建网页就可以。同...原创 2018-10-22 20:27:27 · 47346 阅读 · 7 评论 -
HTML(5) 不要求标签自闭合
XHTML教导我们,标签都是要闭合的,不能包含子元素的标签需要自闭合。但HTML5是没有这个要求的,所有HTML中都没这个要求,是XHTML将这门松散的语言变得严格起来。XHTML诸多严格,包括标签都要闭合,包括tagName和属性都要小写等。HTML 第一版追溯HTML的元祖第一版,就是不要求自闭合的,如下的一段用法就表明了其的松散随意12转载 2015-09-17 15:11:56 · 8129 阅读 · 0 评论 -
CSS3 遮罩蒙版效果 分栏效果
mask遮罩蒙版效果来看一下效果图:这是两张原图:遮罩层图像 注意,白色区域为透明状态要展示的图像 使用mask之后产生的效果图 首先来解释一下遮罩、蒙版。和PS中的蒙版、Flash中的遮罩层很类似遮罩:为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状的“视窗”,遮罩层下方的对象可以通过该“视窗”显示转载 2015-09-07 21:22:21 · 16053 阅读 · 0 评论 -
HTML5 WebSocket 简单入门
About HTML5 WebSockets文章出处:http://www.websocket.org/aboutwebsocket.htmlThe HTML5 WebSockets specification defines an API that enables web pages to use the WebSockets protocol for two-way communi转载 2015-06-10 22:20:29 · 749 阅读 · 0 评论 -
node-webkit实践-一键安装
博客原文地址node-webkit实践-一键安装前言很久以前我简单的写过关于node-webkit的使用,但是我在更换博客的时候丢弃了,我在下面的文章把它引用一遍。node-webkit其实在很多地方用处很大,请自行发散。本文的相关代码:点击查看demo的代码本文会根据以前的文章进行实践,同样会变更一些地方。主要从以下几个方法介绍:获取node-webk转载 2015-06-12 13:11:55 · 2264 阅读 · 4 评论 -
移动开发必备!15款jQuery Mobile插件
移动互联网的发展,来自PC端的网页并不能完全自适应移动端页面需求,使得响应式设计体验产生并成为潮流,也正是这样一种需求,促成了jQuery Mobile的流行。jQuery Mobile这样一款基于jQuery和jQuery UI的框架,继承了jQuery的“write less,do more”精髓,具有良好的扩展性和可定制性,全面兼容各种平台设备,对于不支持的手机类型,也会予以基础样式。转载 2015-07-11 10:36:34 · 1555 阅读 · 0 评论 -
CSS3 经典教程系列:CSS3 线性渐变(linear-gradient)
《CSS3 经典教程系列》的前一篇文章向大家详细介绍了 text-shadow 文本阴影特性的用法,今天这篇文章我们在一起来看看 CSS3 中实现渐变效果的 Gradient 属性的具体用法。在以前,渐变效果和阴影、圆角效果一样都是做成图片,直接编写 CSS 代码就可以实现。您可能感兴趣的相关文章Web 开发人员和设计师必读文章推荐20个非常绚丽的 CSS3 特性应用演示35转载 2015-07-14 10:36:14 · 1014 阅读 · 0 评论 -
Json和Jsonp理论实例代码详解
JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议,本文从理论到实践详细的讲解了JSON和JSONP的使用什么是Json?JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript(Standard ECMA-262 3rd Edition - Dece转载 2015-08-07 22:26:28 · 485 阅读 · 0 评论 -
jsonp不能post!
jsonp不能post!1. jsonp的请求都为get2. jsonp相当于loadJS, 返回的"数据"直接以js执行?$.ajax({ url :"/static/get.php", data : { aa :"name" }, type :"post",转载 2015-08-08 14:33:43 · 3303 阅读 · 2 评论 -
jQuery ajax参数详解
jQuery ajax参数详解,还是官网的靠谱!version added: 1.5jQuery.ajax( url [, settings ] )urlType: StringA string containing the URL to which the request is sent.settingsType: PlainObjectA原创 2015-08-08 14:44:43 · 4891 阅读 · 0 评论 -
jQuery ajax jsonp实现跨域请求
jQuery ajax jsonp实现跨域请求原创 2015-08-08 15:44:28 · 616 阅读 · 1 评论 -
CSS3实现的响应式字体:自适应视图窗口大小的新单位
这个是为了解决什么问题?我最近在做一个项目。客户要求标题可以根据用户屏幕的尺寸而自动改变大小。我知道我通常用的相对字体单位(注* 如px, pt, em)只是相对于HTML根元素的大小而自动改变,而不是相对于用户的屏幕。在上网查询之后我发现一种新的字体大小单位,叫做:Viewport-Percentage Lengths.我是在一MDN的一篇转载 2015-07-15 23:50:48 · 1589 阅读 · 0 评论 -
HTML5 localStorage 本地存储文件
HTML5 的localStorage用的是SQLite数据库存储数据的,默认其中只有一张名为itemTable的表;表中有两个字段: key和value,用来存储键值对至于本地存储文件的位置Google了好久才找到,直接引用stackoverflow的片段:http://stackoverflow.com/questions/8634058/where-the-ses原创 2015-07-16 00:08:51 · 3179 阅读 · 0 评论 -
POST 下载文件
需求背景这段时间遇到个需求,需要根据用户输入的id列表下载文件。一般情况下,下载文件用GET请求就能满足需求,但是,这个需求参数中可能有上千个id,GET请求很可能超出浏览器参数长度限制。那么该怎么解决这个问题呢?解决方案请求方式基本可以确定只能用POST了,而直接用Ajax发POST请求是不行的。经过一番调研,总结两种方案:可以后台接到请求后生成下载文件,放到静态文件目录,然后返回文件...原创 2018-12-28 13:43:59 · 3507 阅读 · 1 评论