![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 58
firstcode666
这个作者很懒,什么都没留下…
展开
-
HTML界面监控键盘回车Enter按下并绑定动作
<script type="text/javascript"> //监控键盘Enter 回车键按下的动作 document.onkeydown = function(e){ if((e||event).keyCode==13) sendMsg(); }; ///////////////ws创建&监控接收消息处理动作/////////////////////////...转载 2022-03-06 19:09:57 · 1226 阅读 · 0 评论 -
关于javascript中全局变量的利与弊,以及解决全局变量污染的方法
定义全局变量的方法通常有a. var name="aaa"; function test(){ alert(name); } b. name="aaa"; function test(){ alert(name); } c.使用window定义全局变量 window.name="aaa"; function test(){ alert(window.name); ...转载 2022-03-06 19:02:55 · 800 阅读 · 0 评论 -
Mac下安装npm
mac下安装npmHomebrew简称brew,是Mac OSX上的软件包管理工具,能在Mac中方便的安装软件或者卸载软件。1.打开终端,执行以下命令安装Homebrewruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"执行上面命令后会提示输入系统密码,输入密码继续安装。2.如安装成功则会看到:Installation successful!3.此时可以在命..转载 2021-10-12 15:33:06 · 14072 阅读 · 0 评论 -
jQuery捕获-获取DOM元素内容和属性
一、获取内容 1.text()-设置或返回所选元素的文本内容 2.html()-设置或返回所选元素的内容(包括HTML标记) 3.val()-设置或 返回表单字段的值 1 $(document).ready(function(){ 2 $("#btn1").click(function(){ 3 alert("Text: " + $("#test").text()); 4 }); 5 $("#btn2").click(function(..转载 2022-01-19 11:38:31 · 1803 阅读 · 0 评论 -
websocket 发送ping_那些很重要,但是不常用的技术,websocket
1. 为什么会有websocket2. websocket协议格式3. 协议具体实现一、为什么需要 WebSocket?初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP协议做不到服务器主动向客户端推送信息。这种单向请求的特点,注定了如果服务器有连续..转载 2021-12-28 11:37:33 · 4121 阅读 · 0 评论 -
JS箭头函数
查看MDN中更详细的文档箭头函数箭头函数表达式没有自己的this,arguments,super或new.target。引入箭头函数作用引入箭头函数的作用:更简短的函数并且不绑定this更简短的函数let sum = (x,y,z) => { return x+y+z; }不绑定this在箭头函数出现之前,每个新定义的函数都有他自己的this值。(在构造函数的情况下是一个新对象,在严格模式的函数调用中为 undefined,如果该函数被作为“对象方法”调用则...转载 2021-12-28 11:33:17 · 205 阅读 · 0 评论 -
JS中的bind()方法
Function.prototype.bind()方法转自——JS中的bind()方法_kongjunchao159的博客-CSDN博客_bind方法bind()方法主要就是将函数绑定到某个对象,bind()会创建一个函数,函数体内的this对象的值会被绑定到传入bind()第一个参数的值,例如,f.bind(obj),实际上可以理解为obj.f(),这时,f函数体内的this自然指向的是obj例子 var a = { b : function...转载 2021-12-28 11:32:08 · 5117 阅读 · 1 评论 -
JS中this关键字详解
本文主要解释在JS里面this关键字的指向问题(在浏览器环境下)。阅读此文章,还需要心平气和的阅读完,相信一定会有所收获,我也会不定期的发布,分享一些文章,共同学习首先,必须搞清楚在JS里面,函数的几种调用方式: 普通函数调用 作为方法来调用 作为构造函数来调用 使用apply/call方法来调用 Function.prototype.bind方法 es6箭头函数 但是不管函数是按哪种方法来调用的,请记住一点:谁调用这个函数或方法,th..转载 2021-12-28 11:30:12 · 817 阅读 · 0 评论 -
uni-app中websocket的使用 断开重连、心跳机制
前言最近关于H5和APP的开发中使用到了webSocket,由于web/app有时候会出现网络不稳定或者服务端主动断开,这时候导致消息推送不了的情况,需要客户端进行重连。查阅资料后发现了一个心跳机制,也就是客户端间隔一段时间就向服务器发送一条消息,如果服务器收到消息就回复一条信息过来,如果一定时间内没有回复,则表示已经与服务器断开连接了,这个时候就需要进行重连。被动断开则进行重连,主动断开的不重连。说明:下图针对两个Tab项(Open Trades 和 Closed Trades),只希望在..转载 2021-12-28 10:44:33 · 4922 阅读 · 6 评论 -
javaScript的箭头函数详解
理解使用普通函数基于 this 编程带来的令人沮丧的问题是很重要的,因为这是新的 ES6 箭头函数 => 特性引入的主要动因。来展示一下与普通函数相比箭头函数是什么样子:function foo(x,y) {return x + y;}// 对比var foo = (x,y) => x + y;箭头函数定义包括一个参数列表(零个或多个参数,如果参数个数不是一个的话要用 ( .. )包围起来),然后是标识 =>,函数体放在最后。只有在函数体的表达式个数多于 1...转载 2021-12-28 10:41:01 · 663 阅读 · 0 评论 -
js:如何获取select选中的值
我想获取select选中的value,或者text,或者……比如这个:<select id="select"> <option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第二个option</option></select>一:JavaScript原生的...转载 2021-12-15 21:19:19 · 24704 阅读 · 4 评论 -
layui页面动态元素没有渲染出来的解决方案
关于layui页面动态元素没有渲染出来的解决方案本文主要介绍angluarJS与layui整合使用过程中页面加载时一些动态元素没有显示出来的解决办法。1、首先在对应的JS文件中自定义repeatFinish指令在js的末尾自定义repeatFinish指令,需要结合html中的repeat-finish标签来使用,用于监听列表数据渲染完毕的状态。// An highlighted blockApp.directive('repeatFinish', function () { ret...转载 2021-12-15 21:15:41 · 1764 阅读 · 0 评论 -
SyntaxError: Unexpected end of JSON input解决方法和思路
最近在写一个前后台交互的需求,前台点击编辑按钮,直接报错:SyntaxError: Unexpected end of JSON input。网上查了下基本都是 一般**“ ”(双引号), ‘ ’(单引号) ,{},[]**未成对输入时导致报错。但是我这边没法解决。重新检查了JavaScript的代码,具体代码如下 case 'edit': rdata = { ...转载 2021-12-11 16:03:45 · 16247 阅读 · 0 评论 -
laydate插件回调函数及触发方式
/*** 时间控件*/laydate.render({ elem: '#endDate' // 控件触发的标签 ,trigger: 'click' // 事件类型 ,done: function(value, date, endDate){ // 回调函数 $("#endDate").focus(); }});————————————————版权声明:本文为CSDN博主「binglong180」的原创文章,遵...转载 2021-12-06 16:45:47 · 1297 阅读 · 0 评论 -
ueditor调用上传图片和附件
说到百度富文本编辑器ueditor(下面简称ue),我不得不给它一个大大的赞。我们在网站建设、前端开发时,网站的内容管理就使用了它。对于它的多图片上传和附件上传,个人感觉很好用,我就琢磨着是否可以外部调用多图上传和附件上传组件为自己所用,并封装成一个插件,节省单独开发的成本。有了这个想法后,着手操作,理下实现思路,得出实现的关键在于监听这两个组件在编辑器里的插入动作。打开源码,苦心研究,皇天不负苦心人,终于摸索出解决方法,现在分享出来,给拥有同样想法的小伙伴,为网站建设届尽一份力。注:本文基于U..转载 2021-11-30 22:04:39 · 836 阅读 · 1 评论 -
layui中laydate的使用——设置动态时间范围限制、重置时间范围(清空动态限制)
如果使用layui插件,然后在时间设置上,有范围限制的需求时,可以直接使用range,这里主要讲,不用range,而是用两个独立的时间选项,如何做时间范围的控制!!!目录应用场景需求分析前端代码js代码注意事项:最终实现:应用场景需求分析发起时间的默认最大可选值为当前日期发起时间从,的最大可选日期为,发起时间至选中的日期发起时间至,的最小可选日期为,发起时间从选中的日期单击重置时,发起时间从,发起时间至,的时间范围限制恢复为默认情况,即清空动态变化比如:.转载 2021-11-30 22:03:17 · 6185 阅读 · 0 评论 -
$body.on(‘click‘,‘button‘,function() {中.on在这里是什么意思的
$body.on('click','button',function() {中.on在这里是什么意思的 on表示将事件绑定在body上,第一个参数click表示点击事件绑定到body对象,第二个表示冒泡到button则触发,第三个是触发的函数转载 2021-11-29 07:35:16 · 3005 阅读 · 0 评论 -
layui.use是什么意思
layui有很多个模块。如果不是引入layui.all.js,那么在使用模块的时候就需要使用layui.use来加载模块。如要加载mod1和mod2 两个模块。layui.use(['mod1', 'mod2'], function(args){ var mod = layui.mod1; //...}); ————————————————版权声明:本文为CSDN博主「chushiyunen」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及...转载 2021-11-29 07:34:06 · 1518 阅读 · 1 评论 -
DOM事件之事件冒泡
什么是事件流?事件流----描述的是从页面中接受事件的顺序。IE浏览器的是事件冒泡流什么是事件冒泡呢?事件冒泡:指事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。例如:<div id="box"> <input type="button" value="按钮" id="btn"/> </div>当点击了该按钮的时..转载 2021-11-29 07:33:19 · 333 阅读 · 0 评论 -
webuploader的一些坑
项目经理安排一个工作,让写一个文件上传,要求可以上传录音和文本,非常简单,写完之后去客户那里测试发现问题,客户只有IE9,并且要求支持多选,没办法只能再继续找其他的插件了,最后找到了webuploader这个插件。说实话,这个插件功能很强大,就是有一个问题,api写的太low了,好多内容api中都没有,只能靠自己慢慢发现坑在慢慢填坑了。1、点击按钮不会出现弹框。按照api中的例子写了一个简单的上传,但是发现怎么点击都没反应,百思不得其解啊,无意中发现了当按F12时就可以点击了,但是不可能让客..转载 2021-11-28 12:33:34 · 513 阅读 · 0 评论 -
js 刷新当前页面
分类编程技术本文为大家介绍三种js 刷新当前页面的方法:reload() 方法; replace() 方法; 页面自动刷新;方法1:reload() 方法reload()方法用于刷新当前文档。reload() 方法类似于你浏览器上的刷新页面按钮。location.reload();更多关于reload() 方法请参考文档:http://www.runoob.com/jsref/met-loc-reload.html方法2:replace() 方法repla...转载 2021-11-28 12:30:50 · 5975 阅读 · 0 评论 -
用JS添加和删除class类名
用JS添加和删除class类名 下面介绍一下如何给一个节点添加和删除class名 添加:节点.classList.add("类名"); 删除:节点.classList.remove("类名"); 以tab切换为例: 在写tab切换的时候,通常我们会给选中的tab设置不同的样式,常用的方法是给被选中的tab新增一个class名,然后改这个class名的样式。 比如 起一个class名叫“active” 设置样式 .a...转载 2021-11-28 12:29:45 · 10724 阅读 · 0 评论 -
JS获取子节点、父节点和兄弟节点的方法实例总结
1.js获取子节点的方式1.通过获取dom方式直接获取子节点var a = document.getElementById("test").getElementsByTagName("div");2.通过children来获取子节点利用children来获取子元素是最方便的,他也会返回出一个数组。对其获取子元素的访问只需按数组的访问形式即可。 1 var getFirstChild = document.getElementById("test").c...转载 2021-11-28 12:00:58 · 1947 阅读 · 0 评论 -
JS实现文档加载完成后执行代码
本文给大家讲述的是使用javascript实现文档加载完成后再执行代码的方法和示例,非常简单实用,有需要的小伙伴可以参考下。在执行某些操作的时候,需要当文档完全加载完成之后再去执行,否则可能出现意向不到的情况,先看一段代码实例: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ..转载 2021-11-27 17:59:18 · 769 阅读 · 0 评论 -
前端 js 页面加载完成事件 - onload,五种写法
在js和jquery使用中,经常使用到页面加载完成后执行某一方法。通过整理,大概是五种方式(其中有的只是书写方式不一样)。1:使用jQuery的$(function){};2:使用jquery的$(document).ready(function(){});前两者本质上没有区别,第1种是第2种的简写方式。两个是document加载完成后就执行方法。3:使用jQuery的$(window).load(function(){});4:使用window.onload = functi..转载 2021-11-27 17:58:01 · 4728 阅读 · 0 评论 -
$(function(){})什么时候执行
$(function() {}),即$(document).ready(function(),什么时候执行?以此为准,真理$(function() {//执行操作});$(function() {})是$(document).ready(function()的简写。这个函数什么时候执行的呢?答案:DOM加载完毕之后执行。DOM是什么?DOM就是一个html页面的标签树,树,树。那么什么时候,DOM加载完成了呢?即页面所有的html标签(包...转载 2021-11-27 17:55:59 · 227 阅读 · 0 评论 -
jQuery中$.fn的用法
在jQuery插件中,常常看见这样的结构,开始自己也是不理解后来通过查阅资料,慢慢的理解其中的大意,所以先总结出来。(function( $, window, document, undefined ){}){ //...code}(jquery,window,document)1.立即执行函数:(function(){})()这是一个自调函数,函数定义好之后自动执行。(function(){})表示一个匿名函数,而后面紧跟着的()表示立即调用此函数。而且()也是向函数传递...转载 2021-11-27 17:53:18 · 722 阅读 · 0 评论 -
JavaScript Date getTime() 方法
实例返回自 1970/01/01 以来的毫秒数:var d = new Date();var n = d.getTime();Date.parse()Date.parse()方法解析一个表示某个日期的字符串,并返回从1970-1-1 00:00:00 UTC 到该日期对象(该日期对象的UTC时间)的毫秒数,如果该字符串无法识别,或者一些情况下,包含了不合法的日期数值(如:2015-02-31),则返回值为NaN。不推荐在ES5之前使用Date.parse方法,因为字符串的解析完.转载 2021-11-27 17:48:02 · 6097 阅读 · 0 评论 -
Javascript报uncaught typeerror illegal invocation错误
今天在写js代码的时候遇到一个奇怪的错误,uncaught typeerror illegal invocation。 这个错误以前一直没遇到过,不知道是什么问题,于是我仔细看我的代码,才发现是因为自己粗心,在用ajax向后台传值的时候把一个对象当作参数传上去了,所以才会报这个错误。。。简直无语了,以后不能粗心大意啊。。 这么低级的错误啊。。在这里记录一下,以免下次再犯。。。————————————————版权声明:本文为CSDN博...转载 2021-11-27 17:45:19 · 386 阅读 · 0 评论 -
js 中日期转换成时间戳
js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型,之后再将Date类型转化为时间戳类型,其中时间字符串有要求,形式必须是 yyyy-MM-dd HH:mm:ss 的形式,当然,也可以只是 yyyy-MM-dd, 就是 2013-08-30,如下:此处会得到一个 Date 类型的数据,获得时间戳数据,需要对日期对象进行操作,将日期转化为时间戳有三种方式,如下:1. var time1 = date.getTime();2.var time...转载 2021-11-26 21:19:51 · 8639 阅读 · 0 评论 -
js保留两位小数方法总结
本篇文章给大家总结了js保留两位小数的各种方法以及每种方法的实例代码分析,如果大家对此有需要,一起来学习下js保留两位小数的方法吧。本文是小编针对js保留两位小数这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析,以下是全部内容:一、我们首先从经典的“四舍五入”算法讲起1、四舍五入的情况 1 2 var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.45转载 2021-11-26 21:18:06 · 20490 阅读 · 0 评论 -
JS跳转链接的几种方式
1 . 跳转链接 在当前窗口打开window.location.href="http://www.baidu.com" 1等价于<a href="baidu.com" target="_self">go baidu</a>12、跳转链接 在新窗口打开window.open("http://www.baidu.com")1等价于<a href="baidu.com" target="_blank">go baidu</a&...转载 2021-11-16 22:51:47 · 4263 阅读 · 0 评论 -
js 判断数组中是否包含某个元素(转载)
来源:https://www.cnblogs.com/yunshangwuyou/p/10539090.html方法一:array.indexOf(item,start):元素在数组中的位置,如果没与搜索到则返回 -1。参数 描述 item 必须。查找的元素。 start 可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。 如省略该参数,则将从字符串的首字符开始检索。 ..转载 2021-11-16 22:50:21 · 2443 阅读 · 0 评论 -
浅谈JS中的 eval函数
eval()是一个函数,有且只有一个参数string,为字符串类型eval(string)特点:若string为js代码时,会直接解析执行,若是普通字符串,则返回原字符串。#2.实例2.1参数string为js代码:eval("var a =1;var b=4; alert(a+b)");执行结果是:alert出一个5123执行过程 :eval将字符作为js进行解析,先进行运算,再alerteval("alert('hello')");执行结果:alert..转载 2021-11-05 09:57:06 · 1395 阅读 · 0 评论 -
原生js操作dom方法之insertAdjacentHTML
概述insertAdjacentHTML() 将指定的文本解析为HTML或XML,并将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素,因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤,使其比直接innerHTML操作更快。语法element.insertAdjacentHTML(position, text);position是相对于元素的位置,并且必须是以下字符串之一:beforebegin: 元素自身的前面。 afterbegin: 插入元...转载 2021-10-31 13:20:01 · 983 阅读 · 0 评论 -
JavaScript中如何删除节点?
2019-08-17阅读(7360)在JavaScript中可以使用removeChild()或remove()方法来删除节点。下面本篇文章就来给大家具体介绍一下,希望对大家有所帮助。方法1:使用remove()删除节点remove()方法可用于删除父节点上的所有元素,包括所有文本和子节点。示例:删除ul节点 上的所有子节点li<!DOCTYPE html><html><head> <meta charset="utf-8"&..转载 2021-10-31 12:45:07 · 19548 阅读 · 0 评论 -
JS中怎么获取checkbox选中的值?
有两种方法:1、方法一HTML结构如下:2、方法二javascript代码如下:3、显示效果如下:js获得多个checkbox选中的值的方法:一、代码如下:二、后台获得参数为: //获得的均为数组值: String checboxValues=request.getParameter("checboxValue"); String checboxTexts=request.getParameter("checboxText"); //得..转载 2021-10-30 15:24:50 · 20907 阅读 · 0 评论 -
使用postman测试接口时需要先登录怎么办
1、先用浏览器登录,通过f12,捕获,获取jsessionid2、写入postman的cookie使用laravel时是laravel_session3、这样再用postman进行接口调用,服务器就识别到已经登录了,就直接给你相关资源,而不是拦截你去登录了————————————————版权声明:本文为CSDN博主「、唐城」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/qq_41570..转载 2021-10-30 12:53:14 · 3624 阅读 · 0 评论 -
js获取select的值
var t = document.getElementById("provid");console.log(t.value);console.log(t.text); //未定义console.log(t.selectedIndex); //有效var text = t.options[t.selectedIndex].text; // 选中文本var value = t.options[t.selectedIndex].value; // 选中值console.log(tex...转载 2021-10-29 13:01:37 · 358 阅读 · 0 评论 -
Ajax 简单的实例代码
<!DOCTYPEHTML><html><head><scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script><scripttype="text/javascript">$(function(){//按钮单击时执行$("#testAjax").click(function(){...原创 2021-10-09 08:08:52 · 1323 阅读 · 0 评论