ATOM快捷键

文件切换

1
ctrl-shift-s

 保存所有打开的文件

1
cmd-shift-o

 打开目录

1
cmd-\

 显示或隐藏目录树

1
ctrl-0

 焦点移到目录树
目录树下,使用a,m,delete来增加,修改和删除

1
cmd-t

1
cmd-p

 查找文件

1
cmd-b

 在打开的文件之间切换

1
cmd-shift-b

 只搜索从上次git commit后修改或者新增的文件

导航

(等价于上下左右)

1
ctrl-p

 前一行

1
ctrl-n

 后一行

1
ctrl-f

 前一个字符

1
ctrl-b

 后一个字符

1
alt-B

1
alt-left

 移动到单词开始

1
alt-F

1
alt-right

 移动到单词末尾

1
cmd-right

1
ctrl-E

 移动到一行结束

1
cmd-left

1
ctrl-A

 移动到一行开始

1
cmd-up

 移动到文件开始

1
cmd-down

 移动到文件结束

1
ctrl-g

 移动到指定行 row:column 处

1
cmd-r

 在方法之间跳转

目录树操作

1
cmd-\

 或者 

1
cmd-k cmd-b

 显示(隐藏)目录树

1
ctrl-0

 焦点切换到目录树(再按一次或者

1
Esc

退出目录树)

1
a

 添加文件

1
d

 将当前文件另存为(duplicate)

1
i

 显示(隐藏)版本控制忽略的文件

1
alt-right

 和 

1
alt-left

 展开(隐藏)所有目录

1
ctrl-al-]

 和 

