qq_43477721的博客

去掉原先 el-form-item 上的 label，使用 slot= label 自定义即可。<el-form-item prop="任务名称" required> <span slot="label"> <i class="el-icon-connection"></i> <span style="color: #46a0fc;"> 任务名称 </span> </span></el-fo

HTTP 1.0 之前的历史 HTTP 1.1 的是什么，好处，坏处 HTTP 2.0 是什么，好处，坏处 HTTP 3.0 是什么 HTTPSHTTP/0.9HTTP 于 1990 年问世。那时的 HTTP 并没有作为正式的标准被建立。 现在的 HTTP 其实含有 HTTP1.0 之前版本的意思。1990 年 11 月，CERN 成功研发了世界上第一台 Web 服务器和 Web 浏 览器。两年后的 1992 年 9 月，日本第一个网站的主页上线了。http://www.ibara...

什么是 React Hooks，React 一直提倡使用函数组件，但是有一些功能只有类组件具备，比如函数组件没有实例，没有生命周期函数，而 React 16.8 提出的 Hooks 概念可以在不编写 Class 的情况下，使用 React 特性。凡是 use 开头的 React API 都是 Hooks。Hooks 解决的问题：类组件的状态逻辑难复用，层级冗余，复杂难以维护。比如在 componenDidMount中注册的事件或者其他逻辑，需要在componentWillUnmount 中卸载，编..

formikReact中的表单非常冗长。更糟糕的是，大多数表单助手都使用了太多的魔法，并且通常有显著的性能成本。YupYup是一个用于值解析和验证的JavaScript模式生成器import * as yup from 'yup';// 编写自己需要的规则let schema = yup.object().shape({ name: yup.string().required(), age: yup.number().required().positive().integer()}.

Koa 的中间件就是函数，可以是 async 函数，或是普通函数，通过app.use来进行调用。// async 函数app.use(async (ctx, next) => { const start = Date.now(); await next(); const ms = Date.now() - start; console.log(`${ctx.method} ${ctx.url} - ${ms}ms`);});// 普通函数app.use((ctx, nex.

前端基础知识练习题

前端基础知识练习题

前端基础知识练习题

前端基础练习题之 This

This《2w字大章 38道面试题》彻底理清JS中this指向问题 Promise/async/Generator9k字 | Promise/async/Generator实现原理解析 【建议星星】要就来45道Promise面试题一次爽到底(1.1w字用心整理)

不论是在程序世界里还是现实生活中，发布—订阅模式的应用都非常之广泛。举个例子????：玛卡巴卡在网上看上一个小推车，但联系到卖家后，发现小推车卖光了，但是玛卡巴卡对这个小推又非常喜欢，所以就联系卖家，问卖家什么时候有货，卖家告诉她，要等一个星期后才有货，卖家告诉玛卡巴卡，要是你喜欢的话，你可以收藏我们的店铺，等有货的时候再通知你，所以玛卡巴卡收藏了此店铺。唔西迪西和依古比古看了图片之后，也喜欢这个小推车，也收藏了该店铺；等来货的时候就依次会通知他们。你看这是一个典型的发布订阅模式，卖家是属于发布者，玛

在forEach中用return不会返回，函数会继续执行。arr.forEach(callback[, thisArg])，callback会接收到三个参数：currentValue、index、array。var ary = ["JavaScript", "Java", "CoffeeScript", "TypeScript"];ary.forEach(function (value, index, _ary) { console.log(value); return value ===

Framer motion的核心API是motion的组件。每个HTML和SVG标签都有对应的motion组件。他们渲染的结果与对应的原生组件完全一致，并在其之上增加了一些动画和手势相关的props。比如：<motion.div /><motion.span /><motion.h1 /><motion.svg />使用与平常的插件相差无几。npm install framer-motion当然，这里还是有一点不一样的，如果直接在页面中.

两栏布局（左列定宽, 右列自适应）DOM结构<div class="box"> <div class="box-left"></div> <div class="box-right"></div></div>float + margin.box { height: 200px;}.box > div { height: 100%;}.box-left { width: 200px; .

使用 vue-cli 创建项目，在配置项中选择 PWA。脚手架就会搭好基本的框架。这个时候不做任何的额外配置也是正常使用。当然，只有打包之后在线上，猜可以看到效果。根目录下新建 server.jsvar express = require('express');var app = express();const hostname = 'localhost';const port = 3838;app.use(express.static('./dist'));app.listen(por.

定位类型相对定位元素（relatively positioned element）是计算后位置属性为 relative 的元素。绝对定位元素（absolutely positioned element）是计算后位置属性为 absolute 或 fixed 的元素。粘性定位元素（stickily positioned element）是计算后位置属性为 sticky 的元素。大多数情况下，height和width 被设定为auto的绝对定位元素，按其内容大小调整尺寸。但是，被绝对定位的元素可以通.

域名和 IP 是多对一的关系，一个 IP 可以有多个域名，但一个域名只能有一个 IP。DNS 是应用层协议，运行UDP协议之上，使用端口43为什么需要 DNS ？用户与互联网上某台主机通信时，必须要知道对方的 IP 地址。但是用户难以记住长达32位的二进制地址。域名系统就是将互联网上的主机名字转换为 IP 地址。端口需要DNS解析吗 ？不需要，有默认端口，http(80)、https(443)，如果要指定端口直接在URL里面写。DNS 查询过程一般而言，「本地服务器查询是递归查询」，而**「.

简介它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。但在实现上，跟AJAX完全一致，需要的是浏览器和服务器的配合。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，具体来说，就是在头信息之中，增加一个Origin字段。而服务器端需要处理的字段也是与 CORS 相关的字段，都以 Access-Control- 开头。服务器收到请求以后，检查了 Origin、Access-Control-Request-Method和Access-C.

React 和 Vue 有许多相似之处：使用 Virtual DOM提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。运行时性能React在 React 应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。如要避免不必要的子组件的重渲染，你需要在所有可能的地方使用 PureComponent，或是手动实现 shouldComponentUpdate 方法。同时.

进入 /usr/localcd /usr/local下载sudo wget https://fastdl.mongodb.org/osx/mongodb-macos-x86_64-5.0.2.tgz解压sudo tar -zxvf mongodb-macos-x86_64-5.0.2.tgz重命名sudo mv mongodb-macos-x86_64-5.0.2 mongodb设置PATH为了方便运行，设置path还是要好一点： 打开bash配置文件vi ~/.bash_pro