大家有时候有没有仔细想过，我们开发一个网站，本质上是在做什么呢？Web 开发从刀耕火种的 HTML 时代，到现代的 Web 开发模式，巨鲸发生了怎么样的演变呢？我今天就带大家开一起看一下 ～
模块化是一种设计思想，利用模块化可以把一个非常复杂的系统结构细化到具体的功能点，每个功能点看作一个模块，然后通过某种规则把这些小的模块组合到一起，构成模块化系统。
在MVC的设计模式下，一般从 Model 层中读取数据，然后将数据传到 View 层渲染（渲染成 HTML 文件），而 View 层一般都会用到模板引擎。
出于安全原因，像Chrome之类的浏览器是不允许直接调用本地的JS文件的； 所以只能把它放在Web服务器端， 通过Web服务器下载到本地，再运行这些程序； 后续很多WebRTC案例，包括信令服务器，都是需要使用到Web服务器的； Web服务器选型 Nodejs 比较特殊，可以用js开发服务端程序； 有两份JS， 一份是用于控制服务器的， 一份是用于下载到客户端去运行的； Nginx 性能上比Apache更好，灵活度等也优于Apache， 所以逐渐把Apache取代； Apache 一开始出
Nuxt.js是通用的VUE的一个SSR框架（服务器端渲染）。官方介绍是通过对客户端/服务端基础框架的抽象组织，Nuxt.js主要关注的应用的UI渲染。
Node.js是一种基于Chrome V8 JavaScript引擎的开源、跨平台而且异步事件驱动的运行时环境，可以让JavaScript代码在服务器端运行。Express是一个流行的Node.js框架，它提供了简单而强大的工具来创建Web服务器和API。
这时候，我们就需要通过cookie来对用户的身份进行标识了，用户每次对服务器发起请求时，都带上自己独有的cookie，服务器通过读取cookie信息，识别用户。
一项颠覆性的技术进入技术市场总会带来一阵震惊，但随之而来往往是被放弃。然而，Node.js 当然不是这样的情况，它是一个开源的、跨平台的基于 Chrome 的 JavaScript 运行时。Node.js 由 Ryan Dahl 于 2009 年开发，该平台现在已成为实时 Web 应用开发的独特选择，通过提供高度交互的用户体验来提高 ROI。
首先，这个例子用到了服务端渲染的技术。服务端渲染，说白了就是在服务端使用模板引擎，这里我先简单的介绍一下服务端渲染与客户端渲染之间的区别。服务端渲染与客户端渲染之间的区别: 客户端渲染不利于搜索引擎优化 服务端渲染可以被爬虫抓取到，而客户端异步渲染很难被爬虫抓取到（例如：AJAX） 大部分的网站既不是纯异步（客户端），也不是纯服务端渲染出来的，而是两者结合的 例如：京东的商品列表采用的就是服务端渲染，目的是为了SEO搜索引擎优化，说白了就是为了能够被搜索到，且能被爬虫抓取（搜索引擎本身也是一种爬虫）。 而京
想开发手机app？不会开发PC客户端？不存在！会写网页几步就能实现将网页转化为PC或手机客户端。
网站应用程序主要分为两大部分：客户端和服务器端。 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。
传统意义上的 JavaScript 运行在浏览器上，这是因为浏览器内核实际上分为两个部分:渲染引擎和 JavaScript 引擎。前者负责渲染 HTML + CSS，后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8，它的速度非常快。
什么是RPO RPO（Relative Path Overwrite）相对路径覆盖，主要就是利用服务端和客户端对url的处理的一些差异，来让客户端加载我们想让客户端加载的文件。而不是网站开发者想加载的文件。 利用的基础知识 源码 文件结构 rpo/ ----yang/ --------index.php --------a.js ----a.js rpo/yang/index.php hahahah <script src="./a.js"></script> rpo/yang/a.js alert("i
本文将详细介绍如何使用SpringBoot和Netty实现一个WebSocket服务器，并配合Vue前端实现聊天功能。
导语 随着移动设备性能不断增强，web 页面的性能体验逐渐变得可以接受，又因为 web 开发模式的诸多好处(跨平台，动态更新，减体积，无限扩展)，APP 客户端里出现越来越多内嵌 web 页面（为了配上当前流行的说法，以下把所有网页都称为 H5 页面，虽然可能跟 H5 没关系），很多 APP 把一些功能模块改成用 H5 实现。 虽然说 H5 页面性能变好了，但如果没针对性地做一些优化，体验还是很糟糕的，主要两部分体验： 页面启动白屏时间：打开一个 H5 页面需要做一系列处理，会有一段白屏时间，体验糟糕。 响
SSR(Server-Side Rendering)，在SPA(Single-Page Application)出现之前，网页就是在服务端渲染的。服务器接收到客户端请求后，将数据和模板拼接成完整的页面响应到客户端，客户端将响应结果渲染出来。如果用户需要浏览新的页面，则需要重复这个过程。随着Angular、React和Vue的兴起，SPA开始流行，单页面应用可以在不重载整个页面的情况下，通过ajax和服务器进行交互，高效更新部分页面，这无疑带来了良好的用户体验。然而，对于需要SEO、追求首屏速度的页面，使用SPA是糟糕的。如果我们想使用Vue，又需要考虑到SEO、首屏渲染速度，那该怎么办？好在Vue是支持服务端渲染的，接下来我们主要说的是Vue的服务端渲染。
所有的性能优化中，缓存是最重要也是最直接有效的，毕竟现在都这么忙，可等不了网页转菊花。
JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。
缓存是系统性能提升优先法宝，在互联网应用系统中，屡试不爽。网上有很多资料介绍缓存理论及使用策略，本文就不再涉及了，今天简单将缓存做个归类，重点分享以前在实际业务中碰到场景以及如何使用。
作为前端工程师，我想大家一定对静态文件服务器不会陌生。所谓的静态文件服务器做的工作就是将我们的前端静态文件(.js/.css/.html)传输给浏览器，然后浏览器再将我们的页面渲染出来。我们常用的webpack-dev-server就是本地开发用的静态文件服务器，而一般线上环境我们会使用nginx，因为它更加稳定和高效。既然静态文件服务器无处不在，那么它们又是如何实现的呢？本篇文章将带你手把手实现一个高效的静态文件服务器。
Node.js 是当前用来构建可扩展的、高效的 REST API's 的最流行的技术之一。它还可以用来构建混合移动应用、桌面应用甚至用于物联网领域。
最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。
Next.js 是一个基于 Node.js 和 React 的现代化的 web 开发框架，它提供了服务端渲染（SSR）、静态站点生成（SSG）以及基于客户端的路由处理等功能。Next.js 的设计哲学是约定优于配置，它通过文件系统来提供路由，并且内置了 API 路由的支持。
主要学习：JavaScript+Node.js内置API模块（fs、path、http等）+第三方API模块（express、mysql等）
以上程序使用 fs.readFileSync 从源路径读取文件内容，并使用 fs.writeFileSync 将文件内容写入目标路径。
HLS.js 是一款由苹果公司开发的，在浏览器中播放 HLS 的视频播放器。在最近，苹果发布了 Safari 浏览器中的低延时 HLS(LL-HLS)，同时在其他浏览器中实现了基于 HLS.js 的播放器。
Node.js=HTML+"JS"：性能好，适合于服务器端IO密集型项目，不适合CPU密集型项目。
REStful全称为表述性状态转移。任何事物只要有被引用的必要都为资源。资源可以为实体，可以为抽象的概念。
Node.js=HTML+"JS"：性能好，适合于服务器端IO密集型项目，不适合CPU密集型项目
浏览器中有JS解析引擎：每个浏览器的解析引擎都不一样，Chrome浏览器中的V8解析引擎最好。
场景 我有一批平铺数据放在txt文件，其量大概在10W条，接下来我们希望将这10W条记录进行切割获取，并且将单条数据分析校验，然后插入到DB中。前提是我们使用的是HTTP文件上传方式来导入数据。现在的问题是：如果用户直接上传，然后我们一条条数据读取、校验并将其插入数据库，这个过程将会耗费非常长的时间（大概在1小时以上），而这么长的时间等待会导致apache、nginx或者浏览器端（一般情况下是60分钟）的超时。那么我们应该如何的解决这个问题呢？ 分批次处理 分批次解决办法意思就是
web服务器指网站服务器，指驻留在因特网上的某种程序，web浏览器的基本功能，提供信息浏览服务
在前端面试中，有一个必问的问题：请你谈谈cookie和localStorage有什么区别啊？
REST：（Representational State Transfer）即表现层状态转换，定义了资源的通用访问格式，是一种网络应用程序的设计风格和开发方式。
Node是一种新技术，诞生于2009年，经过几年的变化，Node.js生态圈以及逐渐走向了稳定，不少开发者入门时，总是要经历一种思维的转变，但是学会Node.js可以进行Web后端的开发，同时掌握事件驱动的异步式编程风格。
只要服务器接收到了客户端的请求，就会调用通过server.on为服务器绑定的request事件处理函数，如果想在事件处理函数中，访问与客户端相关的数据或属性，可以使用如下的方式。
这是一个移动端工程师涉足前端和后端开发的学习笔记，如有错误或理解不到位的地方，万望指正。 Node.js 是什么 传统意义上的 JavaScript 运行在浏览器上，这是因为浏览器内核实际上分为两个部分:渲染引擎和 JavaScript 引擎。前者负责渲染 HTML + CSS，后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8，它的速度非常快。 Node.js 是一个运行在服务端的框架，它的底层就使用了 V8 引擎。我们知道 Apache + PHP 以及 J
但说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？
node.js是一个划时代的技术，它在原有的Web前端和后端技术的基础上总结并提炼出了许多新的概念和方法，堪称是十多年来Web开发经验的集大成者。转转公司在使用node.js方面，一起走在前沿。8月16日，转转公司的FE王澍老师，在镜泊湖会议室进行了一场主题为《nodejs全栈之路》的讲座。优秀的语言、平台、工具只有在优秀的程序员的手中才能显现出它的威力。一直听说转转公司在走精英化发展战略，所以学习下转转对node.js的使用方式，就显得很有必要。 对于大多数人使用node.js上的直观感受，就是模块、工具很齐全，要什么有什么。简单request一下模块，就可以开始写javasript代码了。然而出自58同城的转转，同样存在大量服务，使用着58自有的rpc框架scf。scf无论从设计还是实际效果，都算得上业内领先。只不过在跨平台的基础建设上，略显不足。从反编译的源码中，可以找到支持的平台有.net、java、c、php。非java平台的scf版本更新，也有些滞后。之前还听说肖指导管理的应用服务部，以“兼职”的方式开发过c++版客户端。而且也得到umcwrite等服务的实际运用。所以node.js解决好调用scf服务，是真正广泛应用的前提。这也正是我最关心的问题。 王澍老自己的演讲过程并没有介绍scf调用的解决方案，但在提问环节中，进行了解答。我能记住的内容是，目前的采用的方案是使用node-java模块，启动一个jvm进程，最终还是在node.js的项目中编写的java代码，性能尚可接受，但使用中内存占用很大；王澍老师也在尝试自己使用c++开发模块来弃用node-java。 这确实很让我很失望，我所理解的node.js应该是与性能有关的部分，几乎全部是c++编写的。之前肖指导要求发布公共服务，改写成使用scf提供的异步方式执行，借那次机会，我也阅读了一部分反编译的scf源码。感觉如果只是解决node.js调用scf的问题，不应该是个很难的事情。像管理平台、先知等外围功能，可以后期一点点加入。正巧我一直在质疑自己是不是基础差的问题，干脆写一个node.js版的scf客户端，来试试自己的水准。 结合自己之前对node.js的零散知识（其实现在也很零散）。对这次实践提出如下的一些设计要点： 1、序列化版本使用scfv3，虽然难度应该是最大的，但应该能在较长的时间内避免升级序列化版本的琐事。 2、使用管理平台读取配置，禁用scf.config类似的本地配置。想想之前许多部门，推进禁用线上服务直连的过程，就觉得很有必要（管理平台也用线下环境，线下调试根本不是阻碍）。 3、客户端支持全类型，之前偶尔听说了c++版客户端不支持枚举类型，使得有些服务只能调整接口。 4、c++使用libuv库，具备跨平台开发、调试能力。c++版客户端听说只支持linux平台。 5、只提供异步接口，这是当然的，不然node.js就别想用了。
Cookie，有时也用其复数形式 Cookies。类型为“小型文本文件”，是某些网站为了辨别用户身份，进行Session跟踪而储存在用户本地终端上的数据（通常经过加密），由用户客户端计算机暂时或永久保存的信息。
说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。
在查看网页源码的时候经常会发现带有类似 ?v=13566 或者 ?version=15678 的 CSS 和 JS 文件。如下所示： <script src="w3h5.js?version=1568
静态站点生成SSG - Static Site Generation是一种在构建时生成静态HTML等文件资源的方法，其可以完全不需要服务端的运行，通过预先生成静态文件，实现快速的内容加载和高度的安全性。由于其生成的是纯静态资源，便可以利用CDN等方案以更低的成本和更高的效率来构建和发布网站，在博客、知识库、API文档等场景有着广泛应用。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
