html - 随笔分类 - 穆乙

开发技术文档汇总

摘要：开发技术文档汇总：(持续更新)1Underscore 中文文档 github地址英文文档2 Express中文文档 github地址3 Backbone中文文档Backbone英文文档 github地址4 Jquery中文文档（适合1.0--2,0）5 Bootstrap中文6 Less中文7 ... 阅读全文

posted @ 2013-12-10 11:59 穆乙阅读(2938) 评论(5) 推荐(5) 编辑

各浏览器中的鼠标滚轮事件处理

摘要：滚轮事件是不同浏览器会有一点点区别，一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件，其他的浏览器滚轮事件使用mousewheel，下面我来给大家具体介绍。Firefox使用DOMMouseScroll，其... 阅读全文

posted @ 2013-10-30 13:22 穆乙阅读(17708) 评论(0) 推荐(1) 编辑

那些年我看过的前端书

摘要：面试时，考官问我都看过哪些前端的书，当时竟一时想不起来几本，抽个时间整理一下：一、Javascript方面的书籍：1JavaScript权威指南（第6版）：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；2JavaScript高级程序设计(第3版) ：前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什么好说的，必须细细品读；3JavaScript语言精粹：这是一本值得任何正在或准备从事JavaScript开发的人阅读，并且需要反复阅读的js书籍；4基于MVC的JavaS 阅读全文

posted @ 2013-09-24 13:23 穆乙阅读(8976) 评论(6) 推荐(7) 编辑

学习之响应式Web设计---一个实例

摘要：周末闲来无事,做了一个响应式设计的例子。当然，由此并不能窥见响应式设计真谛之一斑。但，对于初次接触响应设计，对于响应式设计的概念依旧模糊不清的同学来说，或许是个启蒙！闲语暂且不表，进入正题，这里没有太多的表述，直接上代码：本例基于html5标签，所以为了兼容不支持html5标签的浏览器和不支持Media Query的浏览器引入以下文件：<!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js">< 阅读全文

posted @ 2013-06-17 11:43 穆乙阅读(1176) 评论(0) 推荐(0) 编辑

移动平台WEB前端开发技巧汇总

摘要：自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。WebApp与Native App有何区别呢？Native App：开发成本非常大一般使用的开发语言为JAVA、C++、Objective-C更新体验较差、同时也比较麻烦每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有阅读全文

posted @ 2013-04-18 21:33 穆乙阅读(1140) 评论(0) 推荐(0) 编辑

学习之响应式Web设计：Media Queries和Viewports

摘要：前言现在使用移动设备人越来越多，移动版的Website随之也越来越重要；但是移动端设备的大小不一，屏幕分辨率各不相同，我们不可能为BlackBerry，iPhone， iPad等等每个都做单独的页面设计。所以我们需要的Website设计要能迎合多种device的要求并且兼容所有的屏幕分辨率，这种设计就叫响应式Web设计什么是响应式Web设计（Responsive Web design）？响应式Web设计是一种Web设计和开发能够根据屏幕大小、平台和方向对用户的行为和环境做出响应的设计。它包括了灵活的网格和布局，图像和智能使用CSS的media queries特性。当用户从Laptop切换到iP 阅读全文

posted @ 2013-04-18 08:43 穆乙阅读(564) 评论(0) 推荐(0) 编辑

响应式布局的一个例子mark

摘要：<!doctype html><html><head><meta charset="gb2312"><title>响应式Web设计</title><meta name="viewport" content="width=device-width, initial-scale=1"><!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com 阅读全文

posted @ 2013-04-16 14:53 穆乙阅读(6676) 评论(0) 推荐(0) 编辑

手机web HTML头信息解释

