- 博客(162)
- 收藏
- 关注
RSS订阅转载 webWorker.js详解
Web Worker 是一种浏览器提供的 JavaScript API，它允许在后台线程中运行脚本，而不会阻塞主线程。这意味着，即使脚本执行了很长时间，Web 应用程序的 UI 仍然可以保持响应。Web Worker 有两种类型：Dedicated Worker 和 Shared Worker。Dedicated Worker 是指与一个页面绑定的 Worker，它仅能由该页面的脚本使用。而 Shared Worker 则可以被多个页面共享使用，这使得多个页面可以同时访问同一个后台线程。
2025-03-25 20:50:36
21
原创 前端性能优化方案总结
把老版本的库替换成新版本，支持tree shaking的库，按需引入，只打包用到的部分，大大优化项目体积，加快项目的首屏渲染。去除大的base64体积，项目中的小图会被标转成base64，加入到js代码里。能不用第三方库，就不用第三方库，比如时间格式化，直接就自己写写方法，不要引入三方库。首屏数据尽量并行，没事别让接口一个等一个，别一直promise.then()异步加载就是，有一些体积大，但是首屏不用的js库，都弄成异步加载。页面包含大量dom，可以分批随滚动渲染，写代码简洁一点，减少代码体积，
2025-03-24 14:33:16
325
原创 next.js 组件路由钩子
客户端组件‘next/nevigation’中的钩子主要有useRouter,useParams,useSearchParams,usePathname,
2025-03-22 14:56:37
261
原创 vue+three.js中使用Ammo.js
直接通过是因为ammo.js是为node环境设计的，而webpack环境下没有fs库，不配置就会报错。
2023-09-20 10:27:34
1294
原创 React中使用Apollo访问Hasura GraphiQL
Error: x-hasura-admin-secret/x-hasura-access-key required, but not found
2022-05-13 09:02:02
480
原创 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
637
原创 前端修炼手册
文章目录网络基础：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
2308
原创 一个丝滑的视频背景网页样式
## 一点收获**1、css定义变量**首先：CSS 变量可以有全局或局部作用域。全局变量可以在整个文档中进行访问/使用，而局部变量只能在声明它的选择器内部使用。如需创建具有全局作用域的变量，请在 :root 选择器中声明它。 :root 选择器匹配文档的根元素。如需创建具有局部作用域的变量，请在将要使用它的选择器中声明它。下面的例子与上面的例子相同，但是在这里我们使用 var() 函数。首先，我们声明两个全局变量（--blue 和 --white）。然后，我们使用 var() 函数
2022-01-06 12:28:30
1359
原创 关于educoder头歌的一条bug
点击右侧题目中的相关要求就会有一个盒子缩回去。呃呃贵公司缺测试吗
2021-11-16 14:58:04
1388
原创 react：关于用对象给state赋值，又修改对象的坑
今天写项目的时候遇到的一个问题是，setState之后页面一直不渲染，在大佬的帮助下解决了问题上图记录一下：解决方案：安全起见，还是直接把state写在state里，不要留下外面的东西改state的可能性...
2021-08-01 17:20:30
1336
1
原创 React脚手架
脚手架全局安装：npm install -g create-react-ap进入项目放置得路径，创建新项目，可能比较慢：如果出现问题多半是网不行，挂梯子会好一点，或者更改npm得配置，换成国内得的镜像源create-react-app my-app项目启动：cd my-appnpm start...
2021-05-17 13:36:54
208
原创 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
485
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
322
原创 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
3982
原创 CentOS7 yum安装Error: Cannot find a valid baseurl for repo: base
定位到这个文件夹cd /etc/yum.repos.d/展开有如下文件问题出在这个文件执行下面命令，将这个文件后缀名修改使这个文件无效，就可以了：mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.bak...
2021-05-06 12:49:17
345
原创 2020蓝桥杯A组C/C++第一场第3题 【分配口罩】dfs
题目如下：某市市长获得了若干批口罩，给定每批口罩的数量，市长要把口罩分配给市内的2所医院。masks = [9090400, 8499400, 5926800, 8547000, 4958200, 4422600, 5751200, 4175600, 6309600, 5865200, 6604400, 4635000, 10663400, 8087200, 4554000]由于物流限制，每一批口罩只能全部分配给其中一家医院。市长希望2所医院获得的口罩总数之差越小越好。请你计算这个差最小是多少？
2021-04-17 20:58:44
1160
原创 蓝桥杯2020年第九届C/C++省赛A组第4题-第几个幸运数字
答案：1905#include<iostream>#include<algorithm>#include<set>#define M 59084709587505using namespace std;int main(){ int arr[3] = {3, 5, 7}; long long number = 1; set<long long>num; while(1){ for(int i = 0; i < 3; i+.
2021-04-15 21:51:19
245
原创 蓝桥杯2020年第九届C/C++省赛A组第3题-乘积尾零
标题：乘积尾零如下的10行数据，每行有10个整数，请你求出它们的乘积的末尾有多少个零？5650 4542 3554 473 946 4114 3871 9073 90 43292758 7949 6113 5659 5245 7432 3051 4434 6704 35949937 1173 6866 3397 4759 7557 3070 2287 1453 98991486 5722 3135 1170 4014 5510 5120 729 2880 90192049 698 4582 43
2021-04-15 17:25:41
200
原创 蓝桥杯2020年第九届java省赛A组第2题-星期一
答案：5217#include<iostream>#include<cmath>using namespace std;bool ifLeapYear(int x){ if(x%400==0||(x%100!=0&&x%4==0)){ return true; } return false;}int main(){ long long day = 0; for(int i=1901; i<=2000; i++){ if(ifLea.
2021-04-14 15:17:45
193
原创 蓝桥杯2020年第九届java省赛A组第1题-分数
答案：1048575/524288思路：分子分母分开算，分子是pow(2,19),分母是pow(2,0)+pow(2,1)+…pow(2,19),然后约分，找最大公约数
2021-04-14 14:18:14
217
原创 蓝桥杯2020年第十届java省赛C组第2题-矩形切割
这个题，浏览器打开，随便拿js手算一下就出来了。写代码的话，就for循环一次就好了（我太懒了）答案：21
2021-04-14 12:41:32
283
原创 蓝桥杯2020年第十届C/C++省赛A组第4题-迷宫（bfs）
答案：DDDDRRURRRRRRDRRRRDDDLDDRDDDDDDDDDDDDRDDRRRURRUURRDDDDRDRRRRRRDRRURRDDDRRRRUURUUUUUUULULLUUUURRRRUULLLUUUULLUUULUURRURRURURRRDDRRRRRDDRRDDLLLDDRRDDRDDLDDDLLDDLLLDLDDDLDDRRRRRRRRRDDDDDDRR#include<iostream>#include<string>#include<fstre.
2021-04-11 18:43:43
741
1
原创 蓝桥杯2020年第十届C/C++省赛A组第3题-最大降雨量
答案：34；这道题的策略是贪心， 题目的意思是：把1到49，分成7组，然后每一组取一个中位数，构成新的一组，再取中位数，就是最后的结果了，所以如果以元素大小来排列每一组的话，第1，2，3组都取最小值，往后的4个组，用剩下的数字，每组取3个小的，4个大的。然后就可以数出来了。...
2021-04-11 16:40:19
409
原创 蓝桥杯2020年第十届C/C++省赛A组第2题-数列求值
答案：4659#include<iostream>#include<sstream>#include<algorithm>using namespace std;int main() { int num[4]; num[0] = num[1] = num[2]=1; for(long long i = 3; i < 20190324; i++){ num[3] = num[0]+num[1]+num[2]; .
2021-04-11 16:12:38
176
原创 蓝桥杯2020年第十届C/C++省赛A组第1题-平方和
答案：2658417853#include<iostream>#include<sstream>#include<algorithm>using namespace std;int main() { long long sum = 0; int count = 0; for (int i = 1; i <= 2019; i++) { stringstream ss; string s; .
2021-04-11 15:54:51
239
原创 蓝桥杯2020年第十一届C/C++省赛A组第6题-平均成绩
#include<iostream>#include<math.h>using namespace std;int main(){ int n; int st[100000]; cin>>n; for(int i = 0; i< n; i++){ cin>>st[i]; } int min = 1000, max = 0; float sum = 0; for(in.
2021-04-10 17:43:18
247
原创 蓝桥杯2020年第十一届C/C++省赛A组第4题-七段码
#include<iostream>using namespace std;int e[10][10] = {0};//a1, b2, c3, d4, e5, f6, g7int ans = 0;int father[10];int used[10] = {0};int find(int x) { if (father[x] == x) return x; return find(father[x]);}void Union(int.
2021-04-10 17:05:52
206
原创 蓝桥杯2020年第十一届C/C++省赛A组第2题-既约分数
答案：2481215#include<iostream>using namespace std;bool judge(int x, int y){ if(x>y){ int temp = x; x = y; y = temp; } if(x ==1&&y!=1) return true; for(int i = x; i>1; i--){ if(x.
2021-04-10 13:20:46
257
原创 蓝桥杯2020年第十一届C/C++省赛A组第1题-门牌制作
#include<iostream>using namespace std;int main(){ int count = 0; for (int i = 1; i <= 2020; ++i) { int temp = i; while (temp) { if (temp % 10 == 2) count++; temp /= 10; } .
2021-04-10 13:16:03
220
原创 蓝桥杯2020年第十一届C/C++省赛A组第3题-蛇形填数
#include<iostream>using namespace std;int nums[100][100] = {0};int main(){ int i = 0, j = 0; int n = 1; nums[i][j] = n++; while(i<50&&j< 50){ if(i == 0){ nums[i][++j] = n++; while(j&.
2021-04-07 20:11:13
130
原创 蓝桥杯2015年第六届C/C++省赛B组第六题-加法变乘法
蓝桥杯 加法变乘法我们都知道：1+2+3+ … + 49 = 1225 现在要求你把其中两个不相邻的加号变成乘号，使得结果为2015比如： 1+2+3+…+10 x 11+12+…+27 x 28+29+…+49 = 2015 就是符合要求的答案。请你寻找另外一个可能的答案，并把位置靠前的那个乘号左边的数字提交（对于示例，就是提交10）。答案：16#include<iostream>using namespace std;int main(){ int sum;
2021-04-07 14:56:54
158
原创 蓝桥杯2015年第六届C/C++省赛C组第二题-立方尾不变
题目描述有些数字的立方的末尾正好是该数字本身。比如：1,4,5,6,9,24,25,…请你计算一下，在10000以内的数字中（指该数字，并非它立方后的数值），符合这个特征的正整数一共有多少个。int main(){ long long temp; int i, sum = 0; for(i = 1; i <= 10000; i++){ temp = pow(i, 3); if(temp % model(i) == i){ ++sum; cout<< i
2021-04-06 10:29:49
239
3
原创 蓝桥杯2015年第六届C/C++省赛C组第一题-隔行变色
题目描述隔行变色 Excel表的格子很多，为了避免把某行的数据和相邻行混淆，可以采用隔行变色的样式。 小明设计的样式为：第1行蓝色，第2行白色，第3行蓝色，第4行白色，… 现在小明想知道，从第21行到第50行一共包含了多少个蓝色的行。 请你直接提交这个整数，千万不要填写任何多余的内容。#include<iostream>using namespace std;int main(){ int ans = 0; for(int i = 21; i <= 50; i++){
2021-04-05 21:18:25
138
原创 蓝桥杯2015年第六届C/C++省赛B组第八题-牌型种数
蓝桥杯 饮料换购乐羊羊饮料厂正在举办一次促销优惠活动。乐羊羊C型饮料，凭3个瓶盖可以再换一瓶C型饮料，并且可以一直循环下去，但不允许赊账。请你计算一下，如果小明不浪费瓶盖，尽量地参加活动，那么，对于他初始买入的n瓶饮料，最后他一共能得到多少瓶饮料。输入格式:一个整数n，表示开始购买的饮料数量（0<n<10000）输出格式:一个整数，表示实际得到的饮料数输入样例:在这里给出一组输入。例如：100输出样例:在这里给出相应的输出。例如：149输入样例:在这里
2021-04-03 15:53:29
138
原创 2015蓝桥杯A组C/C++第4题 【牌型种数】
题目描述：小明被劫持到X赌城，被迫与其他3人玩牌。 一副扑克牌（去掉大小王牌，共52张），均匀发给4个人，每个人13张。这时，小明脑子里突然冒出一个问题： 如果不考虑花色，只考虑点数，也不考虑自己得到的牌的先后顺序自己手里能拿到的初始牌型组合一共有多少种呢？请输出该整数，不要输出任何多余的内容或说明文字。...
2021-04-03 15:16:35
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人