文本溢出显示省略号 ( - ... - )

现在来介绍一下我们今天的嘉宾：阿伦 · 特雷西 · 克里斯蒂亚诺 · …

省略号，在汉语中的基本形式是位于中线的六个小圆点（……），占两个字的位置；我国传统习惯在书面上用“上略”“下略”等表示省略，鲁迅1909年在《域外小说集·略例》中提出四种新式标点符号，其中“虚线”即省略号表示“语不尽”或“语中辍”，1930年《教育部划一教育机关公文格式办法》定名为“省略号”，沿用至今。16世纪英国的剧本出现省略号，表示话语被打断，或不完整。俄语语法著作1831年第一次提到省略号（…）大尉/船长。西方语文的省略号位于底线。英语句首或句中词语的省略用三个小圆点（…）表示。

欧克，打完收工！

nicoyang

Android 姬与 CSS3 动画不得不说的故事

最近公司做一个H5抽奖活动，要求将中奖名单（？？不存在的）显示在页面中，效果类似直播平台的弹幕一样飘过。心想简单啊，直接定位用animate动画就解决了，然而…

此处输入图片的描述

一劳永逸的搞定 flex 布局（转）

寻根溯源话布局

一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存在 float: center 的写法，那么 text-align: center、verticle-align: center 是否可行呢？答案也是否定的。这两个属性只能用于行内元素，对于块级元素的布局是无效的。

Vue-js-文档学习记录（三）- 条件、列表和事件

条件渲染

1. v-if 控制元素是否渲染

1	<h1 v-if="ok">Yes</h1>

也可以用 v-else 添加一个 “else” 块，v-else 元素必须紧跟在 v-if 元素或者 v-else-if的后面——否则它不能被识别。

<div v-if="Math.random() > 0.5">
  Sorry
</div>
<div v-else>
  Not sorry
</div>

Vue-js-文档学习记录（二）- 数据绑定

插值

1.插入文本

双括号插值法“Mustache” 语法（双大括号）

1	<div>{{ msg }}</div>

v-once 指令能执行一次性地插值，当数据改变时，插值处的内容不会更新

1	<span v-once>This will never change: {{ msg }}</span>

Vue.js 文档学习记录（一）- 安装和基础

要谈到现在的前端框架，称为React，Angular，Vue 三分天下丝毫不过分，其中Vue凭借他简单的API、高效的数据绑定和灵活的组件系统独占一方天地。廉价的学习成本也成为吸引我的重要因素（快把这个懒货抓起来！）。

作为国人研发的框架，文档自然也是中文，我蹩脚的英语终于可以歇歇了，再次感谢尤大。让我们来看看Vue的文档是怎么介绍自己的：

“ Vue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。
另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。”

常用Git命令

一、全局配置

Git 的设置文件为 .gitconfig，它可以在用户主目录下（全局配置），也可以在项目目录下（项目配置）。

$ git config --list                                   //显示当前的Git配置
$ git config -e [--global]                            //编辑Git配置文件
$ git config [--global] user.name "[name]"            //设置提交代码时的用户名字
$ git config [--global] user.email "[email address]"  //设置提交代码时的用户地址

ECMAScript 6 学习笔记（三）：字符串、正则和数值的扩展

字符串

1.repeat()

repeat方法返回一个新字符串，表示将原字符串重复n次。参数如果是小数，会被取整。

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'dota'.repeat(0) // ""
'dota'.repeat(2.9) // "dotadota"

ECMAScript 6 学习笔记（二）：变量的解构赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。

基本用法

ES6 可以从数组中提取值，按照对应位置，对变量赋值。

1	let [a, b, c] = [1, 2, 3];

ECMAScript 6 学习笔记（一）：let / const 命令

现在 ES6 已经非常普及了，基本上前端新出的框架都用上了ES6的语法。作为新兴时代的前端，如果你还对 ES6 不了解那就真的过分了，兄弟们赶紧撸起袖子搞起来吧！附上阮一峰写的书 ECMAScript 6 入门

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言

ECMAScript 和 JavaScript 的关系

ECMAScript 是 Javascript 的规范，Javascript 是 ECMAScript 的实现

Wisper

Take dream do bet How can I lose