网站技术架构(2)—模式

分层 分层是企业应用系统中最常见的一种架构模式,将系统在横向上分成不同的几个部分,每个部分负责一个单一的职责,然后通过上层对下层的依赖和调用组成一个完整的系统。 分层结构在计算机中随处可见,网络的7层通信协议也是一种分层结构,我们使用的计算...

网站技术架构(1)—演化

随着20世纪90年代,第一代Web标准和第一个网站的出现,互联网发生了跨越式的发展。在发展的进程中,隐藏在越来越复杂的网站背后的确实越来越不堪重负的网站架构,即使是淘宝,在往年的促销活动中也经常会发生服务器宕机的情况,更不用说几乎天天宕机的新浪...

React15.6.0实现Modal弹层组件

概述 利用React实现一个Modal组件一般是考验一个前端工程师React能力的一个比较典型的例子,本文讲述如何使用React15.6.0版本完成一个Modal弹窗组件。 技术:React15.6.0 运行环境:node^8.0.0 + webpack3 + react15.6.0 + scss Github地址:https://...

Ant Design 3.0 使用案例

技术:react16 + antd3 + webpack3 运行环境:react&16.0, antd^3.0, node^8.0.0 概述 React升级到16版本之后,antd也紧跟着发布了3.0新版本。 AntDesign作为一套UI设计组件,不仅可以缩短前端工程师的开发时间,而且可以让我们在没有UI支持的情况...

基于React的PC网站前端架构分析

本文适合对象 有过一定开发经验的初级前端工程师; 有过完整项目的开发经验,不论大小; 对node有所了解,关注前端发展,了解所谓“大前端”的概念; 了解React; 了解ES6; 想要初步了解一下大型网站的前端结构的人。 关于demo 地址: https://github.com...

阿里校招面试题·零面(初试)

框架部分: 1.首先介绍项目,在公司实习都做了什么,然后问一问项目的东西 2.react的生命周期 3.给了一个场景(同级组件之前如何通信),不使用父组件作为中转传递,也不使用redux,如何实现。 4.react如何进行优化,如何防止重新渲染 5.对redux的认识(单...

我可能是个假的工程师——background-size属性

我记得在开头的css部分,我介绍过这个属性,可以设置背景图片的大小的。 但是前两天才知道,background-size属性是CSS3的属性,而不是CSS2的属性,因此兼容性也不是很好,IE678全都不支持这个属性。 后来询问了一下导师,得知这个属性在pc页面上一般是不...

NodeJS(⑤)——网络操作

在nodejs(①)中,有一个例子是建立一个服务器的,这里就介绍一下如何建立一个服务器。 首先我们要介绍一下http协议(前面网络协议的文章里面也有介绍) HTTP协议 超文本传输协议(HyperText Transfer Prototcol)HTTP假定其下层协议提供可靠的传输。因此,...

NodeJS(④)——文件系统

文件系统,即fs(file system)模块,是nodejs模块中非常重要的一个模块。javascript无法对文件进行操作,但是nodejs中的fs模块可以。 文件系统主要分成三部分: 1.文件操作 2.文件夹操作 3.流操作 文件操作 文件操作的api如下: fs.readFile(file[,options]...

NodeJS(③)——event模块

event模块 event模块就是事件模块,那么nodejs中为什么需要这样一个模块呢? 因为nodejs是基于javascript语言的,javascript单线程异步的特性导致nodejs也是单线程异步的,因此我们只能通过事件来绑定回调函数。 使用event模块,首先要引入events模块,这...

Top