js
关注
分享
扫一扫
heromps
这个作者很懒，什么都没留下…
展开
-
深入理解WebSocket：从基础到实践
WebSocket提供了一种高效、实时的双向通信机制，广泛应用于实时聊天、游戏、金融数据流等场景。通过理解WebSocket的基本概念、协议细节和实际应用，可以更好地利用这一技术构建高效的实时应用。WebSocket是现代网络通信中一个重要的技术，它在单个TCP连接上实现了全双工通信，使得实时、双向数据传输成为可能。本文将深入探讨WebSocket的基本概念、工作原理、优缺点及实际应用场景，并展示如何在实际开发中使用WebSocket。在金融交易平台中，WebSocket用于推送实时股票价格和交易数据。原创 2024-08-25 09:24:02 · 1155 阅读 · 0 评论 -
解决首页选项卡不能关闭的问题
在src/router/index.js中找到首页路由配置项，修改如下。原创 2024-06-04 00:13:12 · 192 阅读 · 0 评论 -
解决 vue-template刷新页面,页签 TagsView 丢失问题
页面刷新后，TagsView丢失。需要保证vue-template刷新页面,页签 TagsView 不丢失。原创 2024-06-04 00:09:24 · 295 阅读 · 0 评论 -
基于 vue-element-template 框架添加 tagsview
vue-element-template 是一个基础模板，默认没有 tagsview。所以要手动添加。参考最全面的集成方案框架，拷贝和修改相关文件到你的项目中。原创 2024-06-03 23:32:35 · 628 阅读 · 0 评论 -
node报错The engine “node“ is incompatible with this module. Expected version “8 || 10 || 12 || 14 || 1
【代码】node报错The engine "node" is incompatible with this module. Expected version "8 || 10 || 12 || 14 || 1。原创 2024-05-18 22:56:01 · 1021 阅读 · 0 评论 -
JavaScript 事件
JavaScript 事件1、事件介绍事件指的就是当某些组件执行了某些操作后，会触发某些代码的执行。常用的事件了解的事件2、事件操作绑定事件方式一通过标签中的事件属性进行绑定。<button id="btn" onclick="执行的功能"></button>方式二通过 DOM 元素属性绑定。document.getElementById("btn").onclick = 执行的功能3、事件小结事件指的就是当某些组件执行了某些原创 2022-02-26 08:30:00 · 166 阅读 · 0 评论 -
JavaScript操作 DOM
JavaScript DOM1、DOM介绍DOM(Document Object Model)：文档对象模型。将 HTML 文档的各个组成部分，封装为对象。借助这些对象，可以对 HTML 文档进行增删改查的动态操作。2、Element元素的获取操作具体方法代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=原创 2022-02-25 08:30:00 · 186 阅读 · 0 评论 -
JavaScript快速入门
JavaScript快速入门1、JavaScript介绍JavaScript 是一种客户端脚本语言。运行在客户端浏览器中，每一个浏览器都具备解析 JavaScript 的引擎。脚本语言：不需要编译，就可以被浏览器直接解析执行了。核心功能就是增强用户和 HTML 页面的交互过程，让页面有一些动态效果。以此来增强用户的体验！1995 年，NetScape (网景)公司，开发的一门客户端脚本语言：LiveScript。后来，请来 SUN 公司的专家来 进行修改，后命名为：JavaScript原创 2022-02-20 15:58:54 · 320 阅读 · 0 评论 -
checkbox选择框选中状态获取
定义html页面 <span style="margin-left: 20px"> <label for="box">多选框</label> <input type="checkbox" id="box" value="0"> </span>js获取选中状态<script> var box = false; var box_code = -1; var.原创 2021-03-30 09:03:40 · 1382 阅读 · 0 评论 -
js对json数组进行排序
js中有一个sort()方法，可以直接通过arr.sort()进行排序，默认只能对数组的值进行排序，然而有一些数组数据却是json格式的，需要对其进行排序，则需要重新写相关方法sort()方法定义sort()方法用于对数组元素进行排序语法：arrayObject.sort(sortby)参数描述：sortby可选。规定排序顺序即规则，必须是函数返回值：对数组的引用。数组会在原数组上进行排序，不生成副本。注意：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，原创 2021-03-29 09:16:28 · 6468 阅读 · 0 评论 -
npm设置淘宝镜像
当我们在使用npm install xxx 时，由于使用国外镜像，安转速度特别慢，有时甚至会因为网络超时而报错，这时就需要设置mnpm镜像设置淘宝镜像npm config set registry http://registry.npm.taobao.org查看镜像是否设置成功npm get registry 设置npm官网镜像npm config set registry https://registry.npmjs.org使用cnpm代替npm进行安装npm ins原创 2021-03-23 09:30:28 · 115 阅读 · 0 评论 -
jQuery操作下拉框select
获取select值html结构添加select<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></原创 2021-03-22 15:17:48 · 378 阅读 · 0 评论 -
js实现对元素进行解释说明
在页面进行数据展示的时候，有时候我们需要对某一概念金星解释说明，这时可以利用CSS中的hover来实现。html结构 <div id="planinc"> <p id="planinc_describe" class="disnone" style="position: absolute;top: 35px;left: 0px; z-index: 99; background-color: white;box-shadow: 0.5px 0.原创 2021-03-16 08:59:19 · 123 阅读 · 0 评论 -
js实现自定义title提示效果
html结构要实现给定义的节点添加提示效果，需要首先需要添加自定义属性data-title，这是data-title是空的，然后通过js把title的值放到里面<span title="this is a title 1" deta-title>title1</span>关键的CSS设置首先给我们自定义的data-title属性添加一个相对定位设置伪元素content: attr()的值为deta-title content: attr(deta-title)的值，获取原创 2021-03-15 14:26:40 · 2443 阅读 · 1 评论 -
js提取字符串中的数字
前面带数字，后面非数字的，可以使用parseInt来提取var date = "周二 11月 10 16:22:36 2020"var date_list = date.split(" ");// console.log(date_list);var year = date_list[4];//提取11月中的数字11var month = parseInt(date_list[1]);var day = date_list[2];var time = date_list[3];var .原创 2021-03-12 09:55:46 · 1247 阅读 · 0 评论 -
输入框实现智能提示
最近需要做一个在输入框中输入内容时，可以给出智能提示，以遍方便输入结果。于是通过搜索相关资料，最终通过下面的方式实现了。在html中加入输入框标签 <input type="text" id="user" required autocomplete="off">在js中利用id属性加载智能提示不全代码//存放提示的数据，可以利用ajax把需要提示的数据添加进去 var availableTags = []; $.ajax({ url: "/zoa原创 2021-02-20 17:03:44 · 1528 阅读 · 1 评论 -
利用js中正则表达式实现把斜杠替换成点，并去除指定字符串
要实现把斜杠替换成点，考虑使用replace和正则表达式实现要实现去除指定字符串，考虑使用replace来实现由于要把全部斜杠替换成点，所以这个地方需要使用正则全局表达式来实现实现代码如下：var str = "com/action/BuildingManager";// str.replace(/\//g, '.') 如果不加g的话只去除匹配的第一个var package = str.replace(/\//g, '\.')// console.log(package);var nam.原创 2021-01-26 17:01:32 · 2293 阅读 · 0 评论 -
两个或多个按钮点击后，点击按钮样式与其他按钮不同
两个或多个按钮点击后，点击按钮样式与其他按钮不同问题描述：点击一个按钮之后，点击的按钮与其他按钮不能区分开来，使得不知道显示的数据到底是点击那一个按钮显示出来的，于是就想着通过添加class以及点击事件来实现，当点击当前按钮时，可以通过设置添加的class类的样式来实现区别于其他按钮的不同。具体实现：添加两个按钮：<div style="clear: both;"> <button id="button1" class="tip">按钮1</button&g原创 2021-01-15 16:12:32 · 863 阅读 · 0 评论 -
layui 时间刷选查询相关知识点
layui 时间刷选查询结束查询全部时，刷选时间空为空问题需求：要利用时间段对表格数据进行筛选，当点击查询按钮时，展示相应的数据信息，当点击全部数据时显示全部的表格数据，并把时间段数据清空，防止数据误导解决方案：利用layui插件进行时间筛选，通过相关逻辑对数据进行筛选，通过控件输入时间段，通过查询按钮响应事件，进行相关逻辑判断，对数据进行筛选，通过查询按钮，把时间段赋值为空即可清除输入时间段，同时展示全部信息。在Html页面引入时间筛选html标签，同时设置相关id<div class=原创 2021-01-14 14:19:59 · 563 阅读 · 0 评论 -
input里面添加图片
input里面添加图片思路：利用input背景图片来实现，主要使用的是css样background-imagel利用background-image引入图片，background-image: url(/images/teststair/7-日历.png);利用background-repeat去除背景图片重复， background-repeat: no-repeat;利用background-position来设置图片位置， background-position: 80px;具体实现：原创 2021-01-13 17:21:29 · 26322 阅读 · 0 评论 -
istanbul-middleware
istanbul-middlewareistanbul-middleware（后面简称 middleware）本质上是一个基于 express 的网站。但其包含了数个针对 istanbul 覆盖率收集及报告生成的 http 接口，因此可用于作为单独的覆盖率报告生成网站。覆盖率相关接口信息（基础路径为 coverage ，如重置覆盖率数据，需要访问的路径是 http://localhost/coverage/reset ）：URLDescriptionGET /动态生成覆盖率原创 2020-10-29 11:51:35 · 1755 阅读 · 2 评论 -
js根据value值删除元素
js根据value值删除元素问题说明：点击表格的多选框，点击后的多选框，利用事件机制实现多选框数据的获取，然后利用数组转存，点击选择事件后，把数组遍历，通过string类型显示出来，点击取消事件后，把相关数组元素删除，然后遍历数组，在前端把数组数据展示出来。才开始想着用push和pop,结果出现问题。由于push函数是在数组末尾添加元素，而pop是删除数组的最后一个元素。导致不能根据点击的多选框实现数据的增加，删除，所以考虑根据value值删除元素。解决思路：利用for循环便利，找到要删除元素的索原创 2020-10-13 16:51:05 · 1361 阅读 · 0 评论