前端常见的 http 返回的状态码 只能切换到更高级的协议，例如，切换到 HTTP 的新版本协议 200 OK 请求成功。请求的资源已被永久的移动到新 URI，返回信息会包括新的 URI，浏览器会自动定向到新 URI。请求的资源可包括多个位置，相应可返回一个资源特征与地址的列表用于用户终端（例如：浏览器）选择。505 HTTP Version not supported 服务器不支持请求的 HTTP 协议的版本，无法完成处理。409 Conflict 服务器完成客户端的 PUT 请求是可能返回此代码，服务器处理请求时发生了冲突。
JavaScript(JS) 中实现继承的几种方式 将父类的实例作为子类的原型，他的特点是实例是子类的实例也是父类的实例，父类新增的原型方法/属性，子类都能够访问，并且原型链继承简单易于实现，缺点是来自原型对象的所有属性被所有实例共享，无法实现多继承，无法向父类构造函数传参。为父类实例添加新特性，作为子类实例返回，实例继承的特点是不限制调用方法，不管是 new 子类（）还是子类（）返回的对象具有相同的效果，缺点是实例是父类的实例，不是子类的实例，不支持多继承。通过调用父类构造，继承父类的属性并保留传参的优点，然后通过将父类实例作为子类原型，实现函数复用。
GET 和 POST 的区别？ get 比 post 更不安全，因为参数直接暴露在 url 中，所以不能用来传递敏感信息。get 请求参数会被完整保留在浏览历史记录里，而 post 中的参数不会被保留。get 参数通过 url 传递，post 放在 request body 中。get 请求在 url 中传递的参数是有长度限制的，而 post 没有。get 请求会浏览器主动 cache，而 post 支持多种编码方式。post 产生两个 TCP 数据包。get 请求只能进行 url 编码，而 post 支持多种编码方式。
http 和 https 的区别？ http 传输的数据都是未加密的，也就是明文的，网景公司设置了 SSL 协议来对 http 协议传输的数据进行加密处理，简单来说 https 协议是由 http 和 ssl 协议构建的可进行加密传输和身份认证的网络协议，比 http 协议的安全性更高。使用不同的链接方式，端口也不同，一般而言，http协议的端口为80，https的端口为443，http的连接很简单，是无状态的；https 协议的主要作用是：建立一个信息安全通道，来确保数组的传输，确保网站的真实性。
Vue+Element-UI 实现前端分页功能，利用el-table和el-pagination组件实现表格前端分页 当table的数据量比较大的时候，一个屏幕展示不出全部的数据，这个时候就需要分页显示。而多数情况下都是做的后端分页，就是将分页参数和查询条件一并传到后端，后端将当前页要显示的数据返回来。但是有时候会遇到后端也是去调用了其它系统的接口，这时候返回到前端的是所有的数据，此时需要前端自行去进行分页显示。// 页面初始化时生成100条数据，模拟从后端获取所有数据。// 分页方法(用于表格数据后端不分页，放到前端做分页)--===分页=====-->// 从后端获取到的所有表格数据。/** 切换分页 */
Web前端-BOM系列之Navigator对象 navigatorLanguage.language 只读 返回表示用户的首先语言，通常是浏览器用户界面的语言。Navigator对象包含有关浏览器的信息，对象包含的属性描述了正在使用的浏览器，可以使用这些属性来进行平台专用的配置。navigator.appVersion 只读,返回一个字符串，表示浏览器的版本。navigator.product 只读,返回当前浏览器的产品名称（如，"Gecko"）。navigator.platform 只读,返回一个字符串，表示浏览器的所在系统平台。
Vscode (Visual Studio Code)使用Thief-Book插件看小说摸鱼神器 Vscode (Visual Studio Code)使用Thief-Book插件看小说摸鱼神器，话不多说直接开整：第一步：打开 VS Code 编辑器，在侧边栏中选择“扩展”，搜索并安装 Thief-Book 插件第二步：准备好要看的小说txt文件，需要另存为选一下utf-8格式，否则待会儿文字会乱码第三步：点击扩展设置，将小说绝对路径填入第四步：按下快捷键 Ctrl+Shift+P，打开命令面板，输入Thief-Book，然后任意选择NextBook开启底部状态栏摸鱼模式
JavaScript 用btoa和atob来编码解码Base64 / 报错：Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range. at :1:8。// 输出结果：SGVsbG8gV29yZCE=var str = "Hello, 中国！// 输出结果：Hello Word!// 输出结果：Hello, 中国！
JS获取对象键值对中key、value，以及循环Object中的某一项 1.JS获取对象键值对中key、value。name: "张三",name: "张三",// ["name", "张三"]2.循环Object中的某一项。// ["sex", "男"]// name 张三。
CSS实现元素水平垂直居中几种方案 CSS实现元素水平垂直居中几种方案 方案一：利用 display: inline-block;方案五：利用 display: table-cell;方案六：利用translate位移。方案三：定位法（2）方案二：定位法（1）
JS浏览器的默认行为及阻止行为，阻止右键菜单、阻止超链接跳转、阻止拖拽事件 window.document.oncontextmenu = function(){ // 阻止默认菜单弹出。IE8及以下：event.retrunValue = false;阻止：标准浏览器：event.preventDefault();阻止：return false;阻止：return false;（一）右键菜单事件：oncontextmenu。（三）浏览器的拖拽事件：ondragstart。
CSS文本超出显示...（省略号）文本超出隐藏，并显示省略号（...） / 显示行数（数字可调整）text-overflow: ellipsis;// 溢出用省略号显示。CSS文本超出显示...（省略号）文本超出隐藏，并显示省略号（...）text-overflow: ellipsis;// 溢出显示省略号。// 超出的文本隐藏。
JS 深克隆（深克隆不考虑函数）深拷贝deepClone / 引用值(obj/array)且不为null。likes: ["乒乓", "篮球", "跑步"]// 原始值或func。name: "张三",js封装方法实现深拷贝。2.在页面中引入并使用。
Vue+Element Ui实现el-table自定义表头下拉选择表头筛选 el-input size="small" placeholder="请输入关键字" v-model="cloumnKeyword" clearable>// 操作按钮组 === label: 文本，show：是否显示，icon：按钮图标，disabled：是否禁用，method：回调方法, 等等。defaultColumns: ["操作", "日期", "姓名", "地址"],totalColumns: ["操作", "日期", "姓名", "地址"],
关注
