js基础概念

js历史

Netscape 美国的网景公司发明。js原来叫liveScript 网景与sun公司合作 liveScript----》JavaScript

JavaScript：运行在浏览器端的语言，发明者布兰登.艾克

js是什么

js是一门编程语言、是一门脚本语言、是一门解释性语言、是一门动态类型语言（弱性语言）、是一门基于对象的语言。

1. js是一门编程语言：指计算机能够接受和处理的，具有一定语法规则的语言。
2. 是一门脚本语言：不需要经过编译，缩短了编写-编译-链接-运行（edit-compile-link-run）过程而创建的编程语言。
3. 是一门解释性的语言：解释执行不需要编译过程，直接由解释器（js引擎）解释并执行代码。
4. 是一门动态类型语言：静态类型语言在编译时已确定变量的类型，而动态类型语言的变量类型要到程序运行的时候，待变量被赋予某个值的时候才会具有某种类型。
5. 是一门居于对象的语言：JavaScript不是面向对象的语言，只是部分具备一些面向对象的特征。

js能干什么

1. 网页的动画效果（轮播图，返回顶部，tab切换，倒计时等）
2. 表单的验证提交
3. 可以在服务器实行js（node.js）
4. 在App中使用（混编、调用摄像头等）
5. 开发桌面程序（C/C#/C++/JS）
6. 游戏开发

js的组成

ECMAScript：定义数据类型，语法，变量等。

DOM：document object model 文档对象模型

BOM：browser object model 浏览器队象模型

弱类型和强类型

解释型语言和编译型语言

网页渲染顺序

回流和重绘

 

CSR  Client Side Render   客户端渲染  SPA

SSR  Server Side Render   服务端渲染  SEO

SSR（Server-Side Rendering，服务端渲染）和CSR（Client-Side Rendering，客户端渲染）是两种不同的网页渲染技术，它们主要在页面内容的渲染位置和渲染时机上有所区别。

在SSR中，页面的初始渲染是在服务器端完成的。服务器接收到请求后，执行页面的渲染逻辑，生成HTML，并将完整的HTML文档发送到客户端。这种方式有利于提高首屏加载速度，因为用户几乎可以立即看到完成的页面，无需等待JavaScript的渲染。此外，SSR对搜索引擎更友好，因为搜索引擎爬虫可以直接抓取和索引静态内容，从而优化搜索引擎优化（SEO）。然而，SSR也可能增加服务器的压力，因为每次请求都需要服务器进行页面渲染。

相比之下，CSR的初始页面渲染是由客户端的浏览器完成的。CSR在首次加载时仅提供一个基本的HTML骨架，然后依赖客户端的JavaScript去请求数据、生成并渲染内容。这种方式在页面切换时通常更快，因为只需要加载数据和部分内容，而不需要重新获取整个HTML。CSR还能提升应用的交互性，并减少服务器负载，因为大部分的渲染工作都是在客户端完成的。然而，CSR可能会导致用户在页面内容完全加载完成之前面对一个白屏，且对SEO的支持相对较弱，需要通过一些技术手段来优化。