Dale_H-CSDN博客

翻译 Ember 翻译——路由：介绍

路由介绍想象我们正在写一个用以管理一个博客的 web app。在任何给定的时间，我们应该能够回答诸如“他们正在看那篇文章”、“他们在更改它吗”等问题。在 Ember.js，这些问题的答案取决于 URL。URL 可以通过数种方式设置：用户第一次加载 app。用户手动改变 URL，比如点击返回按钮或者修改地址栏。用户点击一个 app 里面的链接。应用中一些其它的时间导致 URL 变化。不管 U

2017-02-01 23:32:44 465

类和实例当你学习 Ember 的时候，你会看见像 Ember.Component.extend() 和 DS.Model.extend() 这样的代码。在这里，你将学习这个 extend() 方法以及 Ember 对象模型的其它的一些主要特性。定义类要定义一个新的 Ember 类，请调用 Ember.Object 上的 extend() 方法：const Person = Ember.Object.

2017-02-01 23:10:42 594

翻译 Ember 翻译——对象模型：一、Ember 中的对象

Ember 中的对象你会发现，标准的 JavaScript 类模式以新的 ES2015 的类都不会在 Ember 中被广泛使用；而你却会经常看见原生对象，有时它们也会被成为“散列”。JavaScript 对象不支持对属性值变化的监控。于是，如果一个对象要参与 Ember 的绑定系统，你将会看见 Ember.Object 而非一个原生对象。Ember.Object 也提供了一个类系统，它可以支持诸如混

2017-02-01 12:13:08 508

翻译 Ember 翻译——教程十二：部署

部署要部署 Ember 应用程序，只需从 ember build 将输出上传到一个 web 服务器即可。这可以通过标准的 Unix 文件传输工具实现，比如 rsync 或者 scp。同时也有服务，可以让你更加轻松的部署。部署通过 scp 部署部署到 surgesh通过 scp 部署你可以通过从 ember build 中复制输出到任意一个 web 服务器来部署你的应用：ember build

2017-01-21 17:02:46 568

翻译 Ember 翻译——教程十一：添加嵌套路由

添加嵌套路由添加嵌套路由在此时，我们已经生成了四个顶级路由：一个 about 路由，用来在应用中提供信息。一个 contact 路由，提供如何联系公司的信息。一个 rentals 路由，我们可以让用户浏览租赁信息。一个 index 路由，我们将其设置为重定向到 rentals 路由。我们的 rentals 路由将提供多重服务。在我们的验收测试中，我们已经展示了我们想要我们的用户能够浏览

2017-01-21 16:42:04 539

翻译 Ember 翻译——教程十：服务和功能

服务和功能对于“超级租赁”，我们想要一个能够展示租赁信息所在的网站地图。为了实现这个功能，我们将利用如下几个 Ember 概念： 1. 一个组件，用来在每个租赁列表展示一个地图。 2. 一个服务，用来缓存已经渲染的地图使得它能够在应用的不同地方能够使用。 3. 一个功能性函数，用来使用 Google 的地图 API 来创建一个地图。首先，我们会显示一个地图，然后转回使用 Google 地图 A

2017-01-21 15:54:18 497

翻译 Ember 翻译——教程九：创建一个复杂的组件

当用户搜索租赁信息时，他们或许也想要缩小他们的搜索范围到某一特定城市。让我们创建一个组件来让他们依照城市过滤租赁信息。一开始，让我们生成新的组件。我们将其命名为 list-filter，因为我们想要我们的组件对租赁信息基于用户输入进行过滤。ember g component list-filter和之前一样，这会创建一个 Handlebars 模板（app/templates/components/

2016-12-22 01:22:45 540

翻译 Ember 翻译——教程八：创建一个 Handlebars helper

创建一个 Handlebars helper到目前为止，我们的 app 是直接将从我们的 Ember Data 模型中将数据获取出来进而呈现给用户的。当我们 app 不断壮大，我们将希望在将这些在呈现给用户之前进行处理。由于这个原因，Ember 提供了 Handlebars 模板 helper 来在我们的模板中修饰数据。让我们使用一个 Handlebars helper 来让我们的用户快速知道一套房

2016-12-16 19:06:22 460

翻译 Ember 翻译——教程七：创建一个简单的组件

