自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(80)
  • 资源 (3)
  • 收藏
  • 关注

原创 浏览器事件循环最详细的帖子总结

本文介绍了浏览器的事件循环机制,也是最新的事件循环机制,希望对各位有用,在此共勉

2023-09-11 18:08:05 197

原创 实现一个异步队列来实现一个队列池

开发中我们会遇到这么一个场景,需要维护一个请求队列,一次只能请求2个或者多个接口,而且当一个请求结束后,就会进入队列,直到请求发送完毕。

2023-03-08 18:07:16 234 1

原创 按照给定字段顺序来排序

在开发中,我们会遇到不是按照值的大小来给数组排序,有时候需要给定一段文字,然后通过文字来排序,比如说我们通过给定的文字来排序

2023-03-08 17:22:57 243

原创 前端 React 获取/计算文本在html的长度

这里有一个痛点,当你做国际化的时候,不知道生成出来的文本的长度,容易有样式方面的问题,比如超出长度或者等等。

2023-02-20 20:11:25 744

原创 TypeScript 中 type 如何像 interface来使用extends(继承)

ts interface 的extends如何使用 type来写

2023-02-02 11:26:08 1111

原创 配置 go mac 的环境

配置 go mac 的环境。

2022-11-15 16:07:39 257

原创 threejs 初始化

threejs 初始化 绘制一个正方形 并运动起来。

2022-11-09 12:42:06 710

原创 vscode 自定义 todoTree配置 TODO FIXME BUG TAG FEATURE 等配置

VScode 中 todo Tree配置 自定义 todo bug 等风格

2022-07-21 11:33:54 374 1

原创 一定要执行多个请求,都要捕获错误,使用try catch 不够优雅

捕获多个请求的异常

2022-07-19 12:42:59 338

原创 Go 语言开发第一天,我的学习之路从这里开始

Go 语言入门Step 1 安装程序不用多么复杂的东西,只需要去官网下载对应的安装包,然后安装就ok官网下载地址请点击右侧传送门????传送门下载对应版本的 适合自己 机型的 安装包 我这边是mac,所以下载了这个 直接安装就好,默认安装路径便在/user/local/go里面。所以下一步需要配置环境变量sudo vim /etc/profile 这里需要输入密码,密码是看不见的,输完直接回车就好了-> 密码是你的开机密码回车后看见一个界面,在下方输入 一下三

2022-01-30 00:25:07 587 2

原创 React中 useState在合成事件中是异步的,怎么获取到useState 设置后的最新值,或者说setState中获取到最新值

