![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
冰冷的希望
坚持记录,相互帮助,一起进步
展开
-
【js】SSH隧道远程连接mysql
使用方式就是,首先通过ssh2连接上跳板机服务器,然后再利用forwardOut()方法转发数据,拿到stream,再传给MySQL就可以连接上了,参考代码如下。MySQL被部署在某个机器上,为了安全,需要通过一个跳板机进行访问,该跳板机可以有ssh访问,给了一个私钥Key文件和一个通行短语,如果是Python,可以。本文是通过nodejs实现,由于我在网上没有找到类似的代码,故自己搞出来之后记录一下,也希望能帮到有跟我一样需求的同学。因为环境用的是nodejs,所以可以直接使用npm安装就行,需要。原创 2023-11-30 14:59:55 · 2222 阅读 · 0 评论 -
【js】点击让窗口抖动动画效果
比如说用户的未输入密码就点击登录按钮,则输入框会晃动一下提示用户需要输入,实现这种效果很简单,只需要给元素添加一个类,然后做一个关键帧动画即可。原创 2022-09-06 16:55:18 · 1409 阅读 · 0 评论 -
【js】获取当前时间的前后n天或前后n个月(时分秒年月日都可)
方法由很多,但原理都是先获取当前时间再加减时间差new Date()时传入一个加减处理之后的时间戳即可2.api设置Date对象有很多get和set方法分别获取和设置时分秒年月日原创 2022-07-06 15:02:16 · 1958 阅读 · 0 评论 -
【js】使用filter函数过滤数组里的json再嵌套数组里的项
1.背景在工作中遇到一个问题,服务器返回了一个数组,里面嵌套json,json里又有数组,每个数组又都是json,需要在这些json的某个字段搜索符合要求的json并且保留下来。该数组的结构如下var arr = [ { "A": "xxxxx", "B": [ { "aa":"xxxxxxx", "bb": "被搜索文字11" }, { "aa":"xxxxxx原创 2020-12-30 20:21:19 · 3116 阅读 · 0 评论 -
【js】ajax的简单使用
1ajaxAJAX 是 Asynchronous JavaScript and XML的缩写,即异步的 JavaScript 和 XML。它是jQuery里的方法作用是可以发起异步请求,到达局部刷新的目的2.发起ajax请求写法1:$.ajax(对象)<!DOCTYPE html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt原创 2020-08-14 14:25:06 · 812 阅读 · 1 评论 -
【js】对象转JSON
1.对象创建对象的两种方式//通过对象字面量创建一个对象var Person1 = { name:'小米', age:18, sayHello: function(){ alert('你好,我是'+this.name) }}console.log(Person1.name);Person1.sayHello();//Object类型来实例化一个对象var Person2 = new Object();Person2.name = '小红';原创 2020-08-14 14:24:08 · 1294 阅读 · 0 评论 -
【js】jQuery常用事件和委托事件
1.JQuery大概有以下几个常用事件事件说明click()鼠标单击事件focus()获取焦点事件,比如说处于输入状态blur()失去焦点事件mouseover()鼠标进入事件mouseout()鼠标离开事件dblclick()双击鼠标事件change()文本发生变化事件keypress()按下键盘事件HTML代码<!DOCTYPE html><html lang="en"><head&原创 2020-08-12 19:45:39 · 236 阅读 · 0 评论 -
【js】jQuery获取和修改元素的内容、属性、css样式
1.获取和修改元素内容我们可以使用html()方法获取元素内容和修改内容,类似于元素js的innerHTMl当html()方法不传参数的时候即是获取该元素的内容,若传参数,参数即该元素被修改后的内容<body> <div id="div1"> <ul class="list"> <li>111</li> <li class="li1">222</li&g原创 2020-08-12 19:42:31 · 3162 阅读 · 0 评论 -
【js】JQuery选择器、选择集过滤、选择集转移
1.选择器选择器的的作用就是选取元素,用法与css选择器差不多,大概有以下几种选择器说明标签选择器直接写标签名类选择器以小数点开头id选择器以#开头层级选择器选择器之间用空格隔开属性选择器根据属性来选择<body> <div id="div1"> <ul class="list"> <li>111</li> <原创 2020-08-12 19:41:08 · 256 阅读 · 0 评论 -
【js】数组元素的增删
1.创建数组有两种创建数组的方式// 创建方式 1aList1 = [1,2,'3',[1,2],5]console.log(aList1)// 创建方式 2aList2 = new Array(1,2,'3',[1,2],5)console.log(aList2)2.数据的增删方式一:push()和pop()//增加元素到末尾aList1.push(6)console.log(aList1)//删除末尾元素var ys = aList1.pop()console.log(原创 2020-08-12 13:21:57 · 346 阅读 · 0 评论 -
【js】原生JS获取元素和修改元素属性
原生js获取标签可以使用内置对象document,获取到标签之后可以直接获取或修改属性1.document获取标签getElementById() 根据id获取元素,只会返回第一个元素getElementsByName() 获取所有指定name的元素集合getElementsByTagName() 返回所有指定标签的元素集合2.修改元素属性名在js中的写法html的属性和js里面属性大多数写法一样,但是 “class” 属性写成 “className”“style” 属性里面的属性,有原创 2020-08-12 11:44:21 · 2286 阅读 · 0 评论 -
【js】运算符、条件语句、for循环
1.比较运算符比较运算符说明==等于,只比较值,不比较类型,比如说6=='6’为true===全等,值和类型都比较,例如6==='6’为false!=不等于 ,例如6!=7为true>大于,例如6>7为false<小于,例如6<7为true>=大于或等于,例如6>=6为true<=小于或等于,例如6<=5为false2.逻辑运算符逻辑运算符描述&&原创 2020-08-12 10:42:01 · 223 阅读 · 0 评论 -
【js】函数、局部变量与全局变量
1.函数js的函数与其他语言的函数一样,有函数名、参数、函数体、返回值<script type="text/javascript"> // 函数定义 function myFunction(a,b){ alert('hello world!'); console.log(a) console.log(b) return a+b } //调用函数var sum = myFunction(1,2)&原创 2020-08-12 09:06:30 · 342 阅读 · 0 评论 -
【js】js的数据类型
JS六种数据类型1、number 数字类型2、string 字符串类型3、boolean 布尔类型4、undefined undefined类型5、null null类型6、object 对象可以使用 typeof()函数查看变量的类型//1.number,赋的值是数字var num = 1.1; //2.string,赋的值用引号var str = 'abc'; //3.boolean,true和false都是小写var isFlag = false; //4.undefine原创 2020-08-11 16:31:11 · 109 阅读 · 0 评论 -
【js】js三种引用方式
1.jsjs是JavaScript的简写,但是跟JAVA没有任何关系。js是一种结实型的语言js是运行在浏览器端的脚本语言,它的作用就是负责网页和用户的交互效果2.引用js的三种引用方式<!DOCTYPE html><html><head> <title>js</title> <!-- 内嵌式,script标签可以放在HTML内的任何位置 --> <script type="text/javascript">原创 2020-08-11 16:10:16 · 1121 阅读 · 0 评论 -
【js】改变radio的值动态改变下拉框(select)的值
1、使用到jQuery在html文档里引入jQuery库<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>2、html代码在html文件里新建好radio,再新建一个select,设置好option,改变radio的值则select的值也发生改变<div class="learningType" > <input type="radio" name原创 2020-05-20 14:49:35 · 1153 阅读 · 0 评论 -
【js】读取Excel文件(xlsx格式),并用表格(table)展示数据
1、效果2、下载xlsx.mini.jsGitHub上有一个读取Excel文件的项目https://github.com/SheetJS/sheetjs因为我只是想要读取xlsx文件,故只下载了项目里的一个xlsx.mini.js文件3、主要代码<script type="text/javascript" src="js/xlsx.mini.js" ></script><script> var excelFile; // 读取文件的内容 fun原创 2020-05-19 23:02:06 · 8979 阅读 · 0 评论