- 博客(7)
- 收藏
- 关注
RSS订阅原创 响应式布局基础三：webapp布局
上一遍文章讲到了viewport，但是通过效果图我们可以看出来，有部分网页内容超出浏览器的宽度，以至于浏览器出现水平滚动条。这一遍文章主要就是来解决这个问题。第一种是：设置viewport，高度固定，宽度使用百分比这种对于简单的列表形比较实用。这种布局方式，通过要为高度进行响应式。第二种是：设置viewport，宽度和高度都固定，利用浏览器本身的功能进行缩放这种
2016-02-24 21:04:08
1454
原创 discuz安装程序的实时刷新
在使用discuz的时候，我们通常都需要使用discuz中的程序进行安装。但是在安装的过程中，有一个有趣的现象，就是结果会实时刷新，效果如同是有使用轮询一样，但是轮询一般都是对数据库方面的操作，但是discuz又不是：通过查看代码，可以发现这个页面的内容是慢慢返回的：这样子，显然就不是长轮询实现了，而是使用缓存输出了。看下discuz安装程序代码，果然发现了如下的代
2016-02-24 14:46:14
605
原创 响应式布局基础二：设置viewport
在开发PC端的网站的时候，我们通常需要根据屏幕分辨率的大小，通过css的媒体查询，设置响应的像素大小。在开发手机网站的时候，通常也需要这样设置的。但是在手机端，还需要多设置viewport这个元素。viewport元素通常是用来设置页面的大小和缩放比例的。手机浏览器为了更好地展示这些没有没有为手机设计的网站，通常会使用桌面的宽度来渲染（通常是960px，980px），然后再改变
2016-02-23 22:04:50
956
原创 响应式布局基础一：px、dpi、ppi的区别
px，即pixel，像素的意思。像素有两种，一种是物理像素，一种逻辑像素。以前一个逻辑像素是等于一个物理像素的。当一个逻辑像素对应多个物理像素的时候，这时候，显示会更清楚。一个逻辑像素对应多少个物理像素，这个叫做Device pixel ratio(像素设备比)在开发过程中，css通过是使用逻辑像素。还有两个概念：Dpi(dot per inch)：点/每英寸
2016-02-23 21:24:01
2289
转载 Alpha、Beta、RC、GA版本的区别
Alpha：是内部测试版,一般不向外部发布,会有很多Bug.一般只有测试人员使用。Beta：也是测试版，这个阶段的版本会一直加入新的功能。在Alpha版之后推出。RC：(Release Candidate) 顾名思义么 ! 用在软件上就是候选版本。系统平台上就是发行候选版本。RC版不会再加入新的功能了，主要着重于除错。GA:General Availability,正式发布
2016-02-14 11:25:12
768
原创 前端面试-浏览器渲染机制
在开发WEB应用整一个流程中，用户体验通常都会被提及，而网站的性能，又是与用户体验直接挂钩，因此可以在项目需求规格文档中经常看到项目对性能的需求。WEB性能优化常见的入手点包括以下几点：1、 HTTP请求2、 服务器响应速度3、 浏览器响应速度其中浏览器响应速度包括渲染速度和代码执行的速度。而本篇文章的目标主要集中在第三点，先整体了解一下浏览器的渲染机制，再通过这个机
2016-02-01 17:39:57
8877
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人