useState 在合成事件中是异步的合成时间是什么呢合成事件: 简单来说 比如onClick,或者 onChange 或者说是 Input之类的事件所以一个情景是这样的当你在onClick 中这样设置了状态,并赋值上去,但是打印的值是上一次的值。附代码一份function App() { const [state, setstate]: {} = useState(0); const count: number = 0; const setT = () => {

2022-01-19 15:48:28 2656

原创 js深拷贝,浅拷贝的解析以及解决方案

深、浅拷贝简单来说,浅拷贝简单的处理简单数据时候就很ok到那时遇到复杂数据类型就可能有点吃了,比如数组,你赋值了个另一个变量,这样会导致一个变量改,另一个数据也会发生改变,这或许导致很危险的东西。当然,有时候也会抛出异常,比如释放了那块内存空间,另一个数据去改变,去操作那块地址空间,很有可能会抛出异常……深拷贝解决了上述问题,首先,对于简单的一层的数据,我建议使用 ... 运算符对于有多层的数据, 可是使用 JSON.parse(JSON.stringify(obj)) 来解决局限性会忽

2021-12-08 10:00:59 358

原创 JavaScript 中的this的简便判断

this我这里总结一下规律一般 function 函数谁调用只想谁箭头函数的this指向是和同级的this指向相同 也就是说,在箭头函数上方打印this 就可以判断this的指向bind applay callbind 参数之间用逗号隔开applay 参数使用数组包含起来。call 参数之间用逗号隔开其区别如下call和apply绑定完this会立即调用当前的函数,而bind绑定完this不会立即调用当前函数,而是将函数返回call和apply通常用作绑定完立即执行的函数

2021-12-07 22:59:17 569

原创 对象作为函数参数可能会导致的问题

函数参数是对象发生什么问题:新手很容易跌倒的坑function fn(person) { person.age = 26 // 修改了原对象的值 person = { name: 'Jhon', age: 30 } return person}const person = { name : 'Tom', age: 25}const person2 = fn(person)console.log(person, person2)// out pu

2021-12-07 22:57:57 331

原创 微信小程序_指南部分

微信小程序下载安装创建项目Step 1[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f52qw6Jn-1638801163109)(./img/1.png)]Step2[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RM1NvGdD-1638801163110)(.\img\2.png)]Step3 目录结构[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6zjNXNPn-1638801163111)

2021-12-06 22:49:01 1462

原创 解决安卓模拟器没有网络的问题,刚开的做RN的我遇见这个问题真很头疼,所以希望看到我这篇文章能够解决。

简单来说 模拟没有网络一般是 dns 得问题什么是dns 我这里简单得解释一下, 放在文章最后1. 解决方案首先 在你 安装SDK 得目录下 去找到 tools 文件夹 在目录下输入cmd如下图进入终端后 输入以下命令,查看你创建的安卓手机列表emulator -list-avds我的是这样的如下图所见接下来换成阿里云得dns 就好了# emulator -avd 如上图是我的模拟器手机名称 -dns-server dns服务器emulator -avd Nexus

2021-11-24 21:36:25 3156

原创 Windows 下的 terminal pro 打开终端 总是在默认位置 怎么在当前文件中打开呢

Windows 下的 terminal pro 打开终端 总是在默认位置 怎么在当前文件中打开呢step1 这里先打开终端 -step2 找到编辑json文件step3 ctrl + f 查找到 这个字段 startingDirectory修改成这样,如上图完美解决...

2021-11-03 17:05:42 329

原创 认识Ract

学习React安装cnpm install -g create-react-app创建第一个reactcreate-react-app react-for-my-app# 等待完成启动cd react-for-my-appnpm start创建我的第一个app回到项目里 删除src 下所有 文件使得src下目录为空在src下创建一个名为index的文件接下来写自己的第一个react文件import React from 'react'import R

2021-11-01 21:31:23 314

原创 Centos 7换源

什么是换源呢顾名思义就是换国内的镜像源,让你的访问速度能够更快,能够更快的下载你需要的内容今天文章短小精悍,去换阿里云的源传送门或者直接去问度娘 阿里云源使用以下的命令# 备份源mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup# 下载新的 CentOS-Base.repo 到 /etc/yum.repos.d/# 大家不了解linux 可以查看小弟我之前写linux命令这里就

2021-10-29 22:35:31 771

原创 使用工具远程连接服务器 顺便抛个砖

远程连接工具的安装首先去你的云服务器控制台上开启你的ssh准备软件下载两三款软件软件如下图:4. 安装一路默认安装就好5. 安装位置:我习惯安装在D盘默认他是免费使用,但是只能开两个窗口,我需要更多的窗口,所以我接住了网上的工具如下图step1: 解压如下软件step2: 找到你安装文件的位置step3:将step1 文件复制到一下文件夹然后以管理员身份打开step4:为了避免出错,可以直接勾选备份选项完美解决接下来连接服务器记住你服务器ip 一

2021-10-29 22:20:58 151

原创 Centos 7 搭建nginx 服务 使得别人能够访问自己的个人网站

搭建nginx 服务step1测试你的服务器有没有 nginxnginx我的出现以下问题 说明没有安装接下来我们来安装试试安装 nginx 服务首先我执行了换源操作具体操作可以参考小弟我之前的文章 如果你是阿里云 就可以不用配置 yum 源了传送门如下图# 执行下方命令 然后等待命令执行完毕yum install nginx -y # 测试启动systemctl start nginx# 启动后测试画面如下现在开始搭建自己的第一个网站首先写配置文件 我先给大

2021-10-29 22:19:55 3635 4

原创 Vue2 的学习经历 初识

初识<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Vue</title> <script src="lib/vue.js"></script></head><body><script> // 一般直接运行会报两个错误 第一个下载vue 开发者工具

2021-10-25 22:14:19 76

原创 Centos 7或者说linux 怎么一直运行一个项目,自己退出终端也在运行

怎么一直让一个项目运行起来由于个人需要,有了一下的想法首先我在跑起一个前端项目的时候必须不能关终端,只要你关了终端,你发现你的项目也下线了。所以我需要写一个 shell 让一直跑着简单的实现它 // 由于我安装了nvm 所以先执行nvm . ~/.nvm/nvm.sh nvm use "14.17.1" // 由于我项目是14.17.1 所以在node14.17.1下跑 yarn serve // 我是vue项目,所以直接跑起来了结语:有需求请联系我网易邮箱传送门 zeuskk

2021-10-17 20:58:00 543

原创 Linux Centos7 以及window 10 Kali2020.4 安装 nvm node npm cnpm yarn

nvm node - npm - cmpm yarn 过程安装nvm 管理工具1 打开终端 执行以下命令 wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash完成后出现以下字样就表示成功如果不成功重新执行以上代码或者使用以下的curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/inst

2021-10-16 09:09:36 625

原创 解决sockjs.js?9be2:1609 GET http://192.168.1.1:8080/sockjs-node/info?t=1634257459…… 中的报错

亲测可用报错原因在项目运行以后,network会一直调用这个接口。如果没有使用,那么就一直会报这个异常 解决方案: # 找到 *node_modules*下的 # /node_modules/sockjs-client/dist/sockjs.js 里面的 这么一段代码 # 大概在1608 行 try { self.xhr.send(payload); // 注释掉这一行 } catch (e) { self.emit('finish',

2021-10-15 08:59:16 5601 5

原创 简单实现实时输入网页,参考vue底层实现

需要用到的手段dom操作通过id获取标签内容 document.getElementById("填# + id"); // 这样就获取到了 dom元素事件监听接下来就开始进行input的事件监听 给input标签的 input 进行监听 document.getElementById("input标签的id").addEventListener("这里是一input事件", 这里是一个函数);从input标签拿到值接下来获取到input的值 //首先选中do

2021-10-09 23:06:29 133

原创 正则基础学习1 这俩天补上正则全部内容,让你简单的学会正则,欢迎收藏当文档

密码验证:var reg = /^(?=\D+\d)(?=.*[A-Z])[a-zA-Z0-9]{8-16}$/;正则表达式修饰符g i mg // 全局匹配i // 不区分大小写m // 多行匹配 \n 产生的换行reg 返回正则表达式基础var reg = /a/gconsole.log(new reg.constructor());console.log(reg.compile());exec(“str”) 在字符串中找到对应正则的内容 index为下标开始的位.

2021-10-09 12:11:21 92

原创 Promise详解,相信你看完我这篇文章简单的Promise使用方式基本上就全会了

Promise 对象认识Promise对象语法new Promise((resolve, reject)=>{ resolve();// reject();}).then(()=>{ console.log("resolve!");}).catch(()=>{ console.log("reject!");})Promise 对象执行了 resolve 就不执行reject也就是说,执行了 .then 就不执行 .catchresolve/

2021-09-26 20:13:33 160

原创 node多版本安装 nvm npx npm nvm切换node版本 nrm 查看 源

安装多版本 可切换 node安装node先安装 nvm 去官网下载或者我点击下方链接下载。安装好了 使用 nvm version 查看版本号C:\Users\Administrator>nvm version1.1.7安装 多版本 可切换的 node先查看 有没有安装node 如果没有,可以下载,有的话需要自己卸载//查看有没有安装node命令node -v// 或者 nvm ls // nvm list// 卸载命令 node uninstall +版本号

2021-09-23 19:37:43 2010

原创 JavaScript ES 5 语法 重构 new

JavaScript 重写 new// 创建类function Box(){}Box.prototype.a = 10;Box.prototype.run = function(){};// 重构 new function news = (className){ var o = {}; o.__proto__ = className.prototype; return o;}// 实例化对象let c = news (Box)// 打印 实例化对象c 和 new 一个Bo

2021-09-15 11:24:09 148

原创 今天刚学了jQuery ,今天利用jQuery的语法一行来写出选项卡

选项卡的原理很简单,鼠标移上去就让其显示一下的卡片信息废话不多少,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in

2021-08-31 23:27:28 77

原创 jQuery 的常用选择器,筛选器

jQueryjQuery 的简介插件 :一个功能高度分装类库 :工具库,提供操作工具,不提供具体功能 jQuery 是一个工具集合框架 : 项目每一个组件都会提供出来。我们只需要引入框架语法,即可实现功能DOM 操作多 jQuery数据渲染不多 jQuery数据渲染不多 View React优点:无所不能的选择器无所不在的链式编程无人能及的隐式资迭代引入jq

2021-08-31 23:21:25 533

原创 windows 10 家庭版 无法打开 gpedit.msc 解决方法

没想到八月最后一篇文章竟然是解决问题博客废话不多少,直接说解决方案1 新建一个txt文件。2 向内写入以下的内容:@echo offpushd "%~dp0"dir /b C:\Windows\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientExtensions-Package~3*.mum >List.txtdir /b C:\Windows\servicing\Packages\Microsoft-Windows

2021-08-30 08:48:04 978 7

原创 dom常用操作全后续会补充

DOM 操作获取dom元素两类标签,非常规标签,常规标签1. 非常规标签{ html => doucument.documentElement head => doucument.head body => doucument.body}2. 常规标签{ 不是不能获取,而是一般不用 1. document.getElementById(); 查找范围.getElementById("

2021-08-10 23:19:33 185

原创 BOM 浏览器窗口尺寸 浏览器的弹出层 浏览器的地址栏 浏览器的历史记录 浏览器的版本信息 浏览器的常见事件 浏览器卷去的高度和宽度

浏览器窗口尺寸+ 指的是浏览器可视窗口的尺寸+ 浏览器可能会出现滚动条 => 在一般浏览器中,滚动条算浏览器的一部分 => 在MAC中的safari浏览器上,是不算的 滚动条是隐形的+ 两个属性 1. innerWidth 2. innerHeight+ 共同点, 包含滚动条的尺寸浏览器的弹出层+ 在BOM里面,给我们提供了三个弹出层+ 可以在浏览器弹出一些信息 1. alert() 警告框 -> 只弹出一段提示文本

2021-08-05 00:04:54 148

原创 JavaScript的数组常用方法

数组常用方法1. push=> 语法 arr.push(数据1, 数据2, 数据3, ...)=> 作用 把所有的参数按照顺序追加到数组的末尾=> 返回值,追加以后数组的长度=> 直接操作原始数组2. pop=> 语法 数组.pop()=> 作用 删除数组的最后一个数据=> 返回值 被删除的数据=> 直接操作原始数组3. unshift()=> 语法 数组.unshift(数据1, 数据2, 数据3, ...)=> 作

2021-08-02 23:10:11 159 2

原创 JavaScript 高级程序设计第四章解读,总结。

第四章 变量,作用域与内存通过变量使用原始值- 1. 原始值与引用值 + 原始值: 最简单的数据 + 引用值: 多个值构成的对象- 2. 原始值有哪些 + Undefined Null Boolean Number String Symbol + 访问时 直接访问存储在变量中的实际值 + 由于JavaScript不允许直接访问内存,所以不能直接操作对象所在的内存空间。在操作对象时,实际上操作的式对改对象的引用,而非对象本身。- 3. 动态属性 + 只有

2021-07-31 23:09:18 142

原创 前端 CSS day03-核心属性

核心属性: css文本属性 1、font-size 9pt = 12px; 1em=16px 0.75em=12px=9pt 2、font-family 浏览器默认为宋体,但是在谷歌浏览器里面默认字体是微软雅黑 3、font-weight bolder(更粗的)bold(加粗)normal(常规)lighter(细体)/1

2021-07-30 23:08:24 113

原创 JavaScript入门第一天,js教程,js变量, 数据类型,数据转换,隐式转换

今天在整理笔记,这是我重新整理的JavaScript的笔记。我觉得学什么东西,就应该认真去学,努力去学!java学习笔记一、js有三种方式来使用 1. 首先第一种:写在标签里面 2. 其次第二种:写在页面script标签里面 3. 最后第三种:写在单独的一个***.js文件里演示: 标签里的js: + 需要事件去驱动; + &lt;a href="javascript:alert('hello world')"&gt;点击&lt;/a&am

2021-07-30 23:06:10 116

原创 前端学习之JavaScript第二天学习

## 顺序结构:### 从上到下,从左到右## 分支结构:### 提前定义好多种功能,在符合逻辑的条件下执行响应式的代码** if 结构 **1. if(表达式)2. 计算结果是Boolean 则直接判断3. 非Boolean 会强行转化为Boolean4. 条件执行的代码块,表达式结构 或者表达式的转换结果为true,则执行代码块里面的内容** switch 结构 **1. 我们在switch 语句中的大括号之中可以定义n个case数据2. case 数据就是用来和swi

2021-07-29 22:37:37 79

nvm.tar.tar

node 项目管理构建工具

2021-10-15

这是拿bootstrap V4 去写的融职教育网站基本实现了功能

提供后续帮助服务

2021-07-29

8086汇编工作环境(51CTO).zip

包含DOSbox和MASM以及教程

2021-02-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除