1.cdn文章2.https文章3.前端性能指标计算方式、监测平台4.node性能监测5.es5、es6主题6.xss分享7.性能优化8.css布局9.nginx10.行业相关技术调研11.移动端性能问题12.移动端开发相关规范。如1px问题13.响应式设计14.图书管理平台，方便借书15.sess...
分类：
其他好文 时间：
2016-01-12 11:25:42
阅读次数：
118
随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设.....
分类：
Web程序 时间：
2015-12-25 13:21:11
阅读次数：
197
在响应式设计或移动Web开发当中经常见到的一句代码：content属性还包括initial-scale，user-scalable等，不过这里不谈，它们的意思都很容易理解。这里要谈得是：viewport代表什么？device-width又是啥？先来理解两个概念：device pixels与CSS p...
分类：
其他好文 时间：
2015-12-21 00:12:59
阅读次数：
237
Responsive Design with Bootstrap1.Bootstrap可以根据你的屏幕大小来调整HTML元素，所以叫响应式设计。用这个就不用再为移动设备重新写页面代码。 使用之前，引入其css库。第一题使用"container-fluid"class。这东西应该是规定一个整体布局。....
分类：
其他好文 时间：
2015-12-19 15:04:16
阅读次数：
122
bootstrap是什么？1.简单灵活可用于架构流行的用户界面和交互借口的Html、css/javascript工具集。2.基于html5、css3的bootstrap,具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。3.自定义JQuery插件，完整的类库，基...
分类：
其他好文 时间：
2015-12-06 17:33:36
阅读次数：
149
1、打开浏览器的开发模式：Safari->偏好设置－>高级，在这一页的底部，将“在菜单中显示［开发］菜单”打勾；2、在浏览器中打开做好的页面；3、在菜单［开发］中，选择［进入响应式设计模式］或者按快捷键Alt+Command+R，这样就可以看到页面在手机中的样子了。不足之处就是只能模拟iPhone，...
分类：
移动开发 时间：
2015-12-02 16:14:37
阅读次数：
332
不同设备设计顺序优先级1、用户人群占主导，客户使用设备占有比大的人群优先。2、客户使用设备占比平均的情况下，从大屏做到小屏，做减法比做加法容易。网页的宽度默认等于屏幕宽度。原始的缩放比例initial-scale=1Media的属性。All：所有的媒体类型Screen：电脑显示器Handheld便携...
分类：
其他好文 时间：
2015-11-30 20:20:28
阅读次数：
134
今天做项目的时候发现一个css3的新属性flex一、什么是flex它的作用是能够按照设置好的规则来排列容器内的项目，而不必去计算每一个项目的宽度和边距。甚至是在容器的大小发生改变的时候，都可以重新计算，以至于更符合预期的排版。不仅解放了计算器，而且更加优美的服务于响应式设计。在使用了flex属性之后...
分类：
Web程序 时间：
2015-11-24 12:18:58
阅读次数：
555
2010年，Ethan Marcotte 提出了「响应式网页设计」（Responsive Web Design），通过 Media Query 和 Fluid Layout 判断屏幕宽度，自行调整布局.一般，在页面头部加入viewport标签viewport: 一般指的是浏览器窗口内容区的大小，不包...
分类：
其他好文 时间：
2015-11-23 16:30:17
阅读次数：
134
ChaniaThe FlightThe CityThe IslandThe FoodThe CityChania is the capital of the Chania region on the island of Crete. The city can be divided in two pa...
分类：
Web程序 时间：
2015-11-23 13:00:10
阅读次数：
195
