摘要：
1. viewport：webapp视图也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：wi... 阅读全文
摘要：
在div中，文本布局经常出现，换行混乱的情况。问题表现：1.如果是全英文字符串,中间不包含任何符号(包括空格)，不自动换行. 2.中英文混写，则在英文字符串的开始处换行（英文长度>div长度），结尾处不换行。 3.英文整个单词换行。等等，可能还有一些问题，这里只列出了常见的几个；介绍上面几个css属... 阅读全文
摘要：
一、关于弹性盒模型box是先出来的，flex后出，现在主要用flex。但是box有一个特性是flex没有的，文字可以垂直居中~设了宽度+padding+border记住加：box-sizing: border-box;-webkit-box-sizing:border-box;二、input css... 阅读全文
摘要：
作者长期以来使用表格、浮动、行内块元素和其他 CSS 属性来布局网站内容。然而，这些并不是为复杂的页面和网页应用而设计的。不管是简单的垂直居中，还是灵活的网格布局都很难靠一己之力轻易实现，因此成就了CSS 网格框架。但是，如果真的需要那么多项目来实现做这些事，为什么不让它来的更简单些呢？Flexbo... 阅读全文
摘要：
1.Goto Anything-快速查找（ctrl + P） 输入@+函数名可以快速找到函数输入#+文本可以快速进行文件内文本匹配2.命令模式Ctrl+Shift+P：打开命令面板 Ctrl+P：搜索项目中的文件 Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+S... 阅读全文
摘要：
最近要做一个移动web的项目，前端后端都自己一人来搞。由于之前一直是做后端的开发，没涉及过前端的开发，甚是无从下手，但又不得不去弄，于是乎，先把w3school上前端相关的html、js、css都预览了一遍，然后在仿照别人的站点自己尝试着去实现。虽然很多人都是前台很简单，没啥搞的（至少像我做后台的那... 阅读全文
摘要：
在研究响应式的时候，记录了一些感想，分享出来，抛砖引玉，希望可以和大家一起讨论。总结下来，响应式比之前想象的要复杂得多。1. ie9以下（不包括ie9）采用ie条件注释，为ie8以及一下单独开一个样式文件1232. 一个模块的mq样式整体放在这个模块的样式的之后，符合层叠逻辑，也同时以免被层叠。3.... 阅读全文
摘要：
zhang xinxu2015.03.10当下CSS3应用已经相当广泛，其中重要成员之一就是CSS3动画。并且，随着CSS动画的逐渐深入与普及，更复杂与细腻的动画场景也如雨后春笋般破土而出。例如上个月做的「企业QQ-新年祝福」活动：感谢shirley帮忙录制上面的视频，虽然视频内容是手机上的显示效果... 阅读全文
摘要：
css:.first_animate{ width:100px;height: 100px; -webkit-border-radius:50px; position:relative; background: red; -webkit-animation:myfirst 5s; -webkit-a... 阅读全文
摘要：
移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机配置... 阅读全文