响应式前端开发框架

UIkit

官网 - UIkit中文网 - GitHub

UIkit是YOOtheme团队开发的一款轻量级、模块化的前端框架,可快速构建强大的前端web界面。UIKit使用的变量基于LESS,具有体积小、模块化、可轻松地自定义主题及响应式设计可在多种环境中使用等特点。UIkit中文网为广大国内开发者提供详尽的中文文档、代码实例等,帮助开发者快速掌握并使用这一框架。

Webplate

官网 - GitHub

A Framework Like No Other

Webplate is an awesome front-end framework that lets you stay focused on building your site or app all the while remaining really easy to use

Cardinal

官网 - GitHub

Cardinal 是一个小型的移动优先的 CSS 框架,提供很多有用的默认样式、可缩放排版、可重用模块和一个简单的响应式表格系统。

投资组合、估值、买入和卖出的交易模型

投资组合

格雷厄姆投资组合

投资者投资于股票的资金,决不能少于其资金总额的25%,且不得高于75%;与此相应,其债券投资的比例则应在75%和25%之间。这里的含义是,两种主要投资手段之间的标准分配比例,应该是各占一半。根据传统,增加普通股比重的合理理由是,持续的熊市导致了“低廉交易价格”的出现。反之,当投资者认为市场价格已经上升到危险高度时,则应将股票投资的比例减至50%以下。

如果失去了债券这一参照物,我们就无法设定一个可靠的规则,以确定何时应将股票投资份额降至25%这一最小比例,并在以后将其提升到75%的最高比例。

根据这一规则,投资者应在其实际操作中,保持对债券和股票的均等投资。比方说,如果股价水平使股票投资的比例提高到55%,我们就应准备卖出十分之一的股票,并将该笔资金投入债券,以恢复两者之间的均衡。反之,如果其持股比例仅为资金总额的45%,他就应当考虑拿出十分之一的债券,将其转为股票投资。

估值方法

林奇的市盈率收益增长率模型

任何一家公司股票如果定价合理的话,市盈率就会与收益增长率相等。

如果一家公司股票的市盈率是15倍,那么应该预期这家公司每年收益增长率约为15%。

在其他条件完全相同的情况下,收益增长率较高的股票更值得买入。

威廉姆森的股利贴现模型

稳定增长型,甚至缓慢增长型的股价应该小于20倍股息,因为如果股息率不能超过5%的利率,则不如购买国债、货币基金等固定收益的理财产品。

买入时机

定时定额投资法

投资者每个月投入同样数额的资金买进一只或多只股票。它是所谓的美元成本平均法(定时定额投资法)这种“程式化投资法”的一种特例。

利弗莫尔操作规则

根据利弗莫尔操作规则,观察到收盘价越过前期自然回升关键点3%以后,判断进入上升趋势,可以首仓介入。

收盘价越过首仓价3%以后,买入第二批。收盘价跌破首仓价6%以后,则认错止损。第三批、第四批以此类推。

6%止损警戒区计算:

  • 首仓价为100。94止损后,则亏6%[-6/100]。
  • 第二批103,浮盈1.5%[3 / 200]。97止损后,则亏4.5%[(-3-6) / 200]。
  • 第三批106,浮盈3%[(6+3) / 300]。100止损后,则亏3%[(0-3-6) / 300]。
  • 第四批109,浮盈4.5%[(9+6+3) / 400]。103止损后,则亏1.5%[(3+0-3-6) / 400]。
  • 第五批112,浮盈6%[(12+9+6+3) / 500]。106止损后,则持平[(6+3+0-3-6) / 500]。

也就是说,越过首仓价15%,则基本视为越过止损警戒区,持仓大致安全。

卖出时机

当股价上涨到一个满意的价格,是应该选择清仓后空仓观望,还是应该减持后轻仓观望,这是一个问题。

当然,只有卖多少的问题,没有卖不卖的问题。基本上的原则,就是准备长期持有的轻仓,价格畸高或不准备长期持有的轻仓。

轻仓的目标成本价计算

公式符号:

  • X:需要卖出量
  • Q:当前持仓总量
  • P:当前市场价
  • C:当前成本价
  • C0:目标成本价

公式推导:

  • 目标成本价 = (卖出后持仓成本 - 卖出盈利) / 卖出后持仓量
  • 目标成本价 x 卖出后持仓量 = 卖出后持仓成本 - 卖出盈利
  • C0(Q-X) = C(Q-X) - (P-C)X
  • C0Q - C0X = CQ - CX - PX + CX
  • PX - C0X = CQ - C0Q
  • (P - C0)X = (C - C0)Q
  • X = (C - C0)Q / (P - C0)
  • 卖出量 = (成本价 - 目标成本价) x 总量 / (市场价 - 目标成本价)

