关注用户体验,分享前端技术
摘要: 无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框,这种箭头可以通过背景图片或者是css来实现,本文介绍三种通过css实现带箭头的提示框。通过border属性思路:两个三角形,通过定位使两个三角形相差1px作为边框。CSS3 transfrom思路:先做一个两条边相同颜色的正方形,然后旋转一定... 阅读全文
posted @ 2014-08-24 15:55 夕阳白雪 阅读(4543) 评论(0) 推荐(2) 编辑
摘要: 在开发过程中经常会遇到文本过长超出文本的宽度,这时候我们会考虑将文本截断,但是只顾截断会失去交互的友好性,因为用户不知道后面还有内容,我们会在文本超出宽度的部分加上省略号,然后加上title属性,当用户鼠标放到此处提示完整信息。文本溢出显示省略号有两种情况:单行文本1 text-overflow: ... 阅读全文
posted @ 2014-08-24 14:26 夕阳白雪 阅读(1164) 评论(0) 推荐(0) 编辑
摘要: 本文是在Git操作指南基础上衍生出来的高级操作,如果你对git不是很熟悉,建议你先阅读Git操作指南。一、忽略提交特定文件如果你不想让一些文件上传到git仓库中,可以让Git忽略特定文件或是目录,通过vi ~/.gitconfig编辑git的配置文件,可以使用感叹号(注意英文)来指出例外的情况。1 ... 阅读全文
posted @ 2014-08-23 11:42 夕阳白雪 阅读(405) 评论(0) 推荐(0) 编辑
摘要: 模式有三种:Architectural Pattern、Design Pattern、Coding Pattern,即:框架模式、设计模式、编程模式。本文主要讲解javascript中的设计模式,好的设计模式能够提高代码的重用性,可读性,使代码更容易的维护和扩展。本文适合有一点javascript基... 阅读全文
posted @ 2014-08-10 12:59 夕阳白雪 阅读(2337) 评论(0) 推荐(0) 编辑
摘要: 现在越来越多的用户将chrome浏览器设置为自己默认的浏览器,不仅是因为他的界面美,最重要的是他对html5和CSS3完美的支持,且调试工具非常好用,还有丰富的扩展库。如何安装自己的扩展呢?点击自定义chrome,选择工具-->扩展程序,如图:下面推荐几款自己在工作中或者生活中使用的chrome扩展... 阅读全文
posted @ 2014-08-03 12:36 夕阳白雪 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 开发过程中,会不断发现新需求,不断发现bug,这时候就需要一个好的软件来管理项目。Git提供完备的版本管理功能,用于存储、追踪目录(文件夹)和文件的修改历史,是软件开发者的必备工具,是软件公司的基础设施。Git支持软件公司的配置管理活动,追踪多个版本的开发和维护活动,及时发布软件。安装Git:... 阅读全文
posted @ 2014-08-03 11:30 夕阳白雪 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 优化你的网站:当一个网站中的资源(比如:js文件、css文件、图片等)很多时必然影响用户访问速度,这时候你就需要做网站性能优化,你可以选择把资源分开放在不同的服务器上,因为一个资源服务器最多可以同时下载2-3个资源,多个服务器就可以同时下载多个文件,但是这样就给公司带来资金问题。一般大家都会想到对资... 阅读全文
posted @ 2014-07-27 12:53 夕阳白雪 阅读(468) 评论(0) 推荐(0) 编辑
摘要: Sublime插件:Sublime有好几种安装插件的方法,但是最好用也是最长用的是ctrl+shift+p。第一步: 使用ctrl+` 调出Sublime控制台,在控制台中输入 import urllib2,os;pf='Package Control.sublime-package';ipp=s... 阅读全文
posted @ 2014-07-26 12:59 夕阳白雪 阅读(381) 评论(0) 推荐(0) 编辑
摘要: Sublime text快捷键 Sublime text 2是一款轻量、简洁、高效、跨平台的编辑器,他适合编写javascript,html,css,php,paython等等,作为程序员,编码效率是非常重要的,快捷键能够帮助我们提高效率,下面是我推荐给大家的几个好用的快捷键: Ctrl+S... 阅读全文
posted @ 2014-07-26 12:39 夕阳白雪 阅读(389) 评论(0) 推荐(0) 编辑
摘要: 常用转换方法: 1.数字转换成字符串: number.toString(radix);返回一个字符串 radix指定将数字值转换为字符串的进制,默认为10进制 number.toFixed('fractionDigits');返回一个字符串,代表一个以定点表示法表示的数字 ... 阅读全文
posted @ 2014-03-31 15:07 夕阳白雪 阅读(226) 评论(0) 推荐(0) 编辑