自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 sockjs-node请求一直报错

sockjs-node报错、sockjs-node双向通道、浏览器热更新

2023-07-14 18:02:36 2631

原创 SignalR前后端进行通信时,出现了内存泄露

内存泄露

2023-06-29 16:41:54 469

原创 如何使a==1&&a==2&&a==3表达式成立?

我思考了一会,这让一个值既是1又是2又是3的,不可能吧,这肯定是一个伪命题,但突然我灵光一现,对象属性不是可以拦截吗,我能不能在这上面做文章,于是就有了接下来的代码。以上3中都是可以满足条件需求,第四种是以对象的形式来满足的。第四种 Object.defineProperty()第二种修改对象原型上的toString方法。2&&a==3表达式成立?第一种,对象字面量属性修改。

2023-05-11 16:54:36 222

原创 Node.js&中间件

举个例子,我们在http请求中往往设计到很多动作,比如域名解析、IP地址解析、请求体解析cookie信息处理、日志记录等等,对开发工作者来说,我们更多的是关注业务的开发,而不是每个细节的流程处理,于是就有了中间件的概念,中间件来简化和封装这里基本逻辑的细节处理。中间件是介于应用系统和系统软件之间的一类软件,它使用系统软件所提供的基础服务、功能,衔接网络上应用系统中的各个部分或不同的应用,能够达到资源共享、功能共享的目的。在这个过程中,叮咚买菜的配送员将与客户保持沟通,确保订单按时到达。

2023-05-10 11:51:40 362

原创 Linux下的rm命令

rm -rf xxx :递归删除目录及文件或文件不提示信息。rm -v xxx : 删除文件或目录并显示删除信息。rm -vr xxx:递归删除目录及文件,且有提示。rm -d xxx :删除空目录且提示信息。rm -i xxx:删除文件或目录前提示。rm 用于删除一个文件或者目录。

2023-05-04 13:38:51 256

原创 对象,我遇见了你

对象属性相关介绍,对象原型链介绍

2023-04-11 15:06:03 71

原创 JS中的发布-订阅

发布-订阅模式其实是一种对象间一对多的依赖关系,当一个对象的状态发送改变时,所有依赖于它的对象都将得到状态改变的通知订阅者(Subscriber)把自己想订阅的事件注册(Subscribe)到调度中心(Event Channel),当发布者(Publisher)发布该事件(Publish Event)到调度中心,也就是该事件触发时,由调度中心统一调度(Fire Event)订阅者注册到调度中心的处理代码举个例子。

2023-03-09 14:06:54 1237

原创 记录第一次上传npm包

npm、node、modules发布

2023-03-03 15:50:44 126

原创 XSS攻击

xss攻击 浏览器同源策略 安全机制

2023-02-08 21:04:34 345

原创 Web缓存

http请求、http缓存、web缓存、前端、js、通信

2023-02-06 17:18:58 601

原创 前后端通信,这中间到底发生了什么?

前后端通信、http请求、TCP协议

2023-01-29 10:31:47 508

原创 鲜为人知的CSS实用技巧

鲜为人知的CSS实用技巧

2022-12-29 20:11:31 88

原创 部署vue到dev服务器

nginx配置

2022-12-29 20:04:36 231

原创 scss基本使用

符号标识来定义变量变量名用中划线和下划线分隔其实是表示一个意思$color_base和$color-base其实指向的是同一个变量。父选择器的标识符&div{color:red;&:hover{}}群组选择器的嵌套//css使用}// sass嵌套使用.aaa{h1,h2,h3{}}h2{}}子组合选择器和同层组合选择器:>、+ 和 ~// 子组件选择器// 选择 .aaa 的子元素中的 p 标签.aaa > p{}// 选择 .aaa下所有的 p 标签。

2022-12-28 20:50:50 3176

原创 对象深浅拷贝

对象深浅拷贝大集合

2022-06-10 16:03:33 1010

原创 时间复杂度&空间复杂度

时间复杂度、空间复杂度介绍时间复杂度和空间复杂度类别冒泡排序时间复杂度优化案例

2022-06-07 18:13:20 644

原创 npm run xxx发生了什么

项目启动的时候, npm run xxx 到底做了什么? 让我们一步一步往下走吧 。嘎嘎嘎~~~

2022-05-24 15:17:18 285

原创 grid布局使用总结

父元素属性:属性 说明 display 设置grid布局

2022-04-27 11:35:35 5677

原创 如何用一行 CSS 实现 10 种现代布局

超级居中place-item:center 实现垂直居中父级元素设置一下属性即可 display: grid; place-items: center;解构煎饼式布局:flex: baseWidth 是设置盒子基本宽度 如果没有设置 则取默认的宽度grow 是当父级盒子有剩余空间时候 剩余空间给子级填充剩余空间的比例shrink 是当父级元素宽度不够时候 那么子级元素进行压缩适配父级的比例案例如下:<!DOCTYPE html><html lang="e

2022-04-22 17:00:54 494

原创 vs code常用的插件

vs code常用的插件列举:path-alias功能:在使用别名之后 路径上是没有提示的 path-alias 是用来提示的别名路径跳转功能:在使用别名导入的组件时候 不能跳转到最对应的组件使用步骤安装对应的插件插件配置 找到对应的插件-点击设置-扩展设置-路径映射在settinas.json中编辑indent-rainbow功能:彩虹缩进Auto Rename Tag功能:自动重命名标签Code Spell Checker功能:检查单词拼写是否错误(支持英语)C

2022-04-22 11:57:46 3145

转载 chrome 调试技巧

