- 博客(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
668
原创 手写原生Ajax
手写原生Ajax 1、Ajax function createXMLHTTPRequest() { //1.创建XMLHttpRequest对象 //这是XMLHttpReuquest对象无部使用中最复杂的一步 //需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码 var xmlHttpRequest;
2021-03-15 11:04:25
420
原创 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=tnpm npm install -g cnpm --registry=https://registry.npm.taoba
2020-11-11 16:45:43
338
原创 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
139
原创 关于钩子函数、深浅拷贝、多库共存以及jQuery的闭包函数的定义封装调用执行、数组去重详解
钩子函数 严格意义上来说,就是一个 观察者设计模式 本质特点是: 与 某个函数或者程序 相互挂钩、当程序执行到某个状态或步骤是触发不同的函数程序 只对 jQuery封装的 $.get $.post $.ajax起作用 深浅拷贝 1,只对 应用数据类型 讨论深浅拷贝 2,将 引用数据类型的 内存地址 赋值给一个变量存储 称为浅拷贝 特点 : 两个变量a , b 同时操作一个存储空间 a操作 引用数据类型 b查看 也会看到操作的结果影响 两个变量 a,b 同时操作一个内存地址,一个数据对象 任意一个操作,另一个
2020-09-19 16:12:49
282
原创 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
216
原创 简单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
2405
原创 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
2291
1
原创 彩色圆点气泡跟随 鼠标光标动画特效
彩色圆点气泡跟随 鼠标光标动画特效 效果图如下: 泡泡会根据鼠标的移动在鼠标下方会生成泡泡 然后缓缓上升。 可以父子以下代码看一下实际效果。 1、下面是HTML结构 HTML结构很简单,主要是靠css和一点js去实现 <body> <div> 光标移动查看 </div> <!-- <span></span> --> <script src="script.js" ></script> </.
2020-09-05 12:04:58
1117
原创 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
990
原创 用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
335
原创 弹性盒相关的常用css属性
弹性盒相关的常用css属性 1、添加在父元素上的的属性 div{ display: flex/inline-flex; 声明div为弹性盒 flex-direction: column/column-reverse/ row/row-reverse;
2020-07-29 22:35:38
1580
原创 前端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
455
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