当用户浏览我们的租赁信息列表的时候，他们可能会想要有一些交互性的操作来帮助他们做出决定。让我们为每一条租赁信息添加切换图片大小的能力。为了完成它，我们将使用一个组件。让我们生成一个 rental-listing 组件，它将管理我们每一条租赁信息的行为。每个组件都需要一个破折号来避免和一个潜在的 HTML 元素发生冲突，所以 rental-listing 是可取的而 rental 不可取。ember

2016-12-15 22:24:43 469

翻译 Ember 翻译——教程六：使用 Ember Data

现在，我们的 app 还是使用的在 rentals 路由处理程序中硬编码的数据来设置模型。当我们的应用发展壮大的时候，我们将想要能够创建新、更新、删除租赁信息，以及将这些变动保存到后端服务器。Ember 集成了一个名叫 Ember Data 的数据管理库来帮助处理这些问题。让我们创建我们的第一个叫做 rental 的 Ember Data 模型：ember g model rental这将完成一个模

2016-12-15 21:19:37 496

翻译 Ember 翻译——教程五：安装插件

Ember 拥有丰富多样的插件生态系统，这些插件能够轻松的应用到工程中。插件经常能为工程添加大量的功能，省时省力的同时，让你能够更好的集中精力到你的项目上。要浏览插件，请访问 Ember Observer 网站。它将发布到 NPM 的 ember 插件分门别类，同时根据一系列的标准对这些插件进行了评分。对于“超级租赁”，我们将利用如下两个插件： ember-cli-tutorial-style 和

2016-12-15 20:31:45 583

翻译 Ember 翻译——教程四：模型钩子

模型钩子现在，让我们在 index 模板添加一个可租借信息列表。我们知道，租借信息不会是静态的，因为用户最后需要能够添加、更新、删除它们。因为这个原因，我们需要一个租借信息模型来保存租借信息。简单起见，一开始我们将使用硬编码的 JavaScript 数组对象。稍后，我们将切换到使用 Ember Data，它是我们的 app 中一个强力的数据管理库。这会是我们主页已完成时候的样子：在 Ember

2016-12-14 23:04:59 553

翻译 Ember 翻译——教程三：路由和模板

路由和模板Ember 使用路由来定义我们应用中逻辑性的、可访问的页面。在“超级租赁”中，我们想要访问展示租赁信息列表的首页。从这里，我们将能导航到一个关于页和一个联系页。让我们从关于页开始。请记住，当加载 /about 这个 URL 的时候，路由将把 URL 映射到同名的路由处理程序中——about.js。这个路由处理程序将将加载一个模板。

2016-12-13 22:56:26 693

翻译 Ember 翻译——教程二：设置测试

路由和模板Ember 使用路由来定义我们应用中逻辑性的、可访问的页面。在“超级租赁”中，我们想要访问展示租赁信息列表的首页。从这里，我们将能导航到一个关于页和一个联系页。让我们从关于页开始。请记住，当加载 /about 这个 URL 的时候，路由将把 URL 映射到同名的路由处理程序中——about.js。这个路由处理程序将将加载一个模板。

2016-12-13 22:55:02 487

翻译 Ember 翻译——教程一：创建你的 APP

创建你的 APP欢迎来到 Ember 教程！这份教程旨在为大家在创建专业化应用的过程中来介绍基础的 Ember 概念。如果你在教程中遇到任何问题，请自由访问 https://github.com/ember-learn/super-rentals 来获取完整 app 的开发例子。

2016-12-10 22:28:09 699

翻译 Ember 翻译——入门三：核心概念

核心概念核心概念路由和路由处理程序模板模型组件在你开始写 Ember 代码之前，先了解一个 Ember 应用如何工作的是个不错的主意。路由和路由处理程序假想我们要编写一个让用户罗列他们准备出租房屋的 web app。在任何时候，我们都应该能够回答诸如他们在看的是什么房子、他们能否修改它之类的关于当前状态的问题。在 Ember 里，这些问题的答案取决于 URL。URL 可以通过如下方法被设置

2016-12-08 13:10:00 1002

翻译 Ember 翻译——入门二：安装 Ember

