html5
文章平均质量分 55
影之歌NO1
这个作者很懒,什么都没留下…
展开
-
基于h5 Auto API的简单音频播放插件
浏览器支持情况:浏览器支持情况编解码器Chrome3.0Theora 、 Vorbis 、OggH.264 、 AAC 、MPEG4 FireFox3.5Theora 、 Vorbis 、OggIE不支持无原创 2014-11-05 15:36:52 · 3809 阅读 · 0 评论 -
关于iChartjs在移动端提示框tip显示不正常的解决方法
最近项目需要使用手机图表,但是找了很久都没找到专门为移动端开发的图表,只能找一些能兼容移动端的图表控件,今天就讲讲关于iChartjs这个图形库的一点问题。问题iChartjs的提示框tip的显示没有为移动端做调整,在移动端显示效果很差原因直接通过iChartjs的源码看原因,查看$.Tip这个提示框组件中的doAction:doAction:funct转载 2014-04-23 11:11:48 · 777 阅读 · 0 评论 -
jquery pop弹出框和锁屏
锁屏$(function(){ $(".dj").click(function(){//点击“点我弹出层”时候 $(".tc_box").show()//弹出提示层,之前是隐藏在body里面的var sp_height = $(document).height()//获取当期窗口的高度$(".sp_box").css({"opacity":"0.5","height":sp_转载 2014-02-19 12:00:37 · 2005 阅读 · 0 评论 -
前端知识体系及修炼攻略
前端目录(?)[+]前端简介Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。随着人们对用户体验的要求越来越高,前端开发的技术难度越来越大,Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端其实就是Table布局,后来发展到所谓转载 2014-02-18 12:09:23 · 882 阅读 · 0 评论 -
jquery pop弹出框
华贸 <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"> #dialog-overlay { /*转载 2014-02-13 17:31:59 · 1423 阅读 · 0 评论 -
css3 gradient
CSS3的线性渐变: 一、线性渐变在Mozilla下的应用 语法:-moz-linear-gradient( [ || ,]? , [, ]* .example1 { background: -moz-linear-gradient( top,#ccc,#000);}二、线性渐变在Webkit下的应用 语法:-webkit-linear-gradie转载 2014-02-13 12:08:50 · 487 阅读 · 0 评论 -
css3弹性盒子模型之box-flex
box-flex是css3新添加的盒子模型属性,它的出现打破了我们经常使用的浮动布局,实现垂直等高、水平均分、按比例划分。但是它有一定的局限性,在firefox、chrome这浏览器下需要使用它们的私有属性来定义:firefox(-moz)、chrome(-webkit)。一、box-flex属性box-flex主要让子容器针对父容器的宽度按一定规则进行划分。 111 222转载 2014-02-11 15:07:56 · 1115 阅读 · 0 评论 -
css全屏背景
html{background: url(img/bg2.jpg) no-repeat center center;min-height:100%;background-size:cover;background-size: 100% 100%;} body{margin: 0;padding: 0;min-height:100%;}原创 2014-02-10 15:47:38 · 579 阅读 · 0 评论 -
HTML 中有用的字符实体
注释:实体名称对大小写敏感!显示结果描述实体名称实体编号 空格 小于号<<>大于号>>&和号&&"转载 2014-01-24 18:00:40 · 487 阅读 · 0 评论 -
移动端小技巧
一 :margin-top和margin-bottom值,对内联元素没有影响。padding-top和padding-bottom值,在内联中,不改变元素的尺寸,但背景颜色会改变。二: img固定高度或者宽度,img图片会自动等比缩放。三 :li a的点触事件,在移动端,a的点触高度偏小,方法:设置a为block元素,并设置高度。四:在ios和上android上,系统会自带默认的样式。原创 2014-01-24 17:17:03 · 622 阅读 · 0 评论 -
iscoll
1 事件绑定要显示,隐藏无效,从隐藏到xian原创 2014-06-26 15:04:28 · 473 阅读 · 0 评论 -
请不要做浮躁的人
1.不要看到别人的回复第一句话就说:给个代码吧!你应该想想为什么。当你自己想出来再参考别人的提示,你就知道自己和别人思路的差异。2.初学者请不要看太多太多的书那会误人子弟的,先找本系统的学,很多人用了很久都是只对部分功能熟悉而已,不系统还是不够的。3.看帮助,不要因为很难而自己是初学者所以就不看;帮助永远是最好的参考手册,虽然帮助的文字有时候很难看懂,总觉得不够直观。4.不要被对象、属性、方转载 2014-06-27 14:33:55 · 332 阅读 · 0 评论 -
js获取N天之后的日期
function lu_GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getYear(); var m = dd.getMonth()+1;//获取当前月份的日期 var d = dd.getDat原创 2014-02-11 09:44:09 · 938 阅读 · 0 评论 -
前端书籍
HTML、CSS 类别书籍,都是大同小异,在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了,可以关注一下《CSS禅意花园》,这个很有影响力。Javascript 的书籍 推荐看老外写的,国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。这里重点推荐几本 Javascript 书籍: 初级读物:《JavaScript高级程序设计》:转载 2014-08-08 17:25:52 · 395 阅读 · 0 评论 -
前端绘图 svg和canvas
前端绘图的技术到目前为止有很多种:canvas、SVG、VML、Flash、Java Applet等。这么多方式,他们之间有什么区别,选择的时候该在什么情形下选择什么方式 比较合适?看了很多文章,简单总结一下。大体思路:先逐一介绍一下各种绘图方式,然后比较一下各种绘图方式,最后给出一个取舍的原则或者建议。本文是在参考了多篇文章之后,根据自己的理解整理的,如有不对的地方欢迎指正。转载 2014-06-20 10:52:48 · 15472 阅读 · 0 评论 -
前端性能优化
###性能优化优秀教程- [5173首页前端性能优化实践](http://ued.5173.com/?p=1731)- [给网页设计师和前端开发者看的前端性能优化](http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers)- [复杂应用的 CSS 性能转载 2014-06-20 13:35:28 · 541 阅读 · 0 评论 -
css内容垂直居中
将图片放置于一容器中,解决方法如下:1 div属性设置为dipslay:table-cell;vertical-align:middle2 line-height和height一致原创 2014-02-10 17:11:15 · 537 阅读 · 0 评论 -
前端修炼之路
前端简介Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。随着人们对用户体验的要求越来越高,前端开发的技术难度越来越大,Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端其实就是Table布局,后来发展到所谓的Div + CSS网站重构,再到现在的让人眼花转载 2014-06-17 14:18:28 · 506 阅读 · 0 评论 -
Swiper说明&&API手册
最近使用Swipe.js,发现中文的资料很少,试着翻译了一下。能力有限,翻译难免错漏,欢迎指出,多谢!翻译自:http://www.idangero.us/sliders/swiper/api.phphttp://www.idangero.us/sliders/swiper/index.php一了解SwiperSwiper 是一款免费以及轻量级的移动设备触控滑块的框架,转载 2014-07-07 09:23:57 · 1694 阅读 · 0 评论 -
input file 问题集
移动端,input file 有时候在选中图片的时候,会发生页面跳转的原创 2014-07-25 11:34:18 · 529 阅读 · 0 评论 -
原生js弹窗组件练习
无标题文档*{margin:0;padding:0;}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;height:1000px;}a{color:#08c;text-decoration:none;}a:hov转载 2014-01-25 16:28:21 · 1063 阅读 · 0 评论 -
触屏版网站开发要点
所谓的触屏版网站其实也是WebApp的一种展示形式,主要是依赖HTML+CSS+Javascript这三个关键因素来实现,相比较原生客户端程序来说优点就是开发周期短、升级简单、维护成本低,因为从根本上来说WebApp的本质就是一个网站而已。这里就说一下如何开发一个适合在触屏设备上展示的页面.如果有在PC端开发网页的基础那么去处理手机端就很容易上手,这里介绍的是针对手持设备专门处理的页面,而转载 2014-01-25 11:45:44 · 823 阅读 · 0 评论 -
phonegap+jquery iOS画面跳转闪烁问题解决
在html所用到的css加入如下: .ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active { overflow: hidden; -webkit-backface-v原创 2013-06-19 16:07:13 · 939 阅读 · 0 评论 -
addEventListener()与removeEventListener()
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用事件处理程序。要在按钮上为click事件添加事件处理程序,可以使用转载 2013-06-18 13:57:38 · 517 阅读 · 0 评论 -
UltraEdit高级教程
UltraEdit 是一套功能强大的文本编辑器,可以编辑文字、Hex、ASCII码,可以取代记事本,内建英文单词检查、C++及VB 语法加亮,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。软件附有 HTML Tag 颜色显示、搜寻替换以及无限制的还原功能。UltraEdit 支持二进制和16进制编辑,所以还可以用来修改EXE 或DLL 文件。本文面向有一定UltraEdit 使用转载 2013-06-09 16:03:34 · 1428 阅读 · 1 评论 -
HTML 学习手册(常用的标签)
HTML标签1、声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">2、 标签可定义锚转载 2013-05-04 14:50:45 · 685 阅读 · 0 评论 -
如何成为一名优秀的前端工程师
一、技术的必须的作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通,类似我字样对前端知识一知半解的,一遇到问题就停下工作就四处搜索解决方案的,首先就算不上一个合格的前端人员。像我这样的如果当了前端工程师那工期肯定是不能保证的。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下(包括搜索引擎),能够完成大多数任务。以下知识点是作为一个转载 2013-05-15 17:30:44 · 1038 阅读 · 1 评论 -
HTML5 Canvas 基础API和实例
开发HTML代码是一件简单的事情,一个文字编辑器,然后一个支持HTML5的浏览器即可(本人的浏览器是Firefox8.0.1)。了解HTML的朋友应该知道,HTML5中最让人兴奋的API是canvas,它给了HTML5开发者随意涂鸦的能力。下来我们一起来了解canvas。 HTML5中新增了画布标签,通过它,可以使用JavaScript在网页中绘制图像。标签在网页中得到的是一转载 2013-05-02 08:51:23 · 563 阅读 · 0 评论 -
iscroll4 精讲
在此文档中你会发现很多例子来教会你如何快速上手iScroll脚本库。参看文中的demo小例子并仔细阅读此文档,可能有点小无聊,但是这篇文章中却是iScroll这个脚本库的精髓之所在哦。 iScroll需要对所要进行滚动的元素进行初始化,并且不限定一个页面中使用iScroll的元素的个数(这里不考虑您的硬件配置)。滚动元素中内容的类型和长度在一定程度上将会影响iScroll脚本库里可以同转载 2013-04-26 13:55:57 · 793 阅读 · 0 评论 -
html ol和ul
OL有序列表和UL无序列表,前面是否有数字 工资 工资原创 2013-04-19 10:59:30 · 518 阅读 · 0 评论 -
手机开发端要求
1、精通 HTML5和DIV+CSS3,输出页面可兼容主流浏览器;2、精通掌握JavaScript,熟练使用jquery框架进行开发4、熟悉移动web端js框架(jquery Mobile,phoneGap,senchaTouch等);5、熟练使用ajax进行开发,能够写出高性能代码;6、了解至少一门web编程语言,PHP、.net、Java等均可;原创 2013-06-19 16:09:16 · 637 阅读 · 0 评论 -
google map地址解析
Google Maps JavaScript API v3 Example: Geocoding Simple var geocoder; var map; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.m原创 2013-07-15 15:00:59 · 1090 阅读 · 0 评论 -
CSS清除浮动_清除float浮动
CSS清除浮动方法集合一、浮动产生原因 - TOP一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSS float浮动就产生了。浮动产生样式效果截图本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动,所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生了。转载 2013-09-10 14:07:50 · 1676 阅读 · 0 评论 -
JS投票
body,div,a,span{margin:0;padding:0;}.g-pt-10{ padding-top:10px; }.g-ta-c{ text-align:center; }.g-fz-16{ font-size:16px; }.g-d-b{ display:block; }.g-f-l{ float:left; }.g-c-w{ color:#fff; }.g-fz-转载 2014-01-02 17:33:22 · 712 阅读 · 0 评论 -
input checkbox radio样式改变
不直接用input自带的样式,自己重写样式,比如用一个div照着设计图,写出需要的样式,选中时的样式切换,用背景图片来改变原创 2013-12-31 11:42:45 · 1523 阅读 · 0 评论 -
jquery mobile自定义icon
.ui-icon-send-msg {background:url('F.GIF') no-repeat 0 0;background-size:100% 100%;}(宽度和长度,显示图片的比例)登录原创 2013-09-27 14:57:28 · 543 阅读 · 0 评论 -
网页加载
window.onload 当页面全部加载完后,触发。JS 框架DOMReady,$(document).ready(init);加载DOM,不包括图片,Flash等原创 2013-10-11 11:26:32 · 428 阅读 · 0 评论 -
CSS中base.css的代码
/***** css set*****/body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldse原创 2013-10-09 14:12:15 · 1036 阅读 · 0 评论 -
html 怪异模式 文档类型定义
//用于XHTML 4.0 的严格型//用于XHTML 4.0 的过渡型//用于XHTML 1.0 的严格型//用于XHTML 1.0 的过渡型DTD全称 Document Type Definition,即文档类型定义.如果漏写DTD声明,Firefox仍然会按照标准模式来解析网页,但在IE中(包括IE6,IE7,I原创 2013-10-09 13:56:26 · 655 阅读 · 0 评论 -
js 添加表格
1 向上添加 insertRow function insRow() { var x=document.getElementById('myTable').insertRow(0) var y=x.insertCell(0) var z=x.insertCell(1) y.innerHTML="NEW CELL1" z.innerHTML="NEW CELL原创 2013-09-16 11:08:36 · 615 阅读 · 0 评论