Front-end

大公司怎样部署前端代码

张云龙百度前端工程师,曾负责百度 前端集成解决方案 的核心设计与开发工作。我现在称这个领域为【前端工程】。没错,这是我最爱唠叨的问题域。 这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。 在我的印象中,faceboo …

CSS3制作自适应的弹性布局

Css3引入了新的盒模型——弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML 、GladeXML。 使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子 …

移动Web开发规范概述

user-select

  以下规范建议,均是Alloyteam在日常开发过程中总结提炼出的经验,规范具备较好的项目实践,强烈推荐使用。   字体设置 使用无衬线字体 body { font-family: “Helvetica Neue”, Helvetica, STHeiTi, sans-serif …

zepto的tap事件的点透问题中的几种解决方案

技术分享

点透是什么: 你可能碰到过在列表页面上创建一个弹出层,弹出层有个关闭的按钮,你点了这个按钮关闭弹出层后后,这个按钮正下方的内容也会执行点击事件(或打开链接)。这个被定义为这是一个“点透”现象。 在前面的项目中遇到了如下图的问题:在点击弹出来的选择组件的右上角完成后会让完成后面的input输入框聚焦, …

移动端网页重构指南 – CSS篇

本文主要介绍移动重构CSS相关部分,包括编码、字体、touch相关、硬件加速、兼容问题等。 编码 @chrset “UTF-8″; 字体设置 body   font-family: “Helvetica Neue”, Helvetica, STHeiTi, sans-serif } 盒模型 *, * …

js禁止页面返回顶部或刷新问题

当浏览者浏览一个网页的时候点击某个链接时网页会刷新或者返回顶部,会让访问者感觉到莫名其妙,页面怎么就刷新了?怎么就返回顶部了?访问者的浏览欲望可能就一次性结束了。 导致这些问题的原因,一般是加了一些特殊的链接,比如例子中的“#”等。 例子: html结构 <div class=”row”&gt …

齐全的html5标签

按功能类别排列 New : HTML5 中的新标签。 基础 标签 描述 <!DOCTYPE> 定义文档类型。 <html> 定义 HTML 文档。 <title> 定义文档的标题。 <body> 定义文档的主体。 <h1> to <h …