web前端
blackcatkiller
这个作者很懒,什么都没留下…
展开
-
分享一个简单的井字游戏(三行棋)实现(React)
react实现一个简单的三行棋小游戏原创 2022-08-29 15:47:30 · 1198 阅读 · 1 评论 -
React中使用Apollo访问Hasura GraphiQL
Error: x-hasura-admin-secret/x-hasura-access-key required, but not found原创 2022-05-13 09:02:02 · 415 阅读 · 0 评论 -
js经典算法题
快速排序function partition(arr, start, end) { // 以最后一个元素为基准 const pivotValue = arr[end]; let pivotIndex = start; for (let i = start; i < end; i++) { if (arr[i] < pivotValue) { // 交换元素 [arr[i], arr[pivotIndex]] = [arr[pivotIndex],原创 2022-05-12 13:27:04 · 583 阅读 · 0 评论 -
前端修炼手册
文章目录网络基础:1.https的过程2. tcp的3次握手4次挥手3. TCP和UDP的区别说一下http2.0一. 介绍1.1 什么是SPDY协议1.2 HTTP1.X的缺点二. 二进制分帧三. 首部压缩四. 多路复用五. 请求优先级六. 服务器推送**补充 400 和 401、403 状态码**各类别常见状态码:**强缓存、协商缓存什么时候用哪个**强缓存:协商缓存:Etag**前端性能优化**性能评判指标:性能测试工具:线程与进程建立Http请求:DNS解析:关键渲染路径请求和响应优化:dns相关h原创 2022-03-30 22:06:58 · 586 阅读 · 0 评论 -
创意卡片设计(纯css)
值得一提的是,这个案例中的文字段落是使用`lorem`功能自动生成的原创 2022-01-06 12:52:22 · 1052 阅读 · 2 评论 -
一个丝滑的视频背景网页样式
## 一点收获**1、css定义变量**首先:CSS 变量可以有全局或局部作用域。全局变量可以在整个文档中进行访问/使用,而局部变量只能在声明它的选择器内部使用。如需创建具有全局作用域的变量,请在 :root 选择器中声明它。 :root 选择器匹配文档的根元素。如需创建具有局部作用域的变量,请在将要使用它的选择器中声明它。下面的例子与上面的例子相同,但是在这里我们使用 var() 函数。首先,我们声明两个全局变量(--blue 和 --white)。然后,我们使用 var() 函数原创 2022-01-06 12:28:30 · 1297 阅读 · 0 评论 -
react:关于用对象给state赋值,又修改对象的坑
今天写项目的时候遇到的一个问题是,setState之后页面一直不渲染,在大佬的帮助下解决了问题上图记录一下:解决方案:安全起见,还是直接把state写在state里,不要留下外面的东西改state的可能性...原创 2021-08-01 17:20:30 · 1235 阅读 · 1 评论 -
React脚手架
脚手架全局安装:npm install -g create-react-ap进入项目放置得路径,创建新项目,可能比较慢:如果出现问题多半是网不行,挂梯子会好一点,或者更改npm得配置,换成国内得的镜像源create-react-app my-app项目启动:cd my-appnpm start...原创 2021-05-17 13:36:54 · 161 阅读 · 0 评论 -
ES6之模板字符串
1.之前我们也可以使用JavaScript输出模版字符串,通常是下面这样的: $("#result").append( "He is <b>"+person.name+"</b>"+"and we wish to know his"+person.age+".That is all" );但是我们可以看到:这样的传统做法需要使用大量的“”(双引号)和 + 来拼接才能得到我们需要的模版。但是这样是十分不方便的。于是ES6中提供了模版字符串原创 2021-05-08 16:38:13 · 440 阅读 · 4 评论 -
chrom常用快捷键 与 常见HTTP状态码
1.chrome浏览页面常用快捷键Ctrl+N 打开新窗口。Ctrl+T 打开新标签页。Ctrl+W关闭当前标签Ctrl + F4 关闭chrome浏览器Ctrl+Tab 或 Ctrl+PgDown 切换到下一个标签页。Ctrl+Shift+Tab 或 Ctrl+PgUp 切换到上一个标签页。Ctrl+1 到 Ctrl+8 切换到标签栏中指定地位编号所对应的标签页。Ctrl+9 切换到最后一个标签页。Ctrl+Shift+T 从头打开前次封闭的标签页。谷歌浏览器可记住比来封闭的 10 个标原创 2021-05-08 16:26:12 · 287 阅读 · 0 评论 -
vscode 前端开发launch.json常用配置
"version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "${file}", "sourceMaps": true, "webR...原创 2021-05-07 17:19:28 · 3792 阅读 · 0 评论 -
尝试写一个Matrix官网导航栏
效果图代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Matrix导航</title> <link rel="stylesheet" type="text/css" href="reset.css"> <style> .site-header{原创 2020-08-04 21:50:15 · 147 阅读 · 0 评论 -
BFC到底是什么鬼
BFC是什么东东了解BFC前先了解下box和formatting context1、B:box即盒子,页面的基本构成元素。分类inline、block和inline-block三种类型的box2、FC:formatting context是w3c规范中的一种概念。它是页面中的一块渲染区域,并且有一套算然规则,它决定了其子元素如何定位,以及和其他元素的关系和相互作用。常见的formatting context有block fomatting context(简称BFC)和inline formatt原创 2020-08-04 19:02:11 · 241 阅读 · 0 评论 -
css之文本属性与字体属性示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文本属性和字体属性示例</title> <style type="text/css"> a{ text-decoration:none; color:#333; font原创 2020-07-08 20:22:11 · 355 阅读 · 0 评论 -
HTML5入门之常用标签
html5标准网页声明<!DOCTYPE html>必要结构<html ><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html>渲染效果:**body部分:** <h1>标题标签</h1>渲染效果 标题标签 &原创 2020-07-07 12:43:50 · 209 阅读 · 0 评论