上手 Ember 非常简单。我们可以使用命令行构建工具——Ember CLI 创建和管理 Ember 工程。这个工具提供： - 现代应用资源管理（包括级联、压缩和版本控制）。 - 帮助创建组件、路由等的生成器。 - 一个传统的工程布局，它可以使得 Ember 应用更接地气。 - 通过 Bable 实现对 ES2015/ES6 的支持。

2016-12-07 21:39:50 1755 2

翻译 Ember 翻译——入门一：快速开始

快速开始这指南将教你如何使用 Ember 从头开始建立一个简单的简单的 app。我们会包含如下步骤：快速开始这指南将教你如何使用 Ember 从头开始建立一个简单的简单的 app 我们会包含如下步骤一安装 Ember 你可以使用 npm 的一条命令来安装 Ember npm 是 Nodejs 的包管理器在你的终端里输入如下命令二创建一个新的应用一旦你通过 npm 安装了

2016-12-06 17:46:21 1520

翻译 Ember 翻译——引导页

指南和教程欢迎来到 Ember.js 指南！这份文档将指引你从一个完全的新手成为一个 Ember 专家。组织左侧的每一篇教程，都是以表格形式呈现的，它们分别被分配到一些能够充分展示它们所包含的主题的章节中。章节和其包含的主题二者都按照从基础到高级的顺序排列。指南的目的是包含如何构建 Ember app 的实用建议，同时重点关注那些最常被使用的 Ember 的特性。如果需要涵盖每个 Ember 特性的

2016-12-05 14:35:00 668

翻译 Ember 翻译——官网首页

引言最近博客差点都被荒废了，最近在学习 Ember.js ，官方并没有给出中文文档，而且，这方面的中文文章、博客也不是特别多，加上前两天刚好去参加了重庆前端交流会，受月影大大的启发，想要自己尝试一下技术文章的翻译，这里就试着翻译 Ember.js 的官方文档了。我可能会根据自己的语言习惯进行修改，但总体尽量保持忠于原文，因为技术、语言功底有限，难免有出错的地方，请大家不吝赐教。引言Emb

2016-11-30 15:10:12 1752

原创 SEO_关键词研究工具

进行关键词研究时，我们有不少可用的方法，包括搜索引擎提供的工具、第三方开发的工具以及对挑选关键词进行复杂分析的工具。来自搜索引擎的关键词研究数据博客搜索结果数博客搜索数据时博客圈及社会化媒体领域中发现热门话题和关键词的好方法。由于博客搜索经常包含论坛和其它社会化媒体（实际上只要有feed的网站就可以），可以很方便的看到一个关键词在社会化空间里的表现。不过这个数据是有时效性的，曝光超过几个月的内容通常

2016-03-02 14:05:29 1677 1

原创 SEO_关键词研究的传统方法

关键词研究是搜索引擎营销领域最重要、最有价值、回报最高的活动之一。通过分析市场关键词需求，不仅能了解SEO的目标关键词/词组，更能完整的了解用户。基本步骤列出能描述你的产品或服务的、由1~3个词组组成的关键词。花点时间列出潜在客户搜索这些产品和服务时可能使用的同义词。可以使用同义词词典帮忙。创建一个本行业所有重点领域的分类系统。可以想象你是在创建一个和你网站有关的所有人、项目、观点，以及公司的

2016-03-02 12:48:29 447

原创 SEO_关键词自我竞争

一、现象由于网站信息架构的原因，多个页面一相同的关键词为目标时就会发生关键词自我竞争。很多这种情况是无意间造成的，但导致多个页面标题以及H标签中包含相同的目标关键词。当搜索引擎爬取网页页面时，如果看到4个（甚至40个）不同页面拥有相同关键词是，Google并不会认为你的网站与关键词内容更相关，或者应该比竞争对手排名更高。实际上，这将迫使搜索引擎从不同页面中挑选出它认为最

2016-02-29 12:21:03 637

原创 SEO基础_审计已有网站_要审计的元素

一、易用性虽然这不一定被认为是对SEO有直接影响的问题，不过却是一个很好的出发点。易用性影响很多因素，比如转化率，以及人们是否会链接向一个网站。二、可访问性/可爬取性需要确保网站对搜索引擎蜘蛛的友好三、搜索引擎健康检查确保域名所有的页面都应该出现在索引库中，同时要保证品牌名称有良好的排名（如果没有则很有可能是被惩罚了），还要检查Google/百度快照，确保页面快照版本与真实页面

