自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 大型网站架构模式(五)

永无止境:网站的伸缩性架构所谓网站的伸缩性是指不需要改变网站的软硬件设计,仅仅通过改变部署的服务器数量就可以扩大或者缩小网站的服务处理能力。京东网(www.360buy.com)在2011年年末的图书促销活动中,由于优惠幅度大引得大量买家访问,结果导致网站服务不可用,大部分用户在提交订单后,页面显示“Service is too busy”。当天晚上,京东网老板刘强东在微博发布消息称,已购...

2020-04-11 16:53:39 324

原创 遇见Vue.js(三)【读记】

第三章 指令指令(Directive)是特殊的带有前缀 v- 的特性。指令的值限定为绑定表达式,指令的职责就是当其表达式的值改变时把某些特殊的行为应用到DOM上。3.1 内部指令首先来看看和原生HTMl标签相似的一组内置指令,这组指令非常容易记忆,因为仅仅是在原生标签前面加上了v-前缀,如下图所示。3.1.1v-ifv-if 指令可以完全根据表达式的值在DOM中生成或...

2020-04-08 14:03:56 212

原创 ECMAScript入门(三)——解构赋值

数组的解构赋值ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructing)。以前,为变量赋值,只能直接指定值。var a = 1;var b = 2;var c = 3;而ES6允许写成这样。var [a,b,c] = [1,2,3];上面的代码表示,可从数组中提取值,按照位置的对应关系,对变量赋值。本质上,这种写法属于“...

2020-04-08 10:01:54 166

原创 大型网站架构模式(四)

万无一失:网站的高可用架构目录万无一失:网站的高可用架构一、网站可用性的度量与考核1.1、网站可用性度量1.2、网站可用性考核二、高可用的网站架构三、高可用的应用3.1、通过负载均衡进行无状态服务的失效转移3.2、应用服务器集群的Session管理四、高可用的服务五、高可用的数据5.1、CAP原理5.2、数据备份5.3、失效转移六、高可用...

2020-04-07 16:30:10 582

原创 遇见Vue.js(二)【读写】

第二章 数据绑定数据绑定试讲数据和视图想关联,当数据发生变化时,可以定更新视图。本章将介绍Vue.js中数据绑定的语法。2.1 语法2.1.1 插值文本插值是最基本的形式,使用双大括号 {{ }} (类似于Mustache,所以本文中称作Mustache标签),代码示例如下:<span>Text: {{text}} </span>例子中的标签 {{...

2020-03-27 11:49:17 175

原创 大型网站架构模式(三)

瞬时响应:网站的高性能架构什么叫高性能的网站?两个网站性能架构设计方案:A方案和B方案,A方案在小于100个并发用户访问时,每个请求的响应时间是1秒,当并发请求达到200的时候,请求的响应时间将骤增到10秒。B方案不管是100个并发用户访问还是200个并发用户访问,每个请求的响应时间都差不多是1.5秒。那个性能更好?如果老板说“我们要改善网站的性能”,他指的是什么?同类型的两个网站,X...

2020-03-27 10:50:08 988

原创 遇见 Vue.js(一)【读记】

一、MVC模式是什么?MVC框架最早出现在Java领域,然后慢慢在前端开发中也被提到,后来又出现了MVP,以及现在最成熟的MVVM,接下来我们来简单介绍一下各种模式。1、MVCMVC是应用最广泛的软件架构之一,一般MVC分为:Model(模型)、Controller(控制器)和View(视图)。这主要是基于分层的目的,让彼此的职责分开,如图1-1所示。那么用户操作应该放在什么位...

2020-03-25 11:52:20 362

原创 ECMAScript6入门(一)Let 和 Const 命令【读记】

ECMAScript6入门(一)Let 和 Const 命令一、let 命令ES6新增了 let 命令,用于声明变量。它的用法类似于 var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // Uncaught ReferenceError: a is not definedb // 1上面的...

2020-03-24 14:25:48 140

原创 大型网站架构模式(二)

大型网站核心架构要素关于什么是架构,一种比较通俗的说法是“最高层次的规划,难以改变的决定”,这些规划和决定奠定了事务未来发展的方向和最终的蓝图。从这个意义上说,人生规划也是一种架构。选什么学校、学什么专业、进什么公司、找什么对象,过什么样的生活,都是自己人生的架构。具体到软件架构,维基百科是这样定义的:“有关软件整体结构与组件的抽象描述,用于指导大型软件系统各个方面的设计”。系统的各个...

2020-03-24 11:05:09 176

转载 大型网站架构模式(一)

网站架构模式(一)为了解决大型网站面临的高并发访问、海量数据处理、高可靠运行等一系列问题与挑战,大型互联网公司在实践中提出了许多解决方案,以网站高性能、高可用、易伸缩、可扩展、安全等技术架构目标。这些解决方案又被更多网站重复使用,从而逐渐形成大型网站架构模式。一、分层分层模式是企业网站系统中最常见的一种架构模式,将系统在横向维度上切分成几个部分,每个部分负责一部分相对比较单一的职责,然...

2020-03-23 12:00:56 247

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除