林南而瑜的星球

官网链接：https://echarts.apache.org/zh/feature.htmlEcharts配置项使用手册：https://echarts.apache.org/zh/option.html#title 什么是Echarts?它的作用是什么？前言：Echarts是一个使用JS实现的开源可视化库，可以流畅的运行在PC和移动设备上。它兼容了绝大部分的浏览器，底层依赖矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。作用： 丰富的可视化类型 多种数据格式无需转换直接使用 千万数据的前端展现 移动端优化 多渲染方案，可跨平台使用 深度交互式数据探索 多维数据支持以及丰富的视觉编码手段 动态数据 绚丽的特效 通过GL实现更多更强大绚丽的三维可视化 无障碍访问canvas完整版绘制柱形图链接：https://zhuanlan.zhihu.com/p/60285148 Echarts+vue3实现数据可视化项目项目初始化创建 创建vue2项目 12345## 安装vue/clinpm i -g @vue/cli## 执行创建命令vue create ...

http状态码有哪些？分别代表什么？前言：http请求状态码是指服务器对客户端发起的http请求响应状态的标识。他们用于表示请求的处理结果，一边客户能够了解服务器对请求的处理情况。http状态码是由3位数字组成，分为五个类别：1xx，2xx，3xx，4xx，5xx。状态码分类：1xx类别：信息状态码1xx类别的状态码表示服务器已经接收到请求，正在处理或需要进一步操作。这些状态码并不表示成功或失败，仅用于传递信息。 100 Continue：表示服务器已经接受到请求头部。并且客户端应该继续发送请求的主体部分 101 Switching Protocols：表示服务器已经理解并接受了客户端的请求，将通过协议升级的方式切换到新的协议 2xx类别：成功状态码2xx类别的状态码表示服务器已经成功接收，理解和处理了请求 200 OK：表示请求成功，服务器已经成功处理了请求 201 Create: 表示请求成功，并创建了新的资源 204 No Content：表示请求成功但是服务器没有返回任何内容 3xx类别：重定向状态码3xx类别的状态码表示客户端需要采取进一步的操作才能完成请求 301 ...

