自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 vue项目报GET http://192.168.32.105:8080/sockjs-node/info?t=1623033929802 net::ERR_CONNECTION_TIMED_OUT

平时在写vue项目的时候经常会遇到这个问题,写着写着浏览器就会突然抛出下面这个报错(这个报错无关紧要,不影响开发,一般不要管他,有强迫症的小伙伴往下看)网上找到的原因是因为sockjs-node库创建了一个低延迟、全双工的浏览器和web服务器之间通信通道,当我们在项目运行的时候会自动调用这个接口,如果没有使用,就会一直报这个错误(企业中跟后端联调之后就不会有这个报错了)解决方法:1.在项目中打开node_modules包并找到/sockjs-client/dist/sockjs.js文件2.编码器(

2021-09-24 10:13:28 507

原创 手写原生Ajax

手写原生Ajax1、Ajaxfunction createXMLHTTPRequest() { //1.创建XMLHttpRequest对象 //这是XMLHttpReuquest对象无部使用中最复杂的一步 //需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码 var xmlHttpRequest;

2021-03-15 11:04:25 351

原创 Node npm包管理

npm包管理npm仓库地址:https://www.npmjs.com/npx(了解)node-modules/.bin/mocha --version# 简化成了:npx mocha --version切换npm源源:源站、镜像源、镜像。切换到阿里提供的npm镜像源地址:https://developer.aliyun.com/mirror/NPM?from=tnpmnpm install -g cnpm --registry=https://registry.npm.taoba

2020-11-11 16:45:43 183

原创 git相关基础命令

1、git命令创建完项目 使用 cd 项目名 进入项目git remote add origin 远程仓库地址 连接远程仓库git add .打包全部git commit -m "注释" 生成历史版本git push -u origin master 上传创建git分支git branch 分支名 创建分支git checkout 分支名 切换到分支git push -u origin 分支名 上传到分支git pull 将远程仓库拉取到本地git add .

2020-11-11 16:43:16 83

原创 关于钩子函数、深浅拷贝、多库共存以及jQuery的闭包函数的定义封装调用执行、数组去重详解

钩子函数严格意义上来说,就是一个 观察者设计模式本质特点是:与 某个函数或者程序 相互挂钩、当程序执行到某个状态或步骤是触发不同的函数程序只对 jQuery封装的 $.get $.post $.ajax起作用深浅拷贝1,只对 应用数据类型 讨论深浅拷贝2,将 引用数据类型的 内存地址 赋值给一个变量存储 称为浅拷贝特点 : 两个变量a , b 同时操作一个存储空间a操作 引用数据类型b查看 也会看到操作的结果影响两个变量 a,b 同时操作一个内存地址,一个数据对象任意一个操作,另一个

2020-09-19 16:12:49 187

原创 js实现防抖节流

HTML样式<body> <div> <input type="text"> <ul></ul> </div></body>CSS样式 <style> * { margin: 0; padding: 0; } div { marg

2020-09-19 15:53:08 138

原创 简单HTML+CSS+JS写出烟花效果

效果简单布局HTML结构这里只用了一个最大的盒子div其他的都是动态生成<body> <div class="box"></div> <script src="./demo.js"></script> <script src="./index.js"></script> <script src="./use.js"></script></body&

2020-09-19 15:46:14 2201

原创 VUE常用指令(最详细、带实例解释)

三、常用指令1、v-cloak作用:解决浏览器在加载页面时因存在时间差而产生的闪动问题原理:先隐藏元素挂载位置,处理好渲染后再显示最终的结果注意:需要与CSS规则一起使用示例:<style> [v-cloak] { display: none; }</style><div v-cloak> {{ message }}</div如果后期有多个元素需要解决闪动问题,可以将v-cloak写在根元素上。2、数

2020-09-19 11:58:47 1799

原创 彩色圆点气泡跟随 鼠标光标动画特效

彩色圆点气泡跟随 鼠标光标动画特效效果图如下:泡泡会根据鼠标的移动在鼠标下方会生成泡泡 然后缓缓上升。可以父子以下代码看一下实际效果。1、下面是HTML结构HTML结构很简单,主要是靠css和一点js去实现<body> <div> 光标移动查看 </div> <!-- <span></span> --> <script src="script.js" ></script></.

2020-09-05 12:04:58 833

原创 jQuery一行代码实现选项卡效果

1、我们都知道jQuery是一个封装好的函数方法库,通过jQuery可以将更加简单的实现链式编程。下面给大家一个一行代码实现选项卡效果。1-1.首先就是先简单的写一下结构样式1.1.1准备工作—从jQuery官网下载方法库放在项目文件中等待html文件加载选项卡业务分析:(1)首先是在一个大的div(盒子)里包着两个小盒子(ul ol)(2)当点击或者经过 ul 里的 li 标签时 ol 里的相同索引的 li 显示 其他的兄弟 li 隐藏(ol 下的li 默认隐藏 在 ul li 被点击时 ol

2020-09-05 11:34:52 867

原创 用css和HTML做loding小动画

用css和HTML做loding小动画1、先进行简单的页面布局1.1我这里是使用了一个div标签包了两个p标签每个p标签里面又包了四个span标签构建了一个简单的页面搭建其余的用css就可以进行下一步操作了<body> <div> <p> <span></span> <span></span> <span></span> <span></s

2020-08-01 15:09:35 219

原创 弹性盒相关的常用css属性

弹性盒相关的常用css属性1、添加在父元素上的的属性div{ display: flex/inline-flex; 声明div为弹性盒 flex-direction: column/column-reverse/ row/row-reverse;

2020-07-29 22:35:38 1455

原创 前端HTML5 简单flex布局

前端HTML5 简单flex布局第一步 提前简单布局1、简单的布局一下HTML页面代码2、我是在div标签中塞了三p标签当然里面也可以用其他标签,这个看个人习惯。<body> <div> <p>第一个盒子</p> <p>第二个盒子</p> <p>第三个盒子</p> </div></body>第二步 简单布

2020-07-28 22:04:02 342

空空如也

空空如也

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

TA关注的人

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