分类为「前端开发」的文章列表

这里主要是前端涉及到的 HTML,CSS,JS,浏览器等内容。

谈谈图标字体化遇到的一个坑

发表于 - 图标字体化是解决 Retina 等的比较好的方法;本文也不在这里说如何去做,网上面的文章一大堆;具体来说说使用图标中,用户在自定义样式的文件中通过下面一条语句直接让 font-icon 显示为一个方框(Chrome下),带给用户的体验特别不好; * {font-family: '微软雅黑' !important;}... 阅读全文 »

检测浏览器缩放的 JS 代码

发表于 - 这一次给大家带来的是如何在浏览器缩放的情况下,而且很大一部分情况是用户在不知情的情况下的缩放,如何友好的提示用户,页面被缩放了。 不同浏览器的缩放检测由于浏览器的兼容性,不同的浏览器需要不同的检测方法来检测是否被缩放,下面就是不同浏览器的检测方法 阅读全文 »

Chrome 扩展开发总结

发表于 - 最近在参加 360大学生应用开发大赛,跟团队做了一个小小的扩展,这是自己第一次系统的开发一个 Chrome 的扩展。之前都是按照网上的例子照写的。其中就遇到几个问题,和大家分享一下。 阅读全文 »

iframe 跨域通信分析

发表于 - 有机会在项目中有要通过 iframe 进行跨域通信的需求,然后自己查找资料并简单分析了下通过 iframe 进行跨域的方式。主要通过标准浏览器的 postMessage() 方法和 IE 系列的 window.name 方法。 先说说应用场景吧,就是在页面内嵌的 iframe... 阅读全文 »

取消背景层的滚动

发表于 - 做弹出层组件的时候总是希望背景层停止滚动,但是弹出层需要滚动时还是需要的,介绍两种思路吧,一种是比较常见的 overflow:hidden 方式,另一种是我自己的方法。 阅读全文 »

纯 CSS 的多级菜单

发表于 - 周末,闲来无事,手有些痒痒,想写代码了,于是就有了这个纯 CSS 的多级菜单了,根据自己的理解写的,也没有跟其他人的对比。分享出来吧。 设计思路我的思路吧,其实主要就是 li>ul{display:none} 和 li:hover>ul{display:block} 这样实现鼠标悬停,子项显示的效果,再加上... 阅读全文 »

通过 JSON 和 JSONP 谈谈跨域问题

发表于 - 以前通过书本和网上看到 JSON,知道它是一种数据传输格式,数据接口。但对于跨域问题和 JSONP 总是一知半解,这次通过项目和大家的指导也对这些搞清楚了,这里就分享下我的心得吧 阅读全文 »

我自己的 reset.css 文件

发表于 - Reset.css 文件用于重置 HTML 的默认样式,自己总结了大概半年,感觉现在还是比较适合自己的,所以就放出来供大家分享,俗话说:"没有最好,只有最适合",所以我只能说这份代码很适合我,大家仅供参考,有什么意见和建议的也可以留言回复我。还有,对于别人的 No CSS Reset... 阅读全文 »

另类方法在 Tip 中实现小三角

发表于 - 以前 Tip 中实现小三角的大多数就是用图片实现,要么就是用 CSS 的 border 属性来实现三角,前段时间闲了无事看了下腾讯微博的 Tip,很有意思,tip 中的小箭头是用 "◆"(encode为:◆)字符模拟的。 用 "◆"... 阅读全文 »

overflow 的使用,用 css 截取标题

发表于 - 在进行设计网页的时候,令设计者头疼之一的事是截取标题。假如我们设计的网页标题行只能显示 15 个字,再多了就会折行,很难看。但是谁能保证每次发布的信息标题都在 15 个字以内呢?这就需要用程序判断标题长度,超过 15... 阅读全文 »

HTML 最佳的清除浮动方法

发表于 - 大家估计都遇到这种情况,就是父元素内的子元素设置为浮动,父元素的高度无法跟随子元素的高度而撑大,这就需要清除浮动,估计每个人都有自己的一种解决浮动的方法,而最多的方法应该就是下面这种方法: .clear{ clear: both; height: 0; overflow: hidden; }... 阅读全文 »

“11个class与1个id”一个 CSS 的权重问题

发表于 - 今天看到一个关于 CSS 权重的问题:一个拥有 id 名和 class 名的 div 被十个 div 包含着,然后样式是: .a1 .a2 .a3 .a4 .a5 .a6 .a7 .a8 .a9 .a10 .a11 { color:red; } #b { color:green; } 阅读全文 »

优秀的 JavaScript 库 - JQuery

发表于 - jQuery 是是继 prototype 之后又一个非常优秀的 JavaScript 库,他的口号是「写更少的代码,做更多的事」(Write Less, Do More),它是拥有最多插件和扩展的 JavaScript 库,它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加 Ajax 交互。jQuery... 阅读全文 »