2016-02-28 22:35:16 420

原创 SEO_从SEO的角度研究网站架构

一、技术决策（一）动态URL 动态URL对于大多数SEO还是一个难题，确保你的CMS系统不会再URL中添加很多复杂的参数。（二）URL中的session ID或用户ID 对于CMS，为了跟踪用户对网站的访问，在URL末端加入一个session ID的做法很常见，但是这对搜索引擎不友好，因为搜索引擎把不同URL当成不同页面，所以请确保CMS不使用session ID.（三）URL中的多余符

2016-02-28 14:21:59 784

原创 SEO基础_排名因素

一、最重要的9个因素（一）标题标签（title）中使用关键字一般认为搜索引擎会给它最高的权重，但是这里需要避免关键词堆积。（二）导入链接锚文字当一个页面链接指向另一个页面时，链接使用的锚文字将被搜索引擎当做一个很强的信号。可以在锚文字里面放上关键字。（三）网站整体链接权威度指整个网站整体的权威度，而非某个特定页面的权威度。SEOmoz把它定义为一个网站外部链接的质量和数量的总和

2016-02-25 18:39:27 546

原创 SEO基础_搜索引擎爬取、索引和排名基本规则

一、爬取数据搜索引擎通过网页之间的链接来爬取互联网的内容。爬取的起点理论上可以是任何地方，但是理想情况是从一些被信任的网站上开始。二、排名的基本依据（一）相关度即网页的内容与用户搜索内容的相关程度。一般下面的情况相关度会提高：查询的内容在文中多次出现，在文件标题或者重要的小标题出现，页面有来自相关页面并使用相关锚文件并使用相关锚文字的链接。（二）重要度即与用户查询内容相

2016-02-24 17:52:19 1269

原创 js中this关键字的指向问题

1.this关键字this 是一个关键字，不同于普通变量，我们不能对它进行赋值等操作，但是我们可以通过call、apply方法和with语句有意识地让它指向某个对象。2.表层分析全局函数中非严格模式下，this指向window对象，而严格模式下则为undefined对象方法中此时this指向该对象构造函数中此时this指向实例对象3.实质以前都是按2中的方法去强行记忆的，知道看到这样一句话——

2015-11-19 13:55:05 608

原创逻辑运算符 && || ! 的一些理解

1. &&的理解第一层：对两个布尔值进行逻辑“与”操作；第二次：对两个可以转化成布尔值的操作数进行逻辑“与”操作；第三层：先计算左操作数，如果结果是假值，则返回这个假值，并不计算右操作数；否则计算右操作数，并将其作为结果返回。注：基于以上情况，以下两个句子基本等价：if(a == b) fn();(a == b) && ( fn() );2. || 的理解与 && 相对应，只是在计算时

2015-11-01 20:15:15 778

原创 []==[] 和 []==![]

1.现象偶然情况下看到了，这两个关系语句： [] == []; // false [] == ![]; // true 简单查了一些东西，一开始以为自己懂了，后来才发现原来是错觉，这里写篇小文章记录一下~2.简单分析[] == []因为js中对象相等的判断是引用的判断，[]则是通过字面量的方式创建了一个长度为0的数组，数组也是一种对象，所以[] =

2015-11-01 16:04:42 1918

原创 JS中的 toString 和 valueOf 方法

1.存在环境所有的对象都继承了这两个方法，甚至于包装对象Number、String和Boolean。2.具体细节对于不同类型的对象，js定义了多个版本的 toString 和 valueOf 方法toString:（1）普通对象，返回 "[object Object]";（2）数组，返回数组元素之间添加逗号合并成的字符串;（3）函数，返回函数的定义式的字符串;（4）日期对象，返回一个可读

2015-10-31 16:23:27 2498

原创 div、p等标签不自动折行

div、p等标签不自动折行以前写HTML，感觉div、p等标签都会自动折行，今天随手敲了一点，发现并没有折行，浏览器水平方向上都出现了滚动条，代码如下：<!DOCTYPE html><html lang="en"><head></head><body> <div>asdfghjklasdfghjklasdfghjklasdfghjklasdfghjklasdfghjklasdfghj

2015-10-06 17:19:31 2104

qq_20659385的博客