假定X股成本价为5元,持仓总量2000股,当前市场价为10元。我们评估以当前市场价卖出,并在股价跌回5块时再买入的2个不同方案。

  • A方案:以当前市价10元清仓,获得现金20000元。空仓观望,股价跌到5元时买入4000股。
  • B方案:假定目标成本价为2元,以当前市价10元减持750股【(5 - 2) x 2000 / (10 - 2)】,获取现金7500元,剩余1250股。轻仓观望,股价跌到5元时可以买入1500股,总持股2750股。
  • C方案:假定目标成本价为0元,即撤出成本,留下利润。以当前市价10元减持1000股【(5 - 0) x 2000 / (10 - 0)】,获取现金10000元,剩余1000股。轻仓观望,股价跌到5元时可以买入2000股,总持股3000股。

参考资料

  • 格雷厄姆投资组合:《聪明的投资者》,【美】本杰明.格雷厄姆著,王中华、黄一义译,第58~60页
  • 定时定额投资法:《聪明的投资者》,【美】本杰明.格雷厄姆著,王中华、黄一义译,第77页
  • 林奇的市盈率收益增长率模型:《彼得.林奇的成功投资》,【美】彼得.林奇、约翰.罗瑟查尔德著,刘建位、徐晓杰译,第198页、第222页
  • 股利贴现模型:《金融的解释》,王福重著,第159页
  • 利弗莫尔操盘规则:《股票大作手操盘术》,【美】杰西.利弗莫尔著,丁圣元译,第87页
  • 盈利3%以上的股票可以视作资金:《千炼成妖》,花荣著,第5页

雨过天晴

雨过,天晴。

或许不留一点点尘埃,

或许有一段彩虹挂在天外。

雨已过,天已晴。

或许蓝天白云终一世,

或许也有风雨在未来。

天睛,雨过。

不想看白色的云狗,

可以闭上自己的双眼。

天已晴,雨已过。

撑着曾经的伞,

也回不到淋漓的过去。
‌‌

前端框架Webplate的技术栈

前端框架Webplate

Webplate是一款优秀的前端框架,可使开发者专注于站点或应用的开发,它提供了稳健的布局引擎、全局按钮元素和可定制性的表格,同时还包括了jQuery插件和大量工具。 = GitHub

Webplate is an awesome front-end framework that lets you stay focused on building your site or app all the while remaining really easy to use.

Yepnope.js

Yepnope.js是一个能够根据输入条件来选择性异步加载资源文件的js脚本,可以在页面上仅加载用户需要的js/css。

The first thing executed by the stack is yepnope.js to asynchronously load the necessary Javascript and CSS files. In essence the stack.js file is a custom configured deployment and will load up essential libraries before checking for project files. Even though this library has been deprecated it is still valuable in its execution and is the core of how Webplate runs. There are plans to build a custom loader but for now this works great.

jQuery

Next up is jQuery and is one of the most important libraries used by Webplate. All of the Javascript tools, custom plugins and wrappers are written using jQuery and as such cannot be removed. Also the version 2 build of jQuery is being used and as such Webplate is not compatible with any IE version below 9. This is a conscious decision to stay ahead of the curve in terms of front-end development.

Modernizr

Modernizr是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。

Another critical library, Modernizr is a feature detection script used to determine what the browser is capable of doing, ranging from CSS animations to touch enabled events. It does so by assigning a class to the HTML element which can then be used by your Javascript or CSS.

Hammer.js

Hammer.js是一个轻量级的JavaScript库(仅有2kb),能让你的网站轻松实现触控事件。它依赖于jQuery,用来控制触摸设备上的多点触控特性。

All touch based gestures are handled through Hammer.js with the jQuery plugin included as part of the stack. This really is a great library and replaces the original inclusion of jQuery.Finger. To find out more visit the Hammer.js site.

Velocity.js

Velocity.js 是velocity模板语法的javascript实现。Velocity 是基于Java的模板引擎,广泛应用在阿里集 体各个子公司。Velocity模板适用于大量模板使用的场景,支持复杂的逻辑运算,包含 基本数据类型、变量赋值和函数等功能。Velocity.js 支持 Node.js 和浏览器环境。

Animations are an important part of the front-end experience but managing the right kind of animation for the particular device is a challenge. Velocity.js is the best out there for this job and will give you smooth Javascript animations across the board.

Fastclick

FastClick 是一个简单,易于使用的JS库用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟。

Most mobile devices come with an irritating delay on touch click events for links and buttons. Fastclick removes this delay resulting in a more app like feel to the whole project. Note that this library will only be loaded if Webplate detects touch capabilities and is executed automatically.

Normalize.css