前端必备：prefers-color-scheme自由切换网站主题背景色变化prefers-color-scheme是css的媒体特性【@media】用于检测用户是否有将操作系统的主题设置为亮色【light】或者暗色【dark】,no-preference 表示获取不到主题时的适配方案。这也是prefers-color-scheme重要属性。W3C在2020年7月31日首次提到css的prefers-color-scheme新特性。例子： 123456789101112131415161718@media (prefers-color-scheme: light) { body { background:#fff; color: #000; }}@media (prefers-color-scheme: dark) { body { background:#000; color: white; }}@media (prefers-color-scheme: ...

数据类型考察很多JS的数据类型，它们的区别？js共有8种数据类型，分别是Undefined,Null,Boolean,Number,String,Object,Symbol,Bignt。其中Symbol,Bight是ES6中新增的数据类型： Symbol代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。 Bigint 是一种数字类型的数据，它可以表示任意精度格式的证书，使用BigInt可以安全地存储和操作大整数，即使这个数已经超出Number能够表示地安全整数范围。 这些数据乐意分为原始数据类型和引用数据类型： 栈：原始数据类型直接存储在栈中地简单数据段，占据空间小，大小固定，属于被频繁使用数据，所以放入栈中存储。 堆：引用数据类型（对象，数组，函数） 两种类型地区别在于存储位置的不同： 原始数据类型直接存储在栈中的简单数据段，占据空间小，大小固定 ，属于被频繁使用数据，所以放入栈中存储； 引用数据类型存储在堆中的对象，占据空间大，大小不固定。如果存储在栈中，将会影响程序运行的性能；引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址 ...

考察很多new 操作符实现的实现原理new 操作符的执行过程： 首先创建一个新的空对象 设置原型，将对象的原型设置为函数的 prototype 对象 让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性） 判断函数的返回值类型，如果是值类型（值类型通常包括基本的数据类型），返回创建的对象。如果是引用类型，就返回这个引用类型的对象。 123456789101112131415161718192021function objectFactory(){ let newObject = null ; //通过 Array.prototype.shift.call(arguments)，我们将 shift() 方法应用于 arguments 对象，并返回被移除的第一个参数。注意，这会修改 arguments 对象本身，使其少一个参数。 let constructor = Array.prototype.shift.call(arguments); let result = null; //判断参数是否是一个函数 if (typeof construc ...

html知识体系图片:https://juejin.cn/post/6905294475539513352 标红重点（考察很多）src和href的区别：src和ref都是用来引入外部的资源，它们的区别如下： src:表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置。src会将其指向的资源下载并应用到文档内，如请求js脚本。当浏览器解析到该元素时会暂停其他资源的下载和处理，直到将该资源加载，编译，执行完毕，所以一般js脚本会放到页面的底部。 href:表示超文本引用，它指向一些网络资源，建立和当前元素或文本的链接关系。当浏览器识别到它指向的文件时，就会并行下载资源不会停止对当前文档的处理。常用在a,link标签上。 对Html语义化的理解语义化是根据内容的结构化（内容语义化）,选择合适的标签（代码语义化）。通俗的来讲就是用正确的代码，做正确的事情。语义化的优点： 对机器友好，带有语义的文字表现力丰富，，更适合搜索引擎的爬虫爬取有效信息，有利于SE0（搜索引擎优化）； 对开发者友好，使用语义类标签增强了可读性，结构更加清晰，开发者能清晰的看出网页的结构，便于团队的开发和维护。 ...

1.跨域产生的原因以及解决方案 什么是跨域？ 广义：指一个域下的文档或脚本试图去请求另一个域下的资源 狭义：浏览器不能执行其他网站的脚本，是由浏览器的同源策略限制的一类请求场景，从一个域名的网页去请求另一个域名的资源时，域名，端口，协议任一不同，都是跨域。 为什么会产生跨域？ 跨域是因为浏览器的同源策略的限制，是浏览器的一种安全机制，服务端之间是不存在跨域的。所谓的同源指的是两个页面具有相同放入协议，主机和端口，三者任一不相同就会产生跨域。跨域举例：3. 跨域的解决方案 1. jsonp跨域 jsonp(JSON with Padding),是json的一种“使用模式”，可以让页面跨域读取数据，其本质是利用script标签的开放策略，浏览器传递callback参数到后端，后端返回数据时会将callback参数作为函数名来包裹数据，从而浏览器久可以跨域请求数据并制定函数来自动处理返回数据。 2. 跨域资源共享（cors） 跨域资源共享是一个W3C标准，允许浏览器向跨域服务器发送请求，从而客服ajax只能同源使用的限制。CORS需要浏览器和服务器同时支持。目前，所有主流 ...

1.工具：搭建React项目的脚手架 create-react-app 项目名称 如果采用create-react-app 项目名称的方式搭建脚手架则生成的项目中不含TS配置需要自己手动搭建TS配置。存在的弊端如下： 弊端一：项目基于webpack，webpack所有配置是隐藏的 弊端二：TS React项目配置难度较大。并且将ts代码转化成js代码的编译方式有TS Compiler和Lable两种方式，两者最好都要配置，难度较大。 **create-react-app 项目名称 –template typescript **—>利用git bash窗口创建，如果利用黑窗口前面加npm或npx 上面脚手架配置的好处： create-react-app：创建了一个react项目 后面内容的存在同时配置TS的支持 2.项目配置 配置项目的icon 配置项目的标题 配置项目别名等（craco.config.ts）—>配置src的别名放置出现多个../../的嵌套 因为别名的配置是基于webpack配置的，它的东西又被隐藏了，所以需要借助cr ...

一.闭包与原型：1.什么是闭包？闭包的用途？1）闭包指的是那些引用了另一个函数作用域中变量的函数，通常是在嵌套函数中实现的。 2）js中闭包的优点和缺点： 优点： 1.保护函数内的变量安全 2.在内存中维持一个变量(用的太多就变成了缺点，占内存) ； 1. 逻辑连续，当闭包作为另一个函数调用的参数时，避免你脱离当前逻辑而单独编写额外逻辑。 2. 方便调用上下文的局部变量。 3. 加强封装性，可以达到对变量的保护作用。 缺点: 1.常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。 2.还有有一个非常严重的问题，那就是内存浪费问题，这个内存浪费不仅仅因为它常驻内存，更重要的是，对闭包的使用不当会造成无效内存的产生。 闭包的特性: 1. 函数嵌套函数 2. 内部函数可以访问外部函数的变量 3. 参数和变量不会被回收。 4. 闭包的典型框架应该就是jquery了。 二.js基础1.JS执行上下文 全局 ...

webpack服务器开发配置为什么要搭建webpack服务器？ 本地服务器server搭建本地服务器常用上面的第二种方式即 webpack-dev-server 首先先安装 webpack-dev-server 1npm install webpack-dev-server -D 安装成功之后再package.json中加入 "serve":"webpack serve" ,用于执行 npm run serve 命令开启本地服务器 1234567"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "serve": "webpack serve", "ts-check": "tsc --noEmi ...