05 2015 档案

colspan和rowspan
摘要：colspan和rowspan这两个属性用于创建特殊的表格。colspan是“column span（跨列）”的缩写。colspan属性用在td标签中，用来指定单元格横向跨越的列数：在浏览器中将显示如下：单元格1单元格2单元格3单元格4该例通过把colspan设为“3”, 令所在单元格横跨了三列。如... 阅读全文
posted @ 2015-05-28 13:59 甜甜酱 阅读(1261) 评论(0) 推荐(0)
【转】为什么整个互联网行业都缺前端工程师？
摘要：每天，100offer的HR群都有人在吐槽招不到前端工程师。实话说对这些需求，Betty也无能为力，因为在供不应求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。放眼全球，不仅在国内的互联网行业，在国外，前端工程师一样是需求旺盛、供不应求的香饽饽。举个例子，根据indeed.com抓取的数千... 阅读全文
posted @ 2015-05-27 18:19 甜甜酱 阅读(201) 评论(1) 推荐(1)
【转】HTML5标签使用的常见误区
摘要：最近组内进行 HTML5标签的学习,方法呢就是大家每人挑选几个标签,自己先去学习,然后给大家作讲解.这个过程大家还是挺有收获的.但是现在HTML5还处在草案阶 段,有些新的标签元素的解释也是经常有变化,甚至标签加入移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用HTML5方面也没有很... 阅读全文
posted @ 2015-05-27 17:55 甜甜酱 阅读(300) 评论(0) 推荐(0)
手机访问页面时,常用的功能介绍
摘要：来源网络下面的这篇文章主要是说，网页中的链接如何写，可以激活电话的功能。例如，页面中展示的是一个电话号码，当用户在手机浏览器里面点击这个电话号码的时候，手机会弹出拨号的面板，或者是短信程序会启动等。1. 打电话在android的浏览器中，如果电话号码是 XXX-XXX-XXXX的型式的话，用户点击的... 阅读全文
posted @ 2015-05-27 17:38 甜甜酱 阅读(405) 评论(0) 推荐(0)
【转】手机web页面制作时的注意事项
摘要：一、手机页面的标准头规范字符编码使用utf-8：指定页面手机内存缓存中的存储时间段device-width：通知浏览器使用设备的宽度作为可视区的宽度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最... 阅读全文
posted @ 2015-05-27 16:02 甜甜酱 阅读(274) 评论(0) 推荐(0)
企业站前端——总结
摘要：1.插入图片时，图片必须用div包裹起来，给div固定宽高，图片设为max-width:100%; 原因：图片需要在后期后台添加，而你永远都不知道客户给你上传的图片是什么样子？什么大小的？如果客户上传的图片大于你原有的图片，你所有的样式都会疯狂的 手机端图片的自适应问题： 解决方法一：通过JS... 阅读全文
posted @ 2015-05-25 11:50 甜甜酱 阅读(218) 评论(0) 推荐(0)
解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
摘要：在表格布局中经常会遇到因为表格内容长短的变化导致布局混乱的情况，这个时候我们可能会有为了布局稳定把单元格宽度写死的情况；但是我们设置了宽度却发现超出了宽度之后会自动变大，用css定义元素的overflow:hidden;属性也不行；最后找的的解决方案如下：table{ table-layout:f... 阅读全文
posted @ 2015-05-25 10:24 甜甜酱 阅读(546) 评论(0) 推荐(0)
HTML head
摘要：DOCTYPEDOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。DTD(Document Type Definition) 声明以 开始，不区分大小写，前面没有任何内容，如果有其他内... 阅读全文
posted @ 2015-05-20 16:00 甜甜酱 阅读(255) 评论(0) 推荐(0)
复杂产品的响应式设计【流程篇】
摘要：响应式网页不像传统网页只需考虑一种状态，不是交付一套设计稿就完事儿了，它给设计、前端和开发团队之间的协作模式带来新的挑战。在一个复杂产品全 面响应式的项目里，交互每个阶段该产出什么？交互与视觉如何协作？前端何时介入？哪些事情让后端开发来做更合理？经历“玩客”第一版后，我们得到了一些答 案。响应式设计... 阅读全文
posted @ 2015-05-20 14:43 甜甜酱 阅读(181) 评论(0) 推荐(0)
你应该知道的9个优秀的CSS框架
摘要：1、Twitter开源杰作-BootstrapBootstrap是一款由Twitter推出的开源CSS框架，它的核心是由一系列用于Web前端开发的工具包组成。Bootstrap基于HTML、CSS和JavaScript，是一款非常适合敏捷Web开发的CSS框架，Bootstrap同时也是Github... 阅读全文
posted @ 2015-05-18 12:29 甜甜酱 阅读(479) 评论(0) 推荐(1)
js实现禁止页面拖拽图片
摘要：document.ondragstart = function() { return false;}; 阅读全文
posted @ 2015-05-18 10:52 甜甜酱 阅读(801) 评论(0) 推荐(0)
移动端WEB开发，click,touch,tap事件浅析
摘要：一、click 和 tap 比较两者都会在点击时触发，但是在手机WEB端，click会有200~300 ms，所以请用tap代替click作为点击事件。singleTap和doubleTap 分别代表单次点击和双次点击。二、关于tap的点透处理 在使用zepto框架的tap来移动设备浏览器内的点击事... 阅读全文
posted @ 2015-05-18 10:30 甜甜酱 阅读(232) 评论(0) 推荐(0)
响应式布局的三大要点
摘要：在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型：布局类型 布局实现采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只... 阅读全文
posted @ 2015-05-12 17:50 甜甜酱 阅读(267) 评论(0) 推荐(0)
手机web——自适应网页设计（html/css控制）
摘要：一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial-sc... 阅读全文
posted @ 2015-05-12 17:48 甜甜酱 阅读(223) 评论(0) 推荐(0)
移动页面自适应手机屏幕宽度
摘要：1、使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义：如果你完全不了解这个标签的使用需要先百度一下。解 释：content中的“width” 这个width指的是什么... 阅读全文
posted @ 2015-05-12 16:30 甜甜酱 阅读(226) 评论(0) 推荐(0)
js判断手机访问跳转到手机站
摘要：第一种方法：第二种方法：第三种方法：第四种方法：第五种方法：第六种方法，也可以把名为uaredirect的文件下载到自己网站上引入；(说明：把uaredirect放在百度中搜下就出现文件具体地址了)文章来自:http://jingyan.baidu.com/article/cdddd41c61823... 阅读全文
posted @ 2015-05-12 15:21 甜甜酱 阅读(329) 评论(0) 推荐(0)
针对IE的CSS hack 全面 实用
摘要：.all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:v... 阅读全文
posted @ 2015-05-11 14:58 甜甜酱 阅读(102) 评论(0) 推荐(0)
jQuery片段 - 表单action的更改和提交
摘要：//点击表单“提交”按钮$("#submitBut").bind("click",function(){varurl="...";//更改form的action$("#submitForm").attr("action",url);//触发submit事件，提交表单$("#submitForm").... 阅读全文
posted @ 2015-05-05 18:56 甜甜酱 阅读(245) 评论(0) 推荐(0)