UECSS.COM

专注前端开发,关注用户体验,记录成长历程

IDEA编辑器常用设置

IntelliJ IDEA 11.0 到位,尝试了两次Sublime Text 2(有几处亮点很赞,还有的可能我没发现,作者的更新速度很快~),最后还是觉得用回 IntelliJ IDEA,相对来说个人感觉更智能些,像是一把重剑很全面,而且最新的IntelliJ IDEA 11.0版本感觉速度上有了明显的提升,昨晚试装下发现之前的 10.5这个版本的设置 settings.jar 不能导入,我主要是用IDEA来做一些前端的工作,N多好用的IDEA快捷键,加上编辑器自身就很强大集成zencoding这样的便捷功能,因此不需要做太多的设置和插件管理,我会把常用的设置记录在这里,有新的或是遗漏的会补充更新进来,如下:

--------------华丽的分割线-----------------

关于IDEA 如何让光标默认停留在最后一个字符

Files – IDE Settings – Editor 然后找到右侧的 Allow placement of caret after end line

Continue reading →

使文字纵向排列的几种方法

一次与携程网Lucky老师交流,才发现工作了三年的自己,其实功底一点都不扎实,所以从现在开始,认真恩考,认真总结,不但要知其然,更要知其所以然。再次感谢点醒执迷不悟的我的Lucky老师!

下面分享一下使文字纵排列的几种方法:

第一种方法:”<br>”标签

<h1>
N
E
T
T
U
T
S
</h1>

这种方法没有说服力,不推荐使用;
Continue reading →

仿天涯底部固定漂浮导航

09年的时候博客挂了一次,现在使用的是易联主机感觉还不错~,这是当时发表在博客园上的一篇,现在还原回来记录在此,以下~

有些东西找起来很麻烦,好用的又不太容易找到,之前看到很多用JS写的,固定漂浮这种效果拖动时难免会产生抖动自己对CSS还是蛮有好感的,找来找去找到了天涯,仔细一看是纯CSS的,没有使用JS效果我觉得它比之前看到的要精简些不用嵌套多余的DIV简单的看一下CSS样式部分:

Continue reading →

IDEA编辑器下的文件头部申明信息自定义

这里将上一篇更新的《代码文档的注释及申明》中的文件头部申明信息,拿出来单独说下,因为我也碰到了问题(编辑文件后更新人+时间自动更新),没有找到好的解决方法,如果你知道务必要告诉我哈,先在此谢过~

回到正文,文件头部的申明信息不可能每次都要手动去敲上去,比如之前提到的: Continue reading →

代码文档的注释及申明

多屏的项目一期结束后终于可以缓一下,有时间整理规范文档了,修改完善下文档的注释及文件头部申明部分,这里主要是借鉴和查看一些站点如(19楼、携程、易讯、QQ网购等)的源文件,整理较简短如下:

文件申明信息

  • 文件头部添加申明信息,包含描述、作者、最后更新(更新人+更新时间);

示例供参考

/**
 * Description: register style css (可中文)
 * Author: JeffPan
 * Update: JeffPan(2011-11-16 14:11)
 */

注释

  • 通过注释有效的组织管理代码文档,提升团队开发的合作效率,减少维护成本;
  • 注释的形式 – 使用一致的标点和结构来注释代码,在维护他人的代码时不要使用新的注释形式,要顺延已有的注释形式,确保一致性;
  • Continue reading →

精简取舍 – 页面重构模块

作为页面重构这块工作,大多数人都是在各自所处的环境中累积并形成自己的一些习惯。

公司从分部调来一位前端MM,以缓解最近项目上的压力,毕竟目前公司的整个项目流程上前端这个位置处于瓶颈(我们整个工作流程视为环链,决定环链的强度的关键因素在于最弱的那个环,也就是说最弱的那个环就是我们所说的制约因素、瓶颈,部门的工作成果品质或是效率,并不会因为某个人的出色表现而如何如何。)

另一方面也是为了减少沟通成本,团队起步期需要逐渐形成规范文档,加强团队配合。下面是工作沟通过程中的其中一部分:
Continue reading →

Sublime Text 2 中的字体设置 font face

Sublime Text 2 字体设置代码视图预览效果之前一直在使用IDEA,这两天看到很多人提到Sublime Text 2个人是比较好奇这些新鲜事物,尤其是和工作生活紧密相连的。
Sublime Text 2 跨平台,windows下用的相对少些,这里记录下如何设置 Sublime Text 2 代码视图中的字体,如下:

在菜单 Preferences 下找到 File Settings – User 点击会打开Base File.sublime-settings这个文件
将其中的 font_face 后修改添加想要的设置字体(如果没有font_face自行添加这一行注意英文”,”逗号隔开),设置代码片段示例如下:

{
	"color_scheme": "Packages/Color Scheme - Default/Mongrl.tmTheme",
	"font_face": "YaHei Consolas Hybrid",
	"font_size": 10.5
}

Continue reading →