！win ！

摘要： 在每次找工作，面试的时候基本都会遇到这样的问题：如果让一个div水平垂直居中？1.其实对于知道长高的元素来说，水平垂直居中对齐是很简单的，可以用绝对定位来实现，把left,top各设为50%，可以把元素的顶点放到正中间，再用外边距可以为负，给上边距外边距再各偏移负长高的一半，代码具体如下： ... 阅读全文

摘要： 曾几何时，我们已经不再手写 HTML 标签。Emmet、Markdown 等工具让我们「健步如飞」，但是我们真的了解这些标签了吗？基本标签使用 HTML5 doctype，不区分大小写。 声明文档使用的字符编码 优先使用 IE 最新版本和 Chrome SEO 优化每个网页都应有一个不超过 150 ... 阅读全文

摘要： placeholder是html5新增的一个属性，极大的减轻了表单提示功能的实现，但是对于IE6-IE9真的是只能靠自己写啦！但是在自己写时会掉进了一个坑里，还好用了一会时间还是爬出来啦。最终的解决方法方法如下： 1 2 3 4 5 6 ... 阅读全文

摘要： 公司所作的页面在360下打开都会遇到在360下自动跳到360兼容模式引发许多兼容问题，摸索了好久终于在网上找到了怎么解决的方法，详情如下:其实360给网站开发者设计了一种选择的方法，只要加入一段Meta标签代码就可以解决。以下信息摘自360官方网站：浏览模式极速模式、兼容模式及IE9高速模式是360... 阅读全文

摘要： 平时在看招聘时，经常看到我们是什么B2C电子商务网站，但是一直不知是啥意思，今天在WEB开发者上面看到这篇文章，就是知道了个所以然，以记录分享。P2P、P2C 、O2O 、B2C、B2B、 C2C，每天看着这些常见又陌生的名词，如果有人跟你说让你解释它的含义，金融的小伙伴们是不是瞬间石化了，是不是欲... 阅读全文

摘要： 最近公司上线移动端，需要根据不同的系统跳转到不同的产品页面，百度后发现这一段代码很好用，不但可以判断当前是什么系统，还能知道当前浏览器是什么内核，移动端PC端都已测试无问题！var browser = { versions: function() { var u = navigator.userAg... 阅读全文

摘要： 记得刚刚开始接触前端工作的时候，跟许多人一样一开始都会选择DW,DW以完善的代码提示及友好的所见及所得的辅助功能一直是广大前端教学者的首选工具。在使用DW一年中也一直觉得DW是个很好的前端工具，直到同事推荐我使用另一个前端工具—sublime，当时就有些犹豫需不需要换一个工具了，百度几翻搜搜,都会听... 阅读全文

摘要： 上周日参加了前端圈的一个走进名企腾讯专场的活动，在会议上有分享嘉宾谈到一个图片的压缩网址，当时也并未太放在心上，没想到本周就接了一个新项目，里面用到的图片都是那种大图，PNG居多，而领导又再三强调一定要保证网页的加载速度，当时就想到那次活动上分享的一个在线压缩工具，于是百度一搜图片压缩工具，发现一个... 阅读全文

摘要： 平时用的多的强制不换行：div{white-space:nowrap;width:***;text-overflow:ellipsis;overflow:hidden}white-space:normal 默认;nowrap强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象text-ove... 阅读全文

摘要： HTML5：使用postMessage实现Ajax跨域请求由于同源策略的限制，Javascript存在跨域通信的问题，典型的跨域问题有iframe与父级的通信等。 常规的几种解决方法：(1) document.domain+iframe； (2) 动态创建script； (3) iframe+loc... 阅读全文