摘要：<meta charset="utf-8" /><link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon" /><meta name="Generator" content="LIXIPHP (http://lixiphp.com)" /><meta name="viewport" content="width= 阅读全文

posted @ 2013-03-27 22:15 穆乙阅读(1183) 评论(0) 推荐(0) 编辑

HTML meta viewport属性说明(mark)

摘要：什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。Viewport 基础一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：<meta name=”viewport” content=”w 阅读全文

posted @ 2013-03-15 16:13 穆乙阅读(135346) 评论(3) 推荐(13) 编辑

HTML特殊转义字符列表

摘要：最常用的字符实体Character Entities显示说明实体名称实体编号半方大的空白&ensp; 全方大的空白&emsp; 不断行的空白格  <小于<<>大于>>&&符号&&"双引号""©版权©©®已注册商标®®™商标（美国）™™ 阅读全文

posted @ 2013-03-14 09:25 穆乙阅读(521) 评论(0) 推荐(0) 编辑

GET和POST有什么区别？及为什么网上的多数答案都是错的。

摘要：如果有人问你，GET和POST，有什么区别？你会如何回答？我的经历前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把GET改个名字叫GET2。他反问道，那就是单纯的名字上的区别喽？我想了想，我觉得如果说再具体的区别，只能去看RFC文档了，还要取决于服务器（指Apache，IIS）的具体实现。但我不得不承认，我的确没有仔细看过HTTP的RFC文档。于是我说，我对HTTP协议不太熟悉。这个问题也就结束了。最普遍的答案回来之后寻思了很久，他到底是阅读全文

posted @ 2013-02-27 08:39 穆乙阅读(399) 评论(0) 推荐(0) 编辑

兼容IE6\7\8浏览器的html5标签的几个方案

摘要：转文请标明 --- 出处：穆乙 http://www.cnblogs.com/pigtail/html5大行其道的时代已经到来。如果你还在等待浏览器兼容，说明你已经与web脱节几条街了。当然，这得益于移动客户端的蓬勃发展。如果还在纠结于，是否应该掌握html5和css3技术时，请狠狠的抽自己几个嘴巴，然后，苦学吧！因为前端的春天已经到来，而且不止一个春天。如果你不信，我只能说：爱信不信！下面我们来看一个标准的html5标签结构：（我这里只是说标签，其它概不涉及）<!DOCTYPE HTML><html><head><meta charset=" 阅读全文

posted @ 2013-01-07 15:46 穆乙阅读(15137) 评论(2) 推荐(3) 编辑

table下面appendChild别忘了tbody

摘要：table下面appendChild别忘了tbody 阅读全文

posted @ 2012-11-29 14:53 穆乙阅读(1769) 评论(0) 推荐(0) 编辑

css经典布局——头尾固定高度中间高度自适应布局

摘要：今天说说一个经典布局：头尾固定高度中间高度自适应布局！转文请标明 --- 出处：穆乙 http://www.cnblogs.com/pigtail/相信做过后台管理界面的同学，都非常清楚这个布局。最直观的方式是框架这个我不想多写费话，因为我们的重心不在这里。如果有不了解的同学可以百度、google。这里我不得不吐下槽！！百度实在让我这个“粉丝”失望。就目前情况来说，百度已经完全轮为“有钱人排行榜”！再也不顾及用户的搜索需求了，因为主导地位实在是：不可撼动！不相信的同学，可以亲身对比下B vs G的搜索结果。别告诉我google如何强大！！很久以前，百度的搜索结果更符合目标，因为他更了解中国人的阅读全文

posted @ 2012-11-25 20:01 穆乙阅读(75765) 评论(13) 推荐(11) 编辑

IE中a标签绝对定位设置高宽却无法点击的问题

摘要：[转]http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5594311最近群里有人提了IE中a标签绝对定位设置高宽却无法点击的问题，其实这个是老问题了，最近在写一个JS效果的时候也遇到，今天顺便也做一个记录！元素绝对定位以后设置了高宽原因：1、元素内并无内容2、背景是透明的，无任何背景图或者颜色解决方法：1、如果不是绝对定位元素的，可以用相对定位2、给元素加透明的背景图3、IE可以只用 background:url(about:blank) 解决第三种方法平时用用是可以的，但是在某种情况下会有bug, 比如JS拖动层时候，拖动的事件阅读全文

posted @ 2012-10-30 10:57 穆乙阅读(534) 评论(0) 推荐(0) 编辑

表单元素input、按钮、文字完美垂直居中对齐方法

摘要：本文最终总结出来办法就是要对齐的表单内容（含文字、图片、表单各种元素、label）字体设置为Tahoma，则可以完美的实现对齐(Verdana等字体也可以)，其中个别的input元素如radio的padding和margin设置为0，即可完美解决表单元素input等对齐问题。最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：于是上网查看了阅读全文

posted @ 2012-06-20 11:54 穆乙阅读(48910) 评论(0) 推荐(4) 编辑

HTML5学习笔记(一)canvas画图

摘要：效果图兼容ie的两个js库画图代码,放在head里function draw(id) { var ctx = document.get 阅读全文

posted @ 2012-03-15 13:55 穆乙阅读(1675) 评论(0) 推荐(1) 编辑

让IE浏览器支持HTML5标准的方法（转）

摘要：自HTML5标准的提出就得到非常多的关注，而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题，上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准，但对于IE9是否将完全支持HTML5所有的标准，微软却表现的有点含糊其辞。 HTML5标准能为网页带来更高效更洁净的代码，只有微软参与HTML5的设计工作，才能让IE浏览器识别更多的新元素。HTML5标准预计是在2022年向全世界发布，虽然目前距他发布的日期还有3年左右的时间，但是我认为它距离我们并不是那么遥远，目前很多网站的设计和开发都是在采用HTML5的标准。在HTML5标准的制定和推广方面，阅读全文

posted @ 2011-08-30 12:44 穆乙阅读(592) 评论(0) 推荐(1) 编辑

穆乙’s Blog 专注前端技术

宁肯像种子一样等待，也不愿像疲惫的陀螺，旋转得那样勉强

随笔分类 - html

公告

积分与排名

随笔分类 (125)

随笔档案 (109)

文章档案 (2)

web前端应用