11 2015 档案

从网易与淘宝的font-size思考前端设计稿与工作流
摘要：1. 问题的引出最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-size的代码：html{font-size:10px}@media screen an... 阅读全文
posted @ 2015-11-27 15:02 webpush 阅读(302) 评论(0) 推荐(0)
最好的移动触摸滑动插件：Swiper
摘要：最近在使用的一个移动触摸滑动插件Swiper，功能很强大，跟之前的那个swipe.JS相比，同时支持在PC端滑动，支持上下方向滑动，支持多张图片滑动，支持多屏滑动，凡是你想得到的几乎都可以实现。最近作者还更新了3.0版本，优先支持ios和最新版的Android移动端。下载代码可以在github上下载... 阅读全文
posted @ 2015-11-24 16:09 webpush 阅读(530) 评论(0) 推荐(1)
Web移动端Fixed布局的解决方案
摘要：移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。iOS下的 Fixed + Input BUG现象让我们先举个... 阅读全文
posted @ 2015-11-24 15:52 webpush 阅读(328) 评论(0) 推荐(0)
移动前端页面开发需要注意的20个要点
摘要：1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用123456代码laycode - v1.1第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta... 阅读全文
posted @ 2015-11-23 20:21 webpush 阅读(2771) 评论(0) 推荐(0)
3个方法实现JavaScript判断移动端及pc端访问不同的网站
摘要：3个方法比较简单，分别在页面头部加入如下js代码：对于简单地直接从www.maslinkcom跳转到m.maslink.com,此方法仅从首页而言：2.如果网站除了首页部分，后面跟的还有，比如：www.maslink.com/list/98/，对于这样一个url，PC就直接这样访问了，对于移动端... 阅读全文
posted @ 2015-11-23 15:01 webpush 阅读(759) 评论(0) 推荐(0)
自适应网页前端开发要素
摘要："自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初... 阅读全文
posted @ 2015-11-23 14:00 webpush 阅读(3889) 评论(0) 推荐(0)
移动端自适应方案（转载）
摘要：真的需要动态生成viewport吗？如何自适应？然后给出主观的最佳实践。最帅的flex赶时间戳这里传送门比较无聊干燥的文章，看前请喝水。研究样本手淘 ml.js天猫首页手机携程一个月前去了css开发者大会，听到了手淘的自适应方案，想起之前一直就想了解ml.js到底干了什么事。回来仔细研究了一下，抱着... 阅读全文
posted @ 2015-11-19 17:52 webpush 阅读(493) 评论(0) 推荐(0)
css实现标题文字过长截取...
摘要：css实现网页中文字过长截取...title class应该这样写：.title{ width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}说明：1、宽度一定要设置，可以根据实际需求调整。2、white-sp... 阅读全文
posted @ 2015-11-19 17:19 webpush 阅读(2984) 评论(0) 推荐(0)
meta标签中的http-equiv属性使用介绍
摘要：meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta 标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显 示的窗口... 阅读全文
posted @ 2015-11-18 17:34 webpush 阅读(548) 评论(0) 推荐(0)
css定位机制
摘要：在css中定位机制包括：标准流，定位和浮动标准流：除非专门指定，否则所有元素都在标准流中定位。也就是说，标准 流中的元素的位置由元素在HTML中的位置决定。块级元素从上到下一个接一个地排，列行内框在一行中水平布置。很明显这样生硬的规定是不灵活的，好比你玩 俄罗斯方块不让你变换元素的方向直接堆放一样。... 阅读全文
posted @ 2015-11-18 15:24 webpush 阅读(550) 评论(0) 推荐(0)
js删除数组中某一项或几项的几种方法
摘要：1:js中的splice方法 splice(index,len,[item]) 注释：该方法会改变原始数组。splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值index:数组开始下标len: 替换/删除的长度 item:替换的值，删除操作的话 item为空如：arr = [... 阅读全文
posted @ 2015-11-18 15:08 webpush 阅读(1785) 评论(0) 推荐(0)
Normalize.css与CSS reset区别
摘要：Normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML... 阅读全文
posted @ 2015-11-18 11:55 webpush 阅读(9069) 评论(2) 推荐(2)
JavaScript声明全局变量三种方式的异同
摘要：JavaScript中声明变量很简单var（关键字）+变量名(标识符)。方式112var test;var test = 5;需注意的是该句不能包含在function内，否则是局部变量。这是第一种方式声明全局变量。方式21test = 5;没有使用var，直接给标识符test赋值，这样会隐式的声明了... 阅读全文
posted @ 2015-11-16 14:05 webpush 阅读(1351) 评论(0) 推荐(0)
github优秀前端项目分享（转）
摘要：http://microjs.com/#该网站的资源都托管到了github，microjs.com是一个可以让你选择微型的js类库的网站，该网站里的js库都是压缩后不大于5KB的，非常实用https://plainjs.com/（10.22更新）The Vanilla JavaScript Repo... 阅读全文
posted @ 2015-11-13 18:17 webpush 阅读(7129) 评论(0) 推荐(5)
HTML5如何做横屏适配
摘要：在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。首先在head中加入如下代码：1针对上述viewport标签有如下说明1)、content中的width指的是虚拟窗口的宽度。2)、user-scalable=no就一定可以保证页面不可以缩放吗？NO，有... 阅读全文
posted @ 2015-11-13 14:04 webpush 阅读(23084) 评论(2) 推荐(1)
前端系统学习快速进阶教程全攻略
摘要：网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：基础知识：1、 HTML + CSS 这部分建议在 W3school 在线教程 上学习，边学边练，每章后还有小测试。 之后可以模仿一些网站做些页... 阅读全文
posted @ 2015-11-13 10:05 webpush 阅读(7184) 评论(4) 推荐(7)

点击右上角即可分享
微信分享提示