06 2016 档案
摘要：在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1. 浏览器把获取到的HTML代码解析成1个DOM树，HTML中的每个tag都是DOM树中的
阅读全文
摘要：1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480
阅读全文
摘要：Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示： Zen coding下的编码演示 去年年底，该插件已经改名为Emmet。但Emmet不只改名，还带来
阅读全文
摘要：activate-power-mode的超炫编辑效果打动了我，花时间安装了atom，之后在package,install里面找到了这个插件，但是安装失败,如下图所示: 用了公司的vpn，网络肯定没问题，看来是atom的下载模块有问题，于是做了如下操作，问题顺利解决： 1， 用chrome下载该文件，
阅读全文
摘要：本系列为原创，发表在我的github主页，详细介绍了如何在github上建立个人网站，还包括域名绑定、评论功能、站内搜索等辅助功能的介绍，欢迎交流。 一步步在GitHub上创建博客主页(6) 本篇介绍如何增加blog功能。 一步步在GitHub上创建博客主页(5) 本篇介绍如何利用jekyll构建博
阅读全文
摘要：看大家不时的都在将系统发快捷键最新版，在官网上其实就有这个最详细的信息，为了方便大家。另外系统快捷键不会更新那么快，也就不存在最新版了。小弟现将原文转发过来，希望对新入门或需要的小伙伴有帮助。OS X 键盘快捷键 若要使用键盘快捷键或按键组合，您可以同时按修饰键和字符键。例如，同时按下 Comman
阅读全文
摘要：你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能
阅读全文
摘要：【内容提要】使用Package Control组件在线安装更方便 安装Sublime Text 2插件的方法： 1.直接安装 安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。 2.使用Package C
阅读全文
摘要：iPhone 横屏默认会放大文字，设置text-size-adjust会解决这个问题 一般用text-size-adjust：none 但建议用100%代替none text-size-adjust：100%
阅读全文
摘要：1、当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，这时可以用 html{-webkit-text-size-adjust:none;} 2、-webkit-text-size-adjust放在body上会导致页面缩放失效 3、body会继承定义在html的
阅读全文
摘要：概述 WeUI是一套同微信原生视觉体验一致的基础样式库，为微信Web开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。 这有什么好处呢？其实从上面也可以看到官方的话，就是让你的应用跟微信官方版本更加统一，而没有违和感
阅读全文
摘要：曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？ 那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实
阅读全文
摘要：最近在弄一个native webview+html的项目，感觉这种尝试还是挺不错的，特被是适合内容类app。如杂志、电子书等。其实native搭的就是一个框架，主体还是在html的内容上，所以花在html的功夫要十分多。 要做到webview的分页的效果，主要是利用UIwebView里面的scrol
阅读全文
摘要：可能咋一看不知道我说的是个啥，因为iOS本来就用这功能的啊，还模拟它干啥？先听我说下项目背景哈 我现在开发的是一个webapp，主要是用在ipad上，这个app的大小是固定大小的，为了防止触摸它出现弹性滚动，我加个句代码： [javascript] view plain copy $(documen
阅读全文
摘要：购物车是做什么的？ 我们先来看一下现实超市中的购物车，一个带四个轱辘的铁筐子，客人推来推去，看到什么东西喜欢，就扔进去，觉得东西差不多了，就推到收银台。 那B2C网站中的购物车又是一个什么东西呢？ 从广义上说，购物车在B2C网站里无处不在，当客人进入一个B2C网站时，他就相当于推着购物车开始逛超市了
阅读全文
摘要：对于大部分B2C网站来说，购物车是网站的咽喉之地，订单是白花花的银子，所有银子都必然流经购物车，购物车不能有失。优秀的购物车设计至少需要完成两项使命：一是方便用户多买货多掏银子；二是帮用户保管好待购的货品，方便下次接着掏银子。 购物车是个较复杂的系统，一般会跟订单、商品、库存、会员和促销等模块有暧昧
阅读全文
摘要：<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><script type="text/javascript" src="http://123.56.106.187:8010/Scripts/listj
阅读全文
摘要：1. Zepto 对象 不能自定义事件 例如执行： $({}).bind('cust', function(){}); 结果： TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象： 例如： $('').
阅读全文
摘要：PS：结合了精英的思想和自己的一些小小的总结~ 影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。 而我们建设网站的目的是什么呢？不就是为了让目标人群来访问
阅读全文
摘要：编者按：这3类主流应用你都了解吗？设计师除了要有视觉功夫，对不同形式的APP也应当了然于胸，今天百度的同学写了一篇非常全面的总结，帮你迅速搞定3类主流APP的设计方法，附带一大波避雷针，带你巧妙跳过APP设计的雷区，涨姿势是分分钟刻不容缓的事咯！ 目前主流应用程序大体分为三类：Web App、Hyb
阅读全文
摘要：我们还是来看一款示例：（蘑菇街） 看起来很像我们的gridview吧，不过又不像，因为item大小不固定的，看起来是不是别有一番风味,确实如此.就如我们的方角图形，斯通见惯后也就出现了圆角.下面我简单介绍下实现方法. 第一种： 我们在配置文件中定义好列数.如上图也就是3列.我们需要定义三个Linea
阅读全文
摘要：简介 如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？ 类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量
阅读全文