1
ctrl-al-[

 同上

1
ctrl-[

 和 

1
ctrl-]

 展开(隐藏)当前目录

1
ctrl-f

 和 

1
ctrl-b

 同上

1
cmd-k h

 或者 

1
cmd-k left

 在左半视图中打开文件

1
cmd-k j

 或者 

1
cmd-k down

 在下半视图中打开文件

1
cmd-k k

 或者 

1
cmd-k up

 在上半视图中打开文件

1
cmd-k l

 或者 

1
cmd-k right

 在右半视图中打开文件

1
ctrl-shift-C

 复制当前文件绝对路径

书签

1
cmd-F2

 在本行增加书签

1
F2

 跳到当前文件的下一条书签

1
shift-F2

 跳到当前文件的上一条书签

1
ctrl-F2

 列出当前工程所有书签

选取

大部分和导航一致,只不过加上shift

1
ctrl-shift-P

 选取至上一行

1
ctrl-shift-N

 选取至下一样

1
ctrl-shift-B

 选取至前一个字符

1
ctrl-shift-F

 选取至后一个字符

1
alt-shift-B

1
alt-shift-left

 选取至字符开始

1
alt-shift-F

1
alt-shift-right

 选取至字符结束

1
ctrl-shift-E

1
cmd-shift-right

 选取至本行结束

1
ctrl-shift-A

1
cmd-shift-left

 选取至本行开始

1
cmd-shift-up

 选取至文件开始

1
cmd-shift-down

 选取至文件结尾

1
cmd-A

 全选

1
cmd-L

 选取一行,继续按回选取下一行

1
ctrl-shift-W

 选取当前单词

编辑和删除文本

基本操作

1
ctrl-T

 使光标前后字符交换

1
cmd-J

 将下一行与当前行合并

1
ctrl-cmd-up

1
ctrl-cmd-down

 使当前行向上或者向下移动

1
cmd-shift-D

 复制当前行到下一行

1
cmd-K

1
cmd-U

 使当前字符大写

1
cmd-K

1
cmd-L

 使当前字符小写

1
cmd-shift-P

 搜索命令

删除和剪切

1
ctrl-shift-K

 删除当前行

1
cmd-backspace

 删除到当前行开始

1
cmd-fn-backspace

 删除到当前行结束

1
ctrl-K

 剪切到当前行结束

1
alt-backspace

 或 

1
alt-H

 删除到当前单词开始

1
alt-delete

 或 

1
alt-D

 删除到当前单词结束

多光标和多处选取

1
cmd-click

 增加新光标

1
cmd-shift-L

 将多行选取改为多行光标

1
ctrl-shift-up

1
ctrl-shift-down

 增加上(下)一行光标

1
cmd-D

 选取文档中和当前单词相同的下一处

1
ctrl-cmd-G

 选取文档中所有和当前光标单词相同的位置

括号跳转

1
ctrl-m

 相应括号之间,html tag之间等跳转

1
ctrl-cmd-m

 括号(tag)之间文本选取

1
alt-cmd-.

 关闭当前XML/HTML tag

编码方式

1
ctrl-shift-U

 调出切换编码选项

查找和替换

1
cmd-F

 在buffer中查找

1
cmd-shift-f

 在整个工程中查找

代码片段

1
alt-shift-S

 查看当前可用代码片段

1
~/.atom

目录下

1
snippets.cson

文件中存放了你定制的snippets

定制说明

自动补全

1
ctrl-space

 提示补全信息

折叠

1
alt-cmd-[

 折叠

1
alt-cmd-]

 展开

1
alt-cmd-shift-{

 折叠全部

1
alt-cmd-shift-}

 展开全部

1
cmd-k cmd-N

 指定折叠层级 N为层级数

文件语法高亮

1
ctrl-shift-L

 选择文本类型

使用Atom进行写作

1
ctrl-shift-M

 Markdown预览
可用代码片段

b, legal, img, l, i, code, t, table

git操作

1
cmd-alt-Z

 checkout HEAD 版本

1
cmd-shift-B

 弹出untracked 和 modified文件列表

1
alt-g down

 

1
alt-g up

 在修改处跳转

1
alt-G D

 弹出diff列表

1
alt-G O

 在github上打开文件

1
alt-G G

 在github上打开项目地址

1
alt-G B

 在github上打开文件blame

1
alt-G H

 在github上打开文件history

1
alt-G I

 在github上打开issues

1
alt-G R

 在github打开分支比较

1
alt-G C

 拷贝当前文件在gihub上的网址

推荐一些好用的插件

没那么难,谈CSS的设计模式(转)

以前写的时候会写这种模式,但是从来没有细究过,为何要这样写,只是觉得趁手而已。用bootstrap的时候也发现了这种规律。现在看到这个文章感觉很好,特此联系作者,转载到自己这里。

原文地址:http://ideazhao.com/2016/08/07/css_design_method/

什么是设计模式?

曾有人调侃,设计模式是工程师用于跟别人显摆的,显得高大上;也曾有人这么说,不是设计模式没用,是你还没有到能懂它,会用它的时候。

先来看一下比较官方的解释:”设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问,设计模式于己于他人于系统都是多赢的;设计模式使代码编制真正工程化;设计模式是软件工程的基石脉络,如同大厦的结构一样。”

今天我们来聊聊CSS的设计模式。

设计模式,这个词汇我们常见,几乎所有的编程语言都会有几套,但深入研究的人不多,原因如下:

1、似乎没有太大必要性去强调它,有问题了改一下或者按团队规范来就行;
2、不去使用一些既有的模式也无伤大雅;
3、不少人所接触的业务量级还没有达到需要规划和组织的程度,光写布局,写特效,照顾兼容,就够喝一壶的了,没有意识去思考一些方法论的问题。

当然,这三者都是我经历过的,相信你也是~

我们都会长大,都会慢慢的做更多、更大、更复杂的项目,这个时候,就需要自上而下,全流程的去思考一些问题,后台不说,只讲前端,比如:风格的制定、色调、模块、布局方式、交互方式、逻辑等等,如果再加上团队合作,若再没有一个规划的话,要不了多久,那些看起来没问题的代码,就会暴露出各种问题,模块命名、类的命名、文件的组织、共用模块的提取、代码的复用、可读性、扩展性、维护性。它们看起来只是一些简单的小动作,却需要你看得更远,避免将来出问题需要付出更大的代价,甚至被迫整个项目重构,可谓,功在当代,利在千秋~

既然要对CSS进行设计,那么肯定是它本身存在一些问题或者缺陷,其中,一个最明显的就是,它的任何一个规则,都是全局性的声明,会对引入它的页面当中所有相关元素起作用,不管那是不是你想要的。而独立及可组合的模块是一个可维护系统的关键所在。下面,我们就从多个层面来探讨一下,到底该怎样写CSS,才是更科学的。

从需求出发


我们刚开始学习写字的时候,是不会去考虑,写出来的某句话好不好,文章结构合适不合适,因为我们是意识不到的。写代码也一样,刚开始,我们只是去定义规则,能用对了属性,语法正确,把页面实现出来了,就好。慢慢地,就会发现,页面也是有结构的,我们按照页面的结构去组织代码,会不会更好?比如,分成头部、导航、侧边栏、banner区、主内容区、底部等。

然而这样貌似还是不够,因为还有一些东西,复用度是很高的,又不好把它归为任何一个固有模块,比如:面包屑、分页、弹窗等,它们不适合被放到某一个固有模块的代码中,就可以单独的分出一段专属的css和js,或许,这就是组件化的由来~


在分了之后,我们的代码看起来已经比之前好很多了,组织清晰,维护性大幅提高,但是,好像还是不够,我们会发现另外一些东西,很细小,但复用度也很高,它们同样不适合被放到模块中去,比如,边框、背景、图标、字体、边距、布局方式等等。如果我们在每个需要它们的地方,都定义一次,它们会被重复很多次,显然,这背离好的实践,会造成代码冗余和维护困难。所以,我们需要“拆”。拆过之后会怎样?我们想在哪里用可以直接加,需要改的时候统一改。


经过了“分”、“拆”,我们的代码结构已经十分清晰,各个内容模块,功能模块,UI模块都乖巧的等待召唤,那么还差什么?是的,还差有序的组织,分类清晰之后,还需要排列有序,从不同纬度去考量,我们总能精益求精。举个栗子,我们可能会看到像这样:

@import “mod_reset.css”;
@import “ico_sprite.css”;
@import “mod_btns.css”;
@import “header.css”;
@import “mod_tab.css”;
@import “footer.css”;

我们将不同的部分按照一定的顺序去摆放,能让我们的代码看起来更加有序,易于维护,同时,有利于进行继承或层叠覆盖。不要小看这一步,看似可有可无,实际要求比较高的统筹规划能力,可以减少冗余代码和快速定位问题位置等。

除此之外,我们依然可以有其他的方法来帮助我们进行区分代码范围,比如:

1、在文件头部建立一个简要的目录

2、使用区块注释

在注释中,应该尽量详细的写清楚该段代码的目的,状态切换,调整原因,交互逻辑等等,这样不仅利于自己的维护,更加利于别人接手维护你的代码。

从结论出发

除了需求当中一些通用部分,另外一些也是需要注意,但不会被正式定义的东西,它们来源于我们的实践经验,比如:

层级嵌套不要太深

稍微了解一些浏览器渲染原理的都知道,它在解析CSS规则的时候,是从右向左,一层层的去遍历寻找,如果层级太多,必然增加了渲染时间,影响渲染速度。另外,如果选择器层级过多,也就间接反应了,你的HTML结构可能写得不够简洁。

那么具体多少层合适?一般建议是不超过4层,但话又说回来,超过4层会怎样吗?不会有多明显的影响,除非你写到很恐怖的数量,或者项目极其庞杂,可能能看出来影响,其实从我们日常需求来看,4层以内足可以解决绝大多数问题,故而,是合理的。

避免使用元素选择器

出于两点考虑:

第一点,和上一段提到的相关,在HTML中,有很多常用的高频元素,比如,div、p、span、a、ul等,如果,你在多层选择器的最内层使用了元素选择器,那么,在开始寻找时,浏览器就会遍历HTML中的所有该元素,显然,这是没有必要的。

第二点,我们的需求和代码结构都是存在着潜在变化的,今天写好了一个页面,明天可能就要再加进去一个按钮,再加进去一句话,再加进去一个图标。我们写好的一个结构,也随时可能被复用到别的结构中去,所以,如果,你使用了元素选择器去定死某个东西,不论是新加进来的东西,还是被复用的东西加到别的结构里去,都极有可能产生样式的冲突,这个时候,你又不得不写多余的样式进行覆盖修正,或者重新定义类。

所以,出于以上考虑,在具体的代码模块中,尽量不要使用元素选择器,使用元素选择器的前提是,你完全的确定,不会导致出现问题。注意,我用的限定范围是“具体的代码模块”,那么用于定义通用规则的样式,是可以的,也是推荐使用的,比如,reset。也可以是别的地方,这就需要我们自行考量。

避免使用群组选择器

群组选择器会有什么问题?直接上图吧。

图中这种情况不多见,此处只是举个例子,这里写了三组选择器,用来定义不同地方的同一种样式,其明显的缺陷是,如果有第四个地方需要使用到,你不得不再往里加一组选择器,如果有10个不同的地方,你就写10个?这对于维护来说,是很痛苦的,聪明的我们,怎能被如此繁复又不必要的劳动所困扰,故而,墙裂不推荐此种做法,完全可以提取出来一个公用类,定义统一样式,然后,哪里需要放哪里,复用和维护都会更加方便。

当然,你可能会说,我在写第一个的时候,不会知道后面还有那么多,有没有必要提取是不知道的,是的,所以,需要你根据经验去判断,也需要在项目推进过程中,适时的对代码进行整理和重构。

文件引入的数量和顺序

对于刚接触网页的朋友来说,这两点也是容易忽视的,因为它们看起来没什么大影响,多几次请求,样式是否已经加载,都没那么容易把人逼疯,但是出于对用户体验的极致追求,我们还是希望文件请求次数尽量少,内容的显示有个优先顺序,文件加载有个先后顺序,这样,在实在难以缩减文件大小的时候,让用户先看到更重要的,正常展示的内容。

以上只是几点举例,更多实战结论,大家可以多读相关的博文或者书籍,都会有前辈们的经验之谈。

从矛盾出发

通用和语义

Naming convention is beneficial for immediately understanding which category a particular style belongs to and its role within the overall scope of the page. On large projects, it is more likely to have styles broken up across multiple files. In these cases, naming convention also makes it easier to find which file a style belongs to.

命名规则有助于立即理解一个特定样式属于哪一类,它在页面的整体范围内的作用。在大型项目中,它更可能有在多个文件中被打破的样式。在这种情况下,命名约定也可以更容易地找到一个样式属于哪个文件的文件。

很多时候,我们需要一个东西被定义为通用的,以便复用,比如:模块标题、按钮、提示文字、图标等,最开始的时候,我们习惯去看视觉稿的内容,是“新闻”,我们就定义“new”,是“关于”,我们就定义“about”,是红色的按钮,我们就定义“red-btn”等,这样会导致一个问题,如果有另外一个跟新闻列表差不多的样式和结构,但不是新闻,怎么办?继续使用“new”显然不合适,这就告诉我们,不能把目光局限于内容,需要内容和结构分离。

不能用“new”了,那用什么呢?abc?123?这样总不会冲突了吧,万事大吉~其实,这是走了另一个极端,这样虽然在很大程度上避免了和别的模块冲突,但其本身的可读性就被大大降低了,别人,甚至你自己过一段时间都会忘记它是什么,对于团队合作是很不利的。至于需要用什么样的命名方式,需要你根据项目的整体来进行规划,适合根据什么特点来区分与之不同的结构,又能让人比较容易的在名称和结构之间建立联系,比如所属类别、功能、页面等。

团队和个人

一个团队当中,大家的经历不同,编码水平和习惯也不同,这样就会造成,一个人一个写法,你用中划线,我用下划线;我用英文全拼,你用简写,等等。这些虽然没有什么对错之分,但对于团队成员之间的协作造成了不小的障碍,别人必须花时间去适应和读懂你是怎样组织和定义的,这就无形之中提高了成本。

所以,就有了“团队规范”存在的必要,规范除了一些写法上的规定,让我们的代码更加统一,清晰,可读性更强,辨识度更高。还可以提取一些最佳实践和复用模块等,对于团队里每个人来说,都是有好处的。

当然,对于人来说,最难的,莫过于调整既有的习惯,这就会有进入一个团队之后“转型”的阵痛,其实这种痛也是成长的痛,你会学习到更好的编码方式,更好的实践方法,会从项目或者团队的整体去考量一件事的价值和意义。

CSS和预处理器

前面我有文章详细的谈过CSS预处理器,我曾经对它也是排斥的,因为学习成本,因为觉得应用起来没有必要,可是一旦你决定去学习使用它,就会觉得不是那样,预处理器在向你介绍它自己的时候,就有特意强调过,它的语法是和CSS完全兼容的,也就是说,你在LESS或者SASS文件中,直接写CSS代码是没有问题的。除此之外,它能给我们提供很多便利,比如定义统一的变量;使用嵌套而不用一直重复着写一些选择器;可以提取公共的代码块然后很方便的复用等等。

故而,当我们已经把CSS组织和书写得很好了之后,预处理器,就是再次为我们插上一双翅膀,能更灵活和高效的编码。

从现有模式出发

再来简单看看一些广为流传的模式。(ps:先后顺序与排名、好坏无关)

一、OOCSS——Object Oriented CSS
接触过计算机的应该都知道,OOP——Object Oriented Programming,如果你是第一次接触OOCSS,你会很困惑,难道是“面向对象的CSS”吗?它不是一本真正的编程语言啊,如何面向对象?

OOCSS,最早被提及,是在2009年,它的两大原则是:

separating structure from skin and container from content.

直译过来就是,结构和皮肤分离,容器和内容分离。

即不要把结构和皮肤以及内容进行强耦合,而是相互独立,所要达到的目标是更易复用和组合,可以选择使用,选择引用等。

详细了解链接:https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/

二、SMACSS——Scalable and Modular Architecture for CSS

从实践上说,OOCSS给出了一种值得借鉴的思想,但在代码的组织方面,它并未给出具体的实施方法,从这一点上来说,SMACSS更进一步。

它的核心是:

1、Base(基础)
基础的样式,就是一些需要最先定义好,针对于某一类元素的通用固定样式。

2、Layout(布局)
布局样式,是跟页面整体结构相关,譬如,列表,主内容,侧边栏的位置、宽高、布局方式等。

3、Module(模块)
模块样式,就是我们在对页面进行拆的过程中,所抽取分类的模块,这类的样式分别写到一起。

4、State(状态)
页面中的某些元素会需要响应不同的状态,比如,可用、不可用、已用、过期、警告等等。将这类样式可以组织到一起。

5、Theme(主题)
主题是指版面整个的颜色、风格之类,一般网站不会有频繁的较大的改动,给我们印象比较深的是QQ空间,其他应用的不是很多,所以,这个一般不会用到,但有这样一个意识是好的,需要用到的时候,就知道该怎样规划。

有了以上5点分类策略,我们的代码组织起来,思路就会很清晰,会安排的很有序,另外的好处是,可以解决命名难和混乱,之所以有这个问题,主因便是我们不知道以怎样的标准去定义元素的所属和特点,有了分类之后,我们不会很随意和混乱的去命名,有了依据,就能更轻松,也不易冲突。

详细了解链接:https://smacss.com/

三、Meta CSS

原子类,也可以称之为“无语义”类,像这样:

它的特点是什么?样式和结构、内容无关,预先定义好这么一组规则,在需要的地方加上即可,我相信每个人第一次看到这种写法的时候,都会想:还能这样写啊?!是的,总有一些人,一些新的思想和方法会涌现出来,它就是其中之一,当然,并不是在称赞其本身有多么好,而是说这种现象和过程是好的,它本身经常被人吐槽,比如:“这样写和直接内联有区别吗?”、“如果要调整样式,就要去改HTML,维护更加麻烦,也有违样式和结构分离的初衷”等等,其实我个人也是不赞成上面这种写法的,如果你要把这些抽离出来,那么还有什么抽不出来的呢?而且这些属性,在项目之间,页面之间,模块之间,并没有太大的通用性,把这些抽出来,只不过是稍微懒省劲儿些,但为了照顾到更多情况,你必须写入冗余代码,是得不偿失的。

虽然它有缺点,我个人赞成另外的一些东西分出来,比如:浮动(float)、文本布局(text-align)、Flexbox布局等,这些是没有那么多可能性的值,而且使用频繁,复用方便,改动较少,除此之外,你还可以提取另外一些公共的小颗粒类,比如按钮的种类,文字颜色的种类等,这些和CSS本身无关,和项目相关,这就是借鉴其思想,而不是直接拿来用

四、BEM

严格说来,BEM不是一套有骨有肉的模式,也不仅仅局限你在CSS的层面去规划,它是一种怎样去组织、编写代码的思想,而且,看似简单的它,对前端界的影响却是巨大的。

它的核心如下:

Block(块)、Element(元素)、Modifier(修饰符)

它帮助我们定义页面中每一部分的级别属性,从某种意义上说,也是一种“拆”。命名规则如下:

它的出现,曾给不少人带来启发,但是也有另一部分人仍然抱着挑剔的态度,譬如:

1、风格不统一,显得代码不够整洁美观
2、可能会导致类名过长

还是前面说的,你可以不去直接用它,但要清楚它的优点:能够使得我们仅通过类名就知道哪些代码是属于一个模块内,以及在模块中所起的作用。然后借鉴之。

当然,BEM集聚了很多人的心血,也得到了很多的赞誉,其中就包括OOCSS的作者。所以,它肯定不是这么简单。它还会告诉你,怎样配合着js来写,你的文件怎样组织更好,项目该怎么构建等。详细可以到官网去查阅。地址:https://en.bem.info/

从实际出发,决定结果的人是你

到底怎样使用设计模式?

虽然已经有成熟的设计模式,但在实际当中,你可能觉得哪个跟自己的项目都不能完全吻合,或者你要去为了使用它们而调整,成本很高。其实,我们不需要去迎合模式,要让模式为我所用,你需要去了解它们背后的原理,要知道它们用什么方式解决了什么问题,然后借鉴之,用它的方式解决我们的问题,就好,这样就不需要作难要不要用,也不需要纠结选哪个,不是简单的说哪个好,哪个不好,总有我们能够用得上它的地方。海纳百川,集百家众长。

我个人一直以来所坚持的另一个观点就是,前端开发的三驾马车——html、css、js,不要,也不能孤立的去谈那样好或者这样好,我们极少会有只用一次的代码或者模块,也不会只写一种语言,三驾马车都是在一起协作的,都是会有复用、扩展和团队合作多方面的因素在里面,故而,不能抱着这样的想法:我现在就在做这个,它就是唯一的,就是固定的,没问题。其实很多问题都是潜在的,要带着发展眼光去看待。项目的文件之间,项目之间,团队成员之间,不论你的分工是哪块,都要考虑到前后的影响和可能给合作带来的不便。

怎样才是最佳实践?有“实践”,才有“最佳”,脱离实际情况谈最佳,就是空中楼阁。那么,最好的模式,不是哪个经典的模式,而是在项目进行中,不断的磨合调整而出的。故而,不需要再惧怕看起来不明觉厉的设计模式,也不需要因为自己还不懂设计模式而郁闷,它就是人们总结出来的实战方法,你也可以有自己的模式~

《菜根谭》笔记

这本书第一次看到的时候是在小学的时候吧。大姐从学校里拿回来的,小小的厚厚的一本。放在包里的。后面拿出来的时候我翻了翻,也没怎么明白里面的语录似得文字有嘛意思。启蒙的啊,喜欢看读读书的启蒙,是老哥老姐的书了,爱护书籍是因为,小时候跟我和弟弟在撕掉了一整本彩色画书,叠了元宝,打元宝玩。被提溜着从床上打到了屋外,以后再也不敢撕书。

题外话,昨天看了网易公开课的《滚蛋吧,小情绪》挺好。孤独失败绝望对于不愉快情绪的反复咀嚼的解决方法。里面有一句话,人的身体健康很关注,对心理的健康也要如此。

早春的树,好听!足以改写聊斋似得树妖与人之恋了。

雨季一过,门栏前吐新芽,是我
隆冬时节,壁炉烟尘是我
枝桠伸往,更远处的芦边,湖泊
鸟儿惊起,便将叶子抖落

1、耳中常闻逆耳之言,心中常有拂心之事,才是进德修身的邸石。若言言悦耳,事事快心,便把此生埋在鸠毒中矣。

2、交友须带三分侠气,为人要存一点素心。

3、家庭有个真佛,日用有种真道,人能诚心和气,愉色婉言,使父母兄弟间形骸两释意气交流,胜于调息观心万倍矣。

4、降魔者先降自心,心伏则群魔退听;驭衡者先驭此气,气平则外横不侵。

5、立身不高一步立,如尘里振衣,泥中濯足,如何超达?处世不退一步处,如飞蛾投烛,羝羊触藩,如何安乐。(羝羊触藩羝羊触藩,进退两难的意思。出自:《周易·大壮》:“羝羊触藩,羸其角。不能退,不能遂。”:)

6、故君子无得罪于昭昭,先无得罪于冥冥。(是谓慎独)

7、福莫福于少事,祸莫祸于多心。唯苦事者,方知少事之为福;惟平心者,始知

8、徜徉于山林泉石之间,而尘心渐息;夷犹于诗书图画之间,而俗气潜消。故君子虽不玩物丧志,亦常借境调心。(对于情境人格的来说,确实如此,看电影看小说容易被感动。所以还是多见美好的。容易被浸染啊)

9、人情听莺啼则喜,闻蛙鸣则厌,见花则思培之,遇草则欲去之,俱是以形气用事;若以性天视之,何者非自鸣其天机,非自畅其生意也。

10、浓处味常短,淡中趣独真也。

11、有意者反远,无心者自近也。

12、善读书者,要读到手舞足蹈处,方不落荃蹄;善观物者,要观到心融神洽时,方不泥迹象。

13、损之又损,栽花种竹,尽交还乌有先生;忘无可忘,焚香煮茗,总不忘白衣童子。

14、身如不系之舟,一任流行坎止;心似既灰之木,何妨刀割香涂。(《庄子·齐物论》:“形固可使如槁木,而心固可使如死灰乎?”)

15、遇故旧之交,意气要愈新;处隐微之事,心迹宜愈显,待衰朽之人,恩礼当愈隆。(退休后,是否门庭若市还是门可罗雀?)

16、日既暮而犹烟霞绚烂,岁将晚而更橙桔芳馨。故末路晚年,君子更宜精神百倍,(精神矍铄,一分精神一分财~)

17、毋忧拂意,毋喜快心,毋恃久安,毋惮初难。

18、天地有万古,此身不再得;人生只百年,此日最易过。幸生其间者,不可不知有生之乐,亦不可不怀虚生之忧。

愈发觉得好多书本讲的道理都是如此的相通。殊途同归

影响了千万人的禅意故事:安的种子

师父分给本、静、安每人一颗古老的莲花种子:“这是几千年前的莲花种子,非常珍贵,你们去把它种出来吧。”

拿到种子后……

我要第一个种出来!本想。
怎样才能种出来呢?静想。
我有一颗种子了。安想。

本跑去寻找锄头。
静想要挑出最好的花盆。
安把种子装进小布袋里,挂在自己的胸前。

本把种子埋在雪地里。
静去查找种植莲花的书籍。
安去集市为寺院买东西。

等了很久,本的种子也没有发芽。
等不到种子发芽的本愤怒地刨开了地,摔断了锄头,不再干了。

我一定会种出千年莲花的。静想。
静将选好的金花盆搬来,放在最温暖的房间里。
安接着清扫院子中的积雪。

静用了最名贵的药水和花土,小心地种下了种子。
安和以前一样做着斋饭。

静的种子发芽了。静把它当成宝贝,用金罩子罩住它。
清晨,安又早早地去挑水了。

静的小幼芽因为得不到阳光和氧气,没过几天就枯死了。
晚饭后,安像往常一样去散步。

春天来了……在池塘的一角,安种下了种子。
不久,种子发芽了。安欣喜地看着眼前的绿叶。
盛夏的清晨,在温暖的阳光下,古老的千年莲花轻轻地盛开了。

想一想、再想一想,我们有没有得到过“千年莲花的种子”?有,当然有。我们日夜都在马不停蹄地追逐一些“珍贵”的东西呢,仿佛所有的人都希望以最快的速度达到各种各样的目的。

这时候,大自然的规律往往被撇在一边,我们甚至不会思考冬天是不是可以种花,只一味想着“我要第一个种出来”、“怎样才能种出来呢”。

生活的主题仿佛只是追逐,我们不知道有多久没有去散步了。在这急功近利的社会中,安的那份平和的心境,宛如一潭清澈平静的水,是多么难得。

一天天长大的孩子啊,你总有一天也会得到“千年莲花的种子”,会为了各种“珍贵”的东西日以继夜、马不停蹄。

可是,无论如何,希望你记得安——这个你小时候听过的故事里的小和尚,记得他感激地把种子装进小布袋里、挂在胸前;记得他从容地去买东西、扫雪、做斋饭、挑水;记得他悠悠然散步的样子。他告诉你,要怀着希望、有所追求,但一定要淡定、顺其自然;同时,享受生活的过程,享受那些平凡琐碎的小事、享受等待。

祝福所有看到这个故事的大人和孩子,祝你们在某个盛夏的清晨,也看到千年莲花的盛开!

人生也是一样,不能把你想的、你想要给予别人的强加到别人身上,还认为自己给了别人很大恩惠,你给了我一车香蕉,可是我最喜欢的是苹果,又怎么让我感谢你?

本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。

郎永淳推荐书单:我的2014年新年书单[转]

为什么要读书?

《读书人是幸福人》这本书里面有段话:“一个人的一生,只能经历自己拥有的那一份欣悦,那一份苦难,也许再加上他亲自感知的那一些关于自身以外的经历和经验。然而,人们通过阅读,却能进入不同时空的诸多他人的世界。这样,具有阅读能力的人,无形间获得了超越有限生命的无限可能性。”

文化、人生、社会类

《百年孤独》加西亚·马尔克斯

描写了布恩迪亚家族七代人的传奇,以及加勒比海沿岸小镇马孔多的百年兴衰,反映了一个拉丁美洲一个世纪以来风云变幻的历史。

《目送》龙应台

由七十四篇散文组成极具亲情,感人至深的文集。

《孤独六讲》蒋勋

作者以美学家特有的思维,从情欲、语言、革命、思维、伦理、暴力六个方面阐释孤独。

《瓦尔登湖》亨利·戴维·梭罗

这是一本宁静、恬淡、充满智慧的书。其分析生活,批判习俗,语语惊人,字字闪光,见解独到,耐人寻味。

《追风筝的人》卡勒德·胡塞尼

讲述12岁的阿富汗少爷与仆人之间的兄弟手足情,讲述人性与救赎。

《1984》乔治·奥威尔

这是杰出的政治寓言小说,也是幻想小说,刻画人类在极权主义社会的生存状态。

《江城》彼得·海斯勒

讲述中国的涪陵,特定时期内中国的某个地方,展示了鲜为人知的当代中国。

《月亮与六便士》毛姆

这本书引发人们对摆脱世俗束缚逃离世俗社会寻找心灵家园这一话题的思考。

《平凡的世界》路遥

作者浓缩了中国西北农村的历史变迁过程,表现了中国当代城乡的社会生活,通过复杂的矛盾纠葛,刻画社会各阶层众多普通人的形象。劳动与爱情,挫折与追求,痛苦与欢乐,日常生活与巨大社会冲突,纷繁地交织在一起。

《不能承受的生命之轻》米兰·昆德拉

不是一个男人和两个女人的三角爱情故事,而是一部哲理小说,把读者带入对一系列问题的思考,比如轻与重、灵与肉。

《卡拉马佐夫兄弟》陀思妥耶夫斯基

作品展示了错综复杂的社会、家庭矛盾和人性悲剧。

《荆棘鸟》考琳·麦卡洛

描写克利里一家三代人的故事,时间跨度长达半个多世纪,小说情节曲折生动,细腻感人。

《活着》余华

悲剧不断的降临,生命里难得的温情都被一次次死亡撕扯得粉碎,只剩下老富贵伴随着一头老牛在阳光下回忆。

《失物之书》约翰·康诺利

二战,男孩戴维的母亲去世,父亲再婚所带来的惊愕和冲击,对继母以及新生儿弟弟的嫉妒和憎恨让他听到书在说话,惟有不逃避,惟有肯原谅,惟有找到遗失的《失物之书》才能得到重生。

《老人与海》海明威

这是关于一个渔夫的故事,也是一个勇士与强大势力搏斗的代表。

《爸爸,我们去哪儿?》让-路易·傅尼叶

作为残障儿的父母讲述自己的经历,再痛苦的遭遇,也有勇气笑着活下去。

《了不起的盖茨比》弗·司各特·菲茨杰拉德

讲述大富翁盖茨比隐秘的世界,以及最后悲剧的人生。

《到灯塔去》弗吉尼亚·伍尔夫

描写一次大战后拉姆齐教授一家和几个亲密朋友在苏格兰某岛屿上独家的一段生活,作者企图在这部情节非常简单的小事中探讨人生的意义和自我的本质,指出自我有可能逃脱时间的魔掌并不顾死亡的威胁而长存不朽。

《万物既聪慧又奇妙》吉米·哈利

远离尘嚣的山谷,有趣的人和动物,旧日的好时光,组成了一副芸芸众生的画卷,而最动人的却是那温柔的底色。

传记类

《富兰克林自传》富兰克林

这是一本影响几代美国人、历经两百余年经久不衰的励志奇书,包含了人生奋斗与成功的真知灼见,以及诸种善与美的道德真谛。

《李光耀回忆录》李光耀

整部回忆录透露新加坡开国元老李光耀作为成功领导者迥异于失败领导者的特质:智慧、支配力、自信、知识以及活动力,彰显对时势的极度敏感。

《梵高传》欧文·斯通

热爱生活,即使生活中屡遭挫折,艰辛备尝,献身艺术,大胆创新,有自己独特的艺术风格,梵高的身世感动无数的读者,其魅力至今犹在。

《维特根斯坦传》瑞·蒙克

本书以时间为线索,运用大量生动、翔实的第一手资料描绘20世纪最重要的哲学家之一,维特根斯坦独特的世界以及传奇的一生,堪称一流的思想传记。

《别闹了,费曼先生》费曼

费曼得过诺贝尔奖,是现代最伟大的理论物理学家之一,同时也是历史上唯一被按摩院请去画裸体画、偷偷打开着原子弹机密文件的保险箱,在巴西桑巴乐园担任鼓手的奇葩有趣科学家。

《巴菲特传-一个美国资本家的成长》Roger Lowenstein

被奉为投资者不可不读的投资景点,讲述巴菲特独有的投资风格和管理方式,以及他充满神奇色彩的投资策略,人生哲理和管理智慧。

《史蒂夫·乔布斯传》沃尔特·艾萨克森

乔布斯的故事有启发意义,又有警示意义,充满了关于创新、个性、领导力以及价值观的教益。

《漫漫自由路:曼德拉自传》曼德拉

真实地记录了曼德拉和南非人民为反对种族隔离争取自由解放而进行的卓绝斗争。

励志、教育类

《洛克菲勒留给儿子的38封信》约翰·D·洛克菲勒

真实记录洛克菲勒创造财富神话的种种业绩,不仅可以看到洛克菲勒的优良品德和卓越的经商才能,还可以窥见一代巨富创造财富的谋略与秘密。

《布鲁克林有棵树》贝蒂·史密斯

写了弗兰西一家子的故事,一个感人的大故事里镶嵌着无数的小故事,而这些故事都围绕着一个词:感动。

《追求生命的意义》弗兰克兰

讲述是一个人面对巨大的苦难时,用来拯救自己的内心世界,同事也是一个关于每个人存在的价值和能者多劳们生存的社会所应当负责任的思考。

《别独自用餐》基里·法拉奇

作者用亲身经历讲述了一个来自贫穷家庭的孩子,从给人当球童起,悟出人际交往和人脉对成功的重要性。

《最后的演讲》兰迪·鲍许

兰迪·鲍许是一位热情风趣的大学教授,46岁时被诊断出癌症。剩下3-6个月的生命中,他应学校之邀发表了一场演讲,这场演讲让所有人笑声不断,也让不少人流下泪。

心理类

《内向者优势》Marti OlsenLaney

为性格内向的人指明如何利用而非对抗自己的个性来创造并享受幸福美好的生活,涉及婚姻关系、为人父母——包括养育性格内向的孩子、社交活动和工作,还有对应的策略以及有价值的技巧,有助于在外向的世界更好的生存。

《怪诞心理学》艾瑞里

所有的现象背后都有经济的力量,文中用轻松幽默的方式告诉我们这是为什么,以及如何改变。

《少有人走的路》M·斯科特·派克

这本书处处透露出沟通与理解的意味,帮忙我们探索爱的本质,引导我们过上崭新,宁静而丰富的生活,帮忙我们学习爱,学习独立,找到真正的自我。

《影响力》罗伯特·西奥迪尼

心理学家解释为什么有些人极具说服力,而我们总是容易上当受骗。

《乌合之众》古斯塔夫·勒庞

书中极为精致地描述了集体心态,对人们理解集体行为的作用以及对社会心理学的思考发挥了极大影响。

《爱的艺术》艾·弗洛姆

爱是一门艺术,要想掌握这门艺术的人得有这方面的知识并付出努力,这里的爱不仅是狭隘的男女爱情,而是人格整体的展现。

《拖延心理学》简·博克

讲述拖延的心理,知道它是什么,才能更好的去解决它。

《路西法效应》菲利普·津巴多

作者深度剖析复杂的人性,透析“情境力量”对个人行为的影响,并分析造成监狱虐囚和种族屠杀的情境影响。

爱情、两性类

《爱的五种语言》盖瑞·查普曼

教你如何学会两性相处,值得婚前情侣婚后夫妻阅读学习。

《平如美棠-我俩的故事》饶平如

六十年的享受历尽坎坷,命运让他们长久分离,好不容易最后又在一起,但美棠却身患重疾且渐渐失去记忆,平如大爷就一直陪着她照顾她,这是普通人的故事,却出传递永久的力量。

《爱你就像爱生命》王小波/李银河

这是王小波李银河夫妇最完整独立的一本书信集,都是满满的爱。

《守望灯塔》詹尼特·温特森

本文诗一般的语言,讲故事的手法,创造了一个现代爱情寓言。

《一个女人一生中的二十四小时》茨威格

发生在一个女人一生中某一天的往事,却在茨威格的小说里让人震撼,淋漓尽致地表现了人的冲动和理智的搏斗。

《麦琪的礼物》欧·亨利

34篇小说,以巧妙的构思、夸张和幽默的文笔反映了他那个时代的人和事。

商业、管理、职场类

《卓有成效的管理者》彼得·德鲁克

书中,德鲁克集中论述了一个管理者如何做到卓有成效。

《定位》艾·里斯

关于营销和广告新思维的文章,总标题就是定位的时代,定位成了营销界人人谈论的热闹话题。

《营销管理》菲利普·科特勒

关于营销领域的圣经。

历史类

《中国历代政治得失》钱穆

是作者的专题演讲合集,分别就中国汉、唐、宋、明、清五代的政治组织、百官职权、考试监察、财经赋税、兵役义务等政治制度做了提要勾玄的概观和比照,言简意赅

《万历十五年》黄仁宇

这本书融会作者数十年人生经历与治学体会,以“大历史观”分析明代社会之政界,观察现代中国之来路,给人启发良多。

《从黎明到衰落》雅克·巴尔赞

作者对1500年以来整个西方文化研究的集大成之作,讲述五百年西方文化生活的方方面面。

《晚清七十年》唐德刚

近代史的导论篇,作者观照历史角度非同一般,语言极富个性和魅力。

哲学类

《苏菲的世界》乔斯坦·贾德

讲14岁少女在某个神秘导师的指引下开始思索,从古希腊到康德,从祁克果道佛洛佛德等各位大师所思考的根本问题。

《人生的智慧》叔本华

作者以优雅的问题,格言式的笔触阐述了自己对人生的看法。

《重新认识你自己》克里希纳穆提

主张用自己的光来照亮自己,一生的教会旨在帮助人类从恐惧和无明中彻底解脱,体悟慈悲与至乐的境界。

《活法》稻盛和夫

除了每个人,还有企业国家甚至社会,全人类的生存之道。

新闻主播类

《记者生涯-目击世界六十年》沃尔特·克朗凯特

从炮火连天的二战战场,到报道纽约伦堡大审判;从战后出任驻莫斯科首席记者,到主持哥伦比亚广播公司“晚间新闻”,沃尔特·克郎特始终恪守“准确与诚实”的信条,取得非凡的业绩,在80高龄写下来自己艰辛曲折和传奇色彩的人生历程。

本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。

【转】jquery easyui 弹出消息框

<html> 

<head> 

<!– 导入easyui插件的js和css样式; –> 

<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css"> 

<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/icon.css"> 

<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery-1.4.2.min.js"></script> 

<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery.easyui.min.js"></script> 

<script type="text/javascript"> 

//右下角弹出框;

function slide(){ 

jQuery.messager.show({ 

title:'温馨提示:', 

msg:'你好,我是从右下角弹出的窗体!', 

timeout:5000, 

showType:'slide'

}); 

//弹出框;

function alterInfo(){ 

jQuery.messager.alert('提示:','你好,我叫弹出框!'); 

//错误弹出框;

function errorInfo(){ 

jQuery.messager.alert('提示:','你好,我叫错误弹出框!','error'); 

//信息弹出框;

function info(){ 

jQuery.messager.alert('提示:','你好,我叫信息弹出框!','info'); 

//警告弹出框;

function warning(){ 

jQuery.messager.alert('提示:','你好,我叫警告弹出框!','warning'); 

//确认弹出框;

function confirmInfo(){ 

jQuery.messager.confirm('提示:','你确认要删除吗?',function(event){ 

if(event){ 

alert('你点击的是'+event); 

}else{ 

alert("你点击的是false"); 

}); 

//可以输入文本的对方框;

function prompt(){ 

jQuery.messager.prompt('提示:','请输入消息.',function(r){ 

if(r){ 

alert("你输入的文本是:"+r); 

}) 

</script> 

</head> 

<body> 

</body> 

</html> 

可是怎么能居中显示呢,现在的都是右下角出现显示框