1#. 一键重新发起请求在与后端接口联调或排查线上BUG时,你是不是也经常听到他们说这句话:你再发起一次请求试试,我这边看下为啥出错了!重发请求,这有一种简单到发指的方式。 选中Network 点击Fetch/XHR 选择要重新发送的请求 右键选择Replay XHR 不用刷新页面,不用走页面交互,是不是非常爽!!!2#. 在控制台快速发起请求还是联调或修BUG的场景,针对同样的请求,有时候需要修改入参重新发起,有啥快捷方式? 选中Netwo

2022-04-18 17:19:40 1705

原创 小谈GIT原理和使用

小谈GITGit诞生集中式和分布式git指令版本回退Git诞生大家都知道linux 那你知道linux是谁开发的吗? 不错是linus开发的 在1991年linus 创建了开源的linux但linux的功能强大的完善却靠的是全世界的热心的代码志愿者完成的 在2002年之前代码的管理是由各个大牛们将源代码通过diff的方式发给linus 然后由linus本人来手动合并代码 也许你会有疑问 为啥不讲这些代码放到版本控制器里 因为linus坚决的反对使用CVS和SVN 这些免费的集中式的版本

2022-03-30 10:42:42 559

原创 css新属性

allall 一共有3个属性– initial 将元素所有的属性设置成初始值或回退值– inherit 将所有的元素设置成父元素的值– unset 将所有的元素设置成父元素的值或初始值其兼容性 如下:

2022-03-25 16:59:56 243

原创 第一次上传demo到github

创建步骤1 注册登录 gitHub2 在github上创建仓库3 github 配置 SSH key4 上传本地的demo在github上创建仓库在这里插入图片描述创建成功后,就可以看到自己的仓库地址github 配置 SSH key看本地是否有 ssh keycd ~/.ssh 如有有数据出来则表示有若没有则自己创建ssh-keygen -t rsa -C “你的邮箱”复制 ssh 在github中添加ssh添加成功上传demo到仓库git add .

2022-03-22 15:55:38 581

原创 SVG使用介绍

SVG使用介绍前言什么是SVG?基本形状rect元素会在屏幕上绘制一个矩形circle 绘制圆形Ellipse 绘制椭圆line 绘制直线Polyline绘制折线polygon 绘制多边形path 绘制路径前言嗯~ 看到svg是不是很陌生 一般在实际开发中 我们用的比较少 但是用起来比较香,比如我们在实际开发中有这么一个需求 有一张图片默认色是白色的 当鼠标移上去和点击的时候 分别要展示不同的背景色 当看到这个需求的时候 第一反应是不是找UI做图啊 然后鼠标移上去和点击时候再变换不用的背景图 但是有一个

2022-03-17 20:50:46 1773

原创 Chrome插件-可视化

一 下载插件如果你已翻墙 可直接在chrome商店进行下载 如果没有 只能下载对应的插件包了二 加载扩展包打开chrome-设置-扩展程序-打开开发者模式-加载已解压的扩展程序三 在页面中测试https://jsonview.com/example.json...

2022-03-17 10:15:40 286

原创 vs code快速创建代码片段

文件(F)-->首选项-->文件代码片段 用来管理所有的片段创建vue 代码片段文件(F)-->首选项-->文件代码片段-vue.json"Print to console": { "scope": "javascript,typescript", "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>",

2022-03-09 14:04:28 894

原创 搭建vue框架

​在搭建框架之前,首先我们需要把对应的环境配好1. node环境 安装node并且配置node环境变量(如果你项目需要配置不同的node版本,那么可用nvm来管理你的node nvm的配置可参 考:nvm配置使用 )2. 查看node是否安装成功 安装node时候会同步安装npm node -v 和 npm-v 查看对应的版本3. 全局安装cnpm yarn4. vue-cli的搭建打开cmd 全局配置 vue-clinpm install --global vue-

2022-03-09 11:32:02 2526

原创 vue双向绑定原理

**Vue双向绑定的原理再讲双向双向绑定之前我们需要来了解下MVVM模式MVVM(Model-View-ViewModel)是对 MVC(Model-View-Control)和 MVP(Model-View-Presenter)的进一步改进。View:视图层(UI 用户界面)ViewModel:业务逻辑层(一切 js 可视为业务逻辑,也就是前端的日常工作)Model:数据层(存储数据及对数据的处理如增删改查)MVVM 将数据双向绑定(data-binding)作为核心思想,Vie

2022-03-07 16:03:03 41999 4

原创 nvm使用篇

常用指令nvm ls 查看所有的node版本 nvm install lastest 安装最新版本 nvm install v[node版本号] nvm use 10.8.0 当前使用版本

2022-03-03 17:07:56 482

原创 webpack

webpackwebpack是一个打包工具 用来管理各个模块之间错综复杂的依赖关系 使开发更加编辑 可以通过loader转换文件,通过plugin扩展功能。webpack基本功能:代码转换文件优化: 压缩 JavaScript、CSS、HTML 代码,压缩合并图片等代码校验自动发布模块合并: 在采用模块化的项目有很多模块和文件,需要构建功能把模块分类合并成一个文件自动刷新代码分割: 提取多个页面的公共代码、提取首屏不需要执行部分的代码让其异步加载webpack工作原理:

2022-03-03 15:54:10 664 1

动画--太阳系行星公转

CSS3 实现动画 CSS3 实现太阳系行星公转 CSS3 实现椭圆 CSS3 实现自行车滚轮 CSS3 实现鼠标移入移出动画效果 CSS3 新属性 clip-path 效果展示

2022-04-27

chrome-翻译插件

chrome-翻译插件 英语小白需借助翻译插件 语言国际化

2022-03-17

chrome-json 可视化

方便大家看json字符串

2022-03-17

空空如也

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

TA关注的人

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