随笔分类 -  HTML/HTML5

1 2 下一页
HTML5入门要点
摘要：要点 HTML5是HTML的最新版本。通过引入心的标签、新的语义和媒体元素，同时要依赖一组支持Web应用的JavaScript库 XHTML不再是Web页面开发标准。开发人员和W3C组织觉决定还是继续扩展和改进HTML。 HTML5 doctype在老的浏览器中也能较好的支持。老的浏览器看到doct 阅读全文
posted @ 2017-07-06 21:50 快乐八哥 阅读(464) 评论(0) 推荐(0)
修复bootstrap daterangepicker中的3个问题
摘要：最近项目中使用了一个基于Bootstrap的daterangepicker控件。 1.点击页面其他空白的地方，会把之前在日历上选中的日期选择上。 具体描述： 1.点击打开日期选择框 2.选择一个日期范围，用户没有点击“Apply”按钮，然后点击页面其他空白区域，控件会把选择的日期赋值到文本框中去。 这个需求估计在国外属于正常的情况。但是国内的用户习惯是：点击其他空白地方，应该是和点... 阅读全文
posted @ 2014-11-24 21:53 快乐八哥 阅读(8719) 评论(2) 推荐(3)
解决Select2控件不能在jQuery UI Dialog中不能搜索的bug
摘要：# 本文使用博客园Markdown编辑器进行编辑 #---## 1.问题呈现 ##项目中使用了jQuery UI的Dialog控件，一般用来处理需要提示用户输入或操作的简单页面。逻辑是修改一个广告的图片和标题。效果截图如下： ![](http://images.cnitblog.com/blog/... 阅读全文
posted @ 2014-04-29 21:03 快乐八哥 阅读(3587) 评论(1) 推荐(1)
DIV元素水平和垂直居中
摘要：在前端开发过程中，经常要对元素进行居中设置。一般有水平居中，和垂直居中。一般设置水平居中简单。基本是margin:0 auto，就可以了。但是垂直居中，我们有时会觉得使用vertical-align,但是这个属性对div元素不起作用。 目前通用的解决办法是，使用绝对定位，然后设置left和top为50%。然后通过margin来设置。下面具体代码演示了一个简单的登录页面，然后使登录界面水平居中和垂... 阅读全文
posted @ 2014-04-23 18:57 快乐八哥 阅读(3870) 评论(0) 推荐(0)
JavaScript操作Cookie
摘要：在Web开发中，我们经常使用Cookie保存一些不是非常敏高的数据。比如“下次自动登录”，“广告显示”等功能。定义是：某些网站为了辨别用户身份而存储在用户本地终端(主要是浏览器)上的数据。定义域RFC2109。Cookie总是保存在客户端中，可分为Cookie和硬盘Cookie。内存Cookie保存在内存中，浏览器关闭之后就消失了。硬盘Cookie保存在硬盘里面，有过期时间，除非用户手动清理或者其他网页脚本处理，或者到了Cookie的过期时间。Cookie的发明目的，因为HTTP协议是无状态的，服务器不知道用户上一次做了什么，这样浏览器和服务器交互时，服务器不知道浏览器的任何状态。服务器借助浏 阅读全文
posted @ 2014-01-15 22:52 快乐八哥 阅读(337) 评论(0) 推荐(0)
使用jQuery的animate方法制作滑动菜单
摘要：周末看Ziv小威的博客《制作滑动条菜单，如何延时处理滑动效果，避免动画卡顿》，参见地址：http://www.cnblogs.com/zivxiaowei/p/3462964.html。是通过jQury的animate方法来写的一个交互效果，当然他 觉得动画有一些卡，所以他用延时处理的方法，避免动画卡，方法可以值得借鉴。我自己用hover方法，然后动画时间设置的更短，为100毫秒，动画运行起来，速... 阅读全文
posted @ 2013-12-09 23:12 快乐八哥 阅读(2398) 评论(5) 推荐(2)
基于Bootstrap里面的Button dropdown打造自定义select
摘要：最近工作非常的忙，在对一个系统进行改版。项目后台是MVC1.0开发的，但是前端部分已经改过几个版本，而已之前的设计师很强大，又做设计又做前端开发。而已很时尚和前沿，使用了一直都很热门的Bootstrap工具包，有很多把它定义为Web前端CSS框架。说实话，之前只知道它是Twitter公司出品，界面做的比较好看。但是没有在实际项目中使用，之前公司新来的同事会这个，准备在公司官网项目中使用，因为我不会... 阅读全文
posted @ 2013-11-08 00:12 快乐八哥 阅读(9919) 评论(13) 推荐(1)
Javascript对象的方法赋值
摘要：Javascript对象编程学习中，一直不能很好的掌握对象的属性(property)和方法(method)。今天在写代码过程中，又犯了一个低级错误。 Javascript对象的方法 通过自定义一个球的对象。在页面加载完成时，在canvas上绘制一个球。 您的浏览器不支持HTML5 Canvas标签。 ... 阅读全文
posted @ 2013-07-07 22:54 快乐八哥 阅读(1638) 评论(0) 推荐(0)
哪些HTML5特性值得期待
摘要：首先大家可以看一下《HTML5程序设计(第二版)》最后一章关于HTML5未来展望。地址：http://www.ituring.com.cn/article/1690?q=html5%E6%9C%AA%E6%9D%A51.浏览器对HTML5的支持力度 随着明年windows XP支持到期，而且国内很多小白用户都在使用360安全浏览器和搜狗浏览器，所以HTML5的推进速度还是非常快的。这点对web开发者来说是一件很开心的事情，未来浏览器之间的兼容性问题会越来越少，开发者可以把更多的精力集中在应用的交互设计和业务逻辑上。2.哪些特性具有潜力 1).WebGL一定会越来越火。并且随着Three.j.. 阅读全文
posted @ 2013-07-03 17:47 快乐八哥 阅读(1511) 评论(5) 推荐(0)
使用jQuery Draggable和Droppable实现拖拽功能
摘要：上篇博客中已经介绍了web开发中基本拖放原理，现在给出需要完成的功能。最后运行的效果如下图所示： 主要功能需求说明： 1.左侧的元素结构最后会通过Ajax call服务器的数据来生成，能支持多级元素。父节点可以折叠起来 2.用户可以通过拖放的操作，将元素从左侧拖放到右侧。如果是拖的父节点元素，那么需要把它子节点的元素一并拖到右边 3.元素放到右侧，右侧可以接受元素的区域有2种可能。一种... 阅读全文
posted @ 2013-06-24 22:45 快乐八哥 阅读(5365) 评论(0) 推荐(1)
使用jQuery UI的draggable和droppable完成拖拽功能--介绍
摘要：第一部分--拖拽介绍 在https://code.csdn.net/2013ossurvey中最后一个开源项目就是zTree，一方面是因为自己看到有项目中使用了zTree，而已大家表示还不错。另外一方面，自己需要实现一个zTree不支持的复杂逻辑的拖拽功能。总体来说，我要实现的是一个可以拖拽的树形列表。当然最新版zTree也支持多课树之间的数据交互。当然一般的企业开发或者web开发中，... 阅读全文
posted @ 2013-06-13 23:35 快乐八哥 阅读(3720) 评论(0) 推荐(1)
HTML5学习—Canvas API入门
摘要：1.HTML5 Canvas 发展历史 在Canvas出来之前，开发人员要在浏览器中绘图，必须使用Adobe的Flash或者SVG(Scalable Vector Graphices,可缩放矢量图形)插件。但是HTML5 Canvas出来之后，很多动态生成或者展示图形、图表、图像或者动画的功能都由Canvas来完成。同时开发人员会用SVG和Canvas进行比较，因为SVG在很多场合下比Canva... 阅读全文
posted @ 2013-06-07 23:48 快乐八哥 阅读(510) 评论(0) 推荐(0)
HTML中拖放介绍
摘要：1.在jQuery UI里面会经常使用Draggable和Droppable，实现Web开发中拖放效果，当然这不是原生条的拖放，所以在处理复杂的拖放上还是需要自己动手写很多代码，最近开发中就遇到这个问题。拖放的广泛用途：文件管理、数据传输、图标绘制和其他许多操作。个人觉得在列表文件，比如树形菜单上用的比较多。但是这里的拖放和iphone上的触摸(touch)滑动还不完全一样，这里的拖放可能是用鼠标... 阅读全文
posted @ 2013-05-30 23:50 快乐八哥 阅读(1342) 评论(0) 推荐(0)
Windows8 Apps引发的思考
摘要：今天公司进行了内部的Windows8设计与开发一个很小的培训。培训的内容也就是蜻蜓点水，不过以一个他们team实际开发的项目为蓝本，这样也基本上讲解了Windows8 Apps开发流程，应用的架构。个人属于那种保守型的人，dev lead经常说：作为一个developer，我们应该必须有尝试追新的态度，技术和开发工具都应该使用最新版的。不过我的破神舟笔记本至今还在运行windows xp，所以对于windows8 应用的开发也只是在公司的虚拟机试试手，写了几个demo。前几天博客园里面经过“圣殿祭司”的宣传，大多数对使用HTML5，CSS和JavaScript来开发Windows8 Apps兴 阅读全文
posted @ 2012-11-15 23:16 快乐八哥 阅读(2178) 评论(9) 推荐(0)
探索客户端JavaScript
摘要：JavaScript在客户端和服务器的应用场景。Draft and Typescript, Node.js第一部分：JavaScript中的定时器JavaScript中有2中定时器(timer)。单次定时器：定时器在终止并运行指定程序代码后，定时器就结束了。setTimeout(TimerCode,Timerdelay);间隔定时器：每隔一段时间就执行，直到程序让它停止。函数：clearInterval(timerID)clearInterval(timerID)函数清除setInterval()设置的间隔定时器。TimerID是创建定时器的时，由setInterval()返回的。第二部分：J 阅读全文
posted @ 2012-10-29 18:08 快乐八哥 阅读(192) 评论(0) 推荐(0)
JavaScript入门
摘要：在Web开发日益成熟的过程中，PHP和JavaScript已经成为了Web工程师的必备技能。前者因为LAMP的经典组合，而后者JavaScript在经历过JavaScript滥用的时代之后，也来到了一个崭新的应用的时代。JavaScript几乎成了Web前端开发中必不可少的一项技术。HTML+CSS+JavaScript=真正的交互式应用/网站。JavaScript应用场景：1.提高应用的交互体验，这也是早期JavaScript用的最多的地方。比如鼠标跟随，弹出广告框，提示对话框，点击某个区域改变该区域的背景颜色等。2.客户端验证3.Ajax异步发送请求4.操作HTML DOM，修改页面的cs 阅读全文
posted @ 2012-10-24 15:14 快乐八哥 阅读(324) 评论(0) 推荐(0)
纠结的Video Player
摘要：Web项目中需要播放视频。需要支持桌面浏览器，同时支持iPhone,iPad设备，目前还不用考虑Android和微软自家的Windows Phone设备。桌面浏览器当然首选使用Flash Player播放视频了，iPHone和iPad不支持Flash，当然只能支持HTML5 video了。需求如下：1.桌面浏览器：桌面浏览器这一块其实要求挺多的。不要假设所有访问站点的用户都安装了Flash Player。所以有以下场景：用户安装了Flash Player，优先使用Flash Player播放视频。用户没有安装Flash Player，检测用户当前的浏览器是否支持HTML5 Video；如果支持 阅读全文
posted @ 2012-04-28 16:15 快乐八哥 阅读(1535) 评论(9) 推荐(1)
HTML5 Video Player概览
摘要：从以下三个方面分析 1.浏览器和设备的市场份额 2.媒体格式的支持 通过服务器端detect浏览器发送请求时的user-agent。 3.标签属性 属性支持： 新增属性 muted 每个浏览器的视频控制看起来各有不同，但是它们都提供了相同的选项：一个播放/暂停开关，一个播放进度条和一个音量控制条。S 阅读全文
posted @ 2012-04-28 15:39 快乐八哥 阅读(748) 评论(0) 推荐(0)
HTML5 Animation--基本动画理论
摘要：看完《Foundation HTML5 Canvas For Games and Entertainment》，今天开始看《Foundation HTML5 Animation with JavaScript》。当然我学习和开发的目的不是去做Game Development。但是学习使用HTML5，JavaScript去制作动画，学习效果更好，同时能够通过学习新知识完成一个游戏或者小应用，增强自信心。本系列不是完完全全的《Foundation HTML5 Animation with JavaScript》的翻译，主要是个人笔记，同时需要重点掌握的地方，我会记录下来。首先学习HTML5 Ani 阅读全文
posted @ 2012-04-21 17:00 快乐八哥 阅读(2224) 评论(0) 推荐(0)
近期学习技术安排
摘要：今年工作都已经1个多月了，最近公司接到的订单不是很多，所以我们不是很忙。正好是学习新技术和提高老技术的好时期。微软在Web开发方面，也有很大的改进，推出了MVC。也开始鼓励开发人员使用VS2011来开发了。当前我学习.net web开发重点还是在asp.net2.0，觉得这个才是核心，后面都是在这个基础上演变或者改进而来，新添加的东西不是很多。今年主要要学习的技术估计是：EF，LINQ、MVC1.0。嗯！觉得还是一步一步学比较好，不过对于微软同时采取2条路线都更新的做法，表示不理解。一方面asp.net4.0升级为asp.net4.5,在MVC方面又升级到4.0，这样对开发人员来说，学习成.. 阅读全文
posted @ 2012-03-05 00:19 快乐八哥 阅读(312) 评论(0) 推荐(0)

1 2 下一页