Normalize.css 是一个可定制的 CSS 文件,使浏览器呈现的所有元素,更一致和符合现代标准。它正是针对只需要统一的元素样式。该项目依赖于研究浏览器默认元素风格之间的差异,精确定位需要重置的样式。这是一个现代的,HTML5-ready 的 CSS 重置样式集。

A collection of HTML element and attribute style-normalizations to help clear any strange style nuances. Normalize.css helps maintain consistency across all your projects in all the browsers.

Typeplate

Typeplate 是一个“排版入门套件”。我们不需要美学设计,但定义适当的标记与可扩展样式为常见的排版模式。一个精简Sass 库关注适当的技术实现的设计模式。

Typelate is a “typographic starter kit” used to define proper markup for common typographic patterns. It will handle all your type from heading tags, to paragraphs and lists.

湘妃

2015-07-31

湘妃或从南方来,

一抹乌云暑气收。

点点珠泪随风洒,

不着欢喜不着愁。

巫山

2012-04-28

斑斑哀怨斑竹泪,

楚楚娇柔楚云飞。

巫山朝暮云雨后,

不知先王曾是谁。

高孝瓘

我为你脱下这件衣裳

2015-06-16

那一年在晋阳,

青梅打着竹马,

与你追逐。

那一天,

衣甲未解谒君门。

你倚窗问我,

客从何处来,

奴不曾认得。

我轻轻走过去,

附耳低言,

卿既不相识,

我为你脱下这件衣裳,

看看可曾认得。

满脸的桃花,

如日落中的红霞。

那一年在邙山,

金墉城外九重鹿角,

十面连营。

那一天,

五百将士酾酒而出。

你高声问我,

乱军中何人,

仆不曾认得。

我仰望高高的敌楼,

君既不相识,

我为你脱下这件衣裳,

看看可曾认得。

漫天的羽箭,

如狂风中的暴雨。

那一年在临漳,

你对我说,

阿兄慷慨,

孤不曾认得。

那一天,

你送来一壶热酒。

青青的汾水,

如当年晋阳的竹叶。

酒气化作一只小鸟,

袅袅盘旋。

我在竹笺上写下表文,

上既不相识,

我为你脱下这件衣裳,

看看可曾认得。

看着你整理我的遗容,

我已在波涛彼岸的东瀛。

关羽

关公

2015-06-10

关公大意荆州破,

柴桑刀起人头落。

陆口铸成紫金首,

香木为躯葬宛洛。

森森蜀地衣冠冢,

兄弟哀恸难苟活。

能显亡灵斩吴将,

难度此心到解脱。

声声索命到汜水,

汜水关里见头陀。

云长此来为索命,

当年六将向谁索?

和尚慈悲多开释,

昧于法相昧因果。

神魂散去归来处,

人无挂碍心无着。

三国演义·云长

2014-10-2

当年也曾笑关公,

匹夫一怒荆州轻。

能斩羌卒何足道,

宛洛有失王业空。

少年义气江湖事,

天涯浪迹侠客行。

涿郡不从皇叔去,

解良刀法可闻名。

三国演义之关公一怒

2010-11-02

名马美女君子剑,

俨茶烈酒性情人。

红颜一怒徐州破,

千里单骑露重深。

梦醒来

睡下后,

我走进梦中。

这个世界,

都是杀戮和追逐。

阵阵心悸,

我走进另一个梦。

悚然庆幸,

刚刚只是一场梦。

这个世界,

一直都在争执。

被无明怒火灼痛后,

我走进另一个梦。

释然庆幸,

刚刚只是一场梦。

这个世界,

都是美色和情欲的诱惑。

未得时贪痴,

既得后惶恐。

在患得患失中醒来,

怅然庆幸,

刚刚只是一场梦。

这个世界,

七宝墁地,

金绳界道,

我身如琉璃。
‌‌

尘世

在尘世间

在观众里,

我看这尘世间的戏。

王侯将相,

才子佳人,

你方唱罢我登场,

都是聚散离合,

都是悲欢苦乐。

在演员中,

我看这尘世间的观众。

男女老少,

士农工商,

散去一场又来一场,

忽而哭的流涕,

忽而笑的俯仰。

在尘世间,

我当着观众当演员。

酒色财气,

名闻利养,

放不下来舍不去,

为功名利禄受辛苦,

为爱伤心落泪哭。

‌‌

兰花

她窗前的兰花开了

她窗前的兰花开了

纤瘦的身姿

娇柔照水

在微风中摇曳

一如弱柳扶行

她窗前的兰花开了

依旧似灵河岸边

潺潺的流水

恍恍惚惚

仍有三生石的依恋

她窗前的兰花开了

如中秋月下

寒塘中的鹤影

冰清玉洁

如葬过的花魂

她窗前的兰花开了

不胜羞怯

是天外的绛草

于无情中

乘愿又来