blog

# 项目环境搭建 ​ 前两小节通过对 Electron 和 Webpack 的介绍的简单介绍，我们对其有了一定的了解，接下来这一小节主要是搭建基本的开发环境。通过一步步的动手实践，并将 TypeScript、ESLint、Prettier 等引入，最后搭起我们的 React 项目。 # 第一阶段：Electron 搭建 官方对于应用搭建有详细的文档说明，下面基于官方文档，讲解一下 Electron 的搭建 # 1. 安装 Node 环境 在搭建 Electron 应用前，请先确保 Node.js 已经安装，接下来在终端输入命令 node -vnpm -v这两个命令应输出了 Node.js 和...

# hello Webpack 本节主要介绍 Webpack 相关知识，聊聊 Webpack 的由来，以及为什么要使用 Webpack，通过两大利器：Loader 与 Plugins 进行讲解。 要想快速知道 Webpack 是什么，最好的方式就是通过官网去了解它。通过官方介绍，我们可以知道：webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundler)。 在最初，Webpack 并不被人熟知，它刚出现时，主打的优势是 Code Splitting，我们现在从官网也能看到对它的定义： Code Splitting :...

# hello Electron 我们访问它的官网，映入眼帘的是：使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序 Electron 建立在 Chromium 和 Node 之上，为我们提供了很多封装好的模块，跟系统原生 API 互通。 Chromium 为 Electron 提供了强大的 UI 能力 Electron 内部支持 NodeJS 模块，让我们在写 UI 的同时，能够拥有操作系统底层 API 的能力，比如常用的 fs、path、child_process 模块 可以这么理解，Chromium 负责界面展示，Node...

# 浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢 在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。 原理： HTML5 的离线存储是基于一个新建的 .appcache 文件的缓存机制 (不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像 cookie 一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。 如何使用： 页面头部像下面一样加入一个 manifest 的属性； 在 cache.manifest 文件的编写离线存储的资源； 在离线状态时，操作...

# HTTP 状态码及其含义 1XX ：信息状态码 100 Continue 继续，⼀般在发送 post 请求时，已发送了 http header 之后服务端将返回此信息，表示确认，之后发送具体参数信息 2XX ：成功状态码 200 OK 正常返回信息 201 Created 请求成功并且服务器创建了新的资源 202 Accepted 服务器已接受请求，但尚未处理 3XX ：重定向 301 Moved Permanently 请求的网页已永久移动到新位置。 302 Found 临时性重定向。 303 See Other 临时性重定向，且总是使用 GET 请求新的 URI 。 304...

# html5 有哪些新特性并移除了哪些元素 HTML5 新特性： 拖放 (Drag and drop)API 语义化标签 (header、nav、footer、section、article、aside) 音频、视频 (audio、video)API 画布 (canvas)API 地理定位 (Geolocation)API 本地离线存储 (localStorage) ，即长期存储数据，浏览器关闭后数据不丢失 会话存储 (sessionStorage) ，即数据在浏览器关闭后自动删除 表单控件 (calender、date、time、url、email、search) 新的技术...

# 对浏览器内核的理解及常见的浏览器内核有哪些 浏览器内核包括两部分， 渲染引擎 和 js引擎 。 渲染引擎 负责读取网页内容，整理讯息，计算网页的显示方式并显示页面， js引擎 是解析执行 js 获取网页的动态效果。 常见的游览器内核： IE：Trident firefox：Gecko chrom、safari：webkit Opera：Presto Microsoft Edge：EdgeHTML

# 说说你对 html 语义化的理解 # 为什么需要语义化，语义化的优点： 结构清晰：html 语义化让页面的内容结构化，即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的。 SEO：有利于 SEO ，可以让搜索引擎更好地获取到更多有效信息，搜索引擎的爬虫依赖于标签来确定上下文和各个关键字的权重，有效提升网页的搜索量。 可维护性：使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。 # 常见的语义化标签

# 从浏览器地址栏输入 url 到显示页面的步骤 # 基础版本 浏览器根据请求的 URL 交给 DNS 域名解析，找到真实 IP ，向服务器发起请求； 服务器交给后台处理完成后返回数据，浏览器接收文件（ HTML、JS、CSS 、图象等）； 浏览器对加载到的资源（ HTML、JS、CSS 等）进⾏语法解析，建⽴相应的内部数据结构 （如 HTML 的 DOM ）； 载⼊解析到的资源⽂件，渲染页面，完成。 # 详细版本 在浏览器地址栏输入...

# img 标签的 title 和 alt 有什么区别 title 通常是⿏标滑动到元素上的时候显示 alt 是 <img> 的特有属性，是图片内容的等价描述，⽤于图片外法加载时显示。可提高图片可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。