笔记
关注
分享
扫一扫
秋刀鱼没有猫滋味
滑天下之大稽吧
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue中的ref属性
el，el，el，ref和$root的使用$el是获取当前dom元素$refs是获取当前设置了ref属性的元素 <div id="main"> <h3 ref="a">xixixixiix</h3> <p ref="b">加油呀</p> <son ref="ccc"></son> <button @click="test">调用子组件中的方法和属性<原创 2020-07-18 20:38:40 · 656 阅读 · 0 评论 -
实时获取数据
实时获取服务器的最新数据轮询在客户端定义一个定时器，定时的向服务器发起请求获取最新的数据websocket长连接在客户端和服务器之间建立一个长连接，服务器端有最新的数据之后，会主动的推送给客户端socket.io总结面试时常见的问法在项目中如果实时的获取服务器最新的数据？如何统计当前的实时在线人数？如何实现一个聊天室？轮询和websocket的区别？轮询是传统的方式，不存在浏览器兼容性问题。定时的发送网络请求轮询对客户端的电脑资源会造成额外的开销，如果页面中的定时器过原创 2020-07-18 19:18:58 · 616 阅读 · 0 评论 -
文件上传
1.vue写法首先设置一下HTML<!-- 在页面中防止一个影藏的file标签，change事件表示文件选择之后触发 --> <div class="imgs"> <img :src="imgUrl" @click="imgSelect" style="width:100px" /> </div> <input type="file" style="display:none" ref="file" @change=原创 2020-07-18 19:07:57 · 178 阅读 · 0 评论 -
es6语法
ES6语法ES版本的JavaScript语法，是一个非常重要的版本对于JavaScript的功能上有一个极大的丰富让JavaScript从弱类型一眼，提升到了半强类型语言1.新增变量的定义：let,const关键词定义变量let定义变量：多用于基本数据类型和循环中特点：不会进行预解析，与forEach()中的变量类似，每次执行都会定义一个新的互不影响的变量不能重复定义变量名称，一个...原创 2020-04-19 13:50:56 · 221 阅读 · 0 评论 -
JavaScript之箭头函数
箭头函数：函数的另一种语法形式const fun =function(){} 普通函数const fun=()=>{} 箭头函数将匿名函数部分，由function(){}写成()=>{}只有一个参数，小括号可以不写，直接定义一个参数const fun = e=>{}如果执行体中只有一行代码，可以不写大括号const fun = e=>console...原创 2020-04-09 23:08:14 · 260 阅读 · 0 评论 -
JavaScript节点操作之获取节点
1.获取当前标签中所有的子级节点，执行结果是一个伪数组，可以forEach()形式是与querySelectorAll()获取的伪数组是一样的oDiv.childNodes2.获取当前标签中，所有的元素节点/标签节点，执行结果是一个伪数组，不可以forEach()oDiv.children3.获取当前标签中，第一个节点oDiv.firstChild4.获取当前标签中，最后一个节点o...原创 2020-04-08 22:07:24 · 562 阅读 · 0 评论 -
JavaScript之轮播图
html部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc...原创 2020-04-07 23:42:59 · 155 阅读 · 0 评论 -
JavaScript之事件监听
事件监听普通事件绑定方式，绑定多个相同事件，只会执行最后一个事件绑定函数事件监听方式：标签对象.addEventListener(‘事件类型’，事件处理函数)第三个参数：true/falseoDiv.addEventListener(‘click’,function(){console.log(‘123’);})oDiv.addEventListener(‘click’,funct...原创 2020-04-03 23:24:14 · 186 阅读 · 0 评论 -
JavaScript之轮播图运动函数
var oDiv=document.querySelectoe('div');var oBtn=document.querySelector('button')function move(ele，obj){//先通过for...in循环，来调用参数2，获取其中的执行属性和目标位置的数值//目前是obj中，有一个单元会循环一次，生成left方向的定时器//如果obj中，有多个单元，会循环多...原创 2020-04-02 23:15:19 · 295 阅读 · 0 评论 -
JavaScript之选项卡效果
所谓的选项卡效果就是如下点击相应的按钮出现相应的效果，这个用JavaScript怎么完成呢，这篇文章我们就来讲解一下html代码我们是用两个ul列表来完成的 <div> <ul class="list1"> <li class="active">效果1</li> <l...原创 2020-04-01 22:08:11 · 611 阅读 · 0 评论 -
JavaScript之键盘事件和触摸事件
键盘事件：与按键相关的事件键盘事件，不能绑定给某个标签必须是window或者documentkeydown：按下事件，如果按住不放，就会一直触发keyup：放开事件1.window.οnkeydοwn=function(){}2.document.οnkeydοwn=function(){}必须是可以被选中的标签，可以获取焦点的标签input,select,textarea,but...原创 2020-03-31 21:48:42 · 526 阅读 · 0 评论 -
JavaScript之鼠标事件
1.左键单击事件：有两个动作完成，一个是鼠标按下，一个是鼠标抬起如果只有按下，只会触发mousedown鼠标抬起才会触发clickclick—标签对象.οnclick=function(){}2鼠标左键双击事件：dblclick—标签对象.οndblclick=function(){}3.右键单击事件：contextmenu—标签对象.οncοntextmenu=function(){}...原创 2020-03-31 00:25:31 · 330 阅读 · 0 评论 -
JavaScript之如何将字符串'100px'转化成数值100
方法一：parseInt()方法parseInt()方法将其他数据类型强制转化成数类型转化原则是：parseInt(true/false/null/undefined/对象/数组)转化为NaN字符串的转化：parseInt(‘123.123abc’)===123parseInt(‘abc123’)===NaNparseInt(‘123’)===123parseInt(3.14e3)...原创 2020-03-29 00:47:33 · 4025 阅读 · 0 评论 -
DOM操作之获取元素占位
宽度，高度，margin，padding，border1.可以通过标签样式来获取获取到的结果是属性值有px单位window.getComputedStyle(oDiv).height2.其他方式offsetHeight offsetWidth宽/高+padding+borderclientHeight clientWidth高/宽+paddingclientLeft cl...原创 2020-03-29 00:08:10 · 443 阅读 · 0 评论 -
JavaScript之表格生成，增加和删除操作
1,定义全局作用域变量tbody标签对象 数组arr 新增button按钮2,调用生成table表格函数,生成页面;setTab();3,给新增button按钮,添加事件标签.onclick = funciton(){}获取数据,姓名,年龄,性别,城市将四个数据,生成对象,对象的解构与arr数组中的对象,结构一致将生成的对象,新增写入到arr数组中根据新的数组,再重新渲染,生...原创 2020-03-27 22:45:35 · 384 阅读 · 0 评论 -
BOM之浏览器常见事件
事件的定义：所谓的事件，就类似于一个约定，当触发条件时，就会执行指定的程序1.click点击事件给标签绑定点击事件 当标签触发 点击条件时 执行绑定的程序click 点击事件 — 事件类型onclick 绑定点击事件 , 给标签绑定一个事件类型事件处理函数 , 触发事件时,执行的程序也可以是一个已经定义好的函数给div标签,绑定了一个事件类型事件类型是点击事件类型点div标签...原创 2020-03-26 22:37:38 · 311 阅读 · 0 评论 -
JavaScript之异步执行
计算机程序执行分为同步执行和异步执行所谓的同步执行，就是正常的计算机程序执行的顺序顺序控制语句 从上至下，从左至右分支控制语句 if switch循环控制语句 for，while，do…while()所谓的异步执行，是一种特殊的程序的执行方式setInterval setTimeout事件的绑定 onclick…ajax请求所谓的异步执行程序1.所有异步程序的执行，都会...原创 2020-03-25 23:58:12 · 332 阅读 · 0 评论 -
JavaScript之定时器
定时器：根据设定的时间间隔，来循环执行程序只要定时器不停止，程序就会一直执行setInterval(参数1，参数2)参数1：要执行的程序，必须是一个函数的形式function(){定义程序}参数2：执行程序的时间间隔，单位是毫秒时间间隔不能无限小，与计算机的刷新频率有关60Hz，代表1s刷新60次1次就是1000/60----16.66666…毫秒我们最少定义0.1s，也就是10...原创 2020-03-24 23:17:46 · 120 阅读 · 0 评论 -
JavaScript之生成随机颜色和随机大小像素
随机数Math.random()随机生成一个0-1的小数，可以使0，不可以是1生成a-b范围的随机数，a小b大公式parseInt(Math.random()*(b-a+1)+a)1.应用：随机颜色设定因为Math.random()只能是随机数值因此使用rgb()语法来设定颜色数值范围是0-255rgb(数值1，数值2，数值3)<body> <p id=...原创 2020-03-23 23:43:03 · 338 阅读 · 0 评论 -
JavaScrip-引用数据类型的深浅拷贝
简单数据类型的赋值：var str1='haha'var str2;str2=str1;str1='xixi';console.log(str1);console.log(str2);这里控制台的输出结果是很明显，将str1的值赋给str2之后，如果再对str1的值做出改变的话，对str2的值没有影响，因为这里进行的是将str1变量的值赋给str2。接下来我们来看引用数据类型的...原创 2020-03-21 18:02:17 · 149 阅读 · 0 评论 -
JavaScript之冒泡排序
冒泡排序原理：相邻的两个单位，比较存储的数据如果第一个单元的数据比较大，就将两个相邻单元交换存储数据、过程：从起始单元开始比较，第一次循环，会选择出一个最大值，放在数组的最后面之后每次循环都会找出本次循环最大值，放在当前参与比较单元的最后面、之前已经比较选出的单元，不会参与下一次比较代码：var arr=[.......];通过循环，生成所有的索引下标// 外层循环,循环执行排序...原创 2020-03-20 22:56:51 · 105 阅读 · 0 评论 -
JavaScript之选择排序算法
过程：先定义循环的起始位置默认为最小值所再的位置从起始位置的下一个位置开始，执行循环如果有位置上的数值小于存储索引位置上的数值就存储这个位置的索引值循环结束，比较存储的索引，是否是起始位置索引如果不是，就交换两个位置上的数值会将本次循环的最小值，放置在循环的起始位置上执行多次循环，完成排序程序：var arr=[....]// 外层循环,实现排序循环次数,次数是单元个数 -1...原创 2020-03-19 23:11:59 · 170 阅读 · 0 评论 -
js_数组的应用：生成表格
根据数组的内容，生成页面中的table表格我们从数据库或者借口获取到的数据信息，往往都是数组形式基本都是二维数组形式html部分是<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2020-03-18 23:13:13 · 1857 阅读 · 1 评论 -
JavaScript之变量的作用域
变量的作用域：所谓的变量作用域，就是变量的使用范围每一个变量都有自己的适用范围作用域分为两种定义在函数中的变量，称为局部作用域/局部变量包括函数的参数，定义在函数内部的变量，都成为局部作用域/局部变量只能在函数内部被调用使用函数外部不能直接调用使用只要是在函数外部，调用函数内部的变量，都是报错定义在函数之外的变量，称为全局作用域/全局变量在函数内部是可以调用全局作用域变量的，但...原创 2020-03-17 23:26:46 · 120 阅读 · 0 评论 -
JavaScript_函数封装的基本步骤
1.定义程序来实现功能的需求2.定义函数，将程序放在{}中，封装程序3.定义参数4.定义返回值5.考虑容错机制函数的执行，对于参数是要有要求的，如果参数出现问题要么终止程序的执行，要么对参数进行处理1.使用return关键词来终止函数的执行在switch判断中和循环语句中，可以用break来终止程序的执行在函数中要终止函数的执行，不能用break，需要使用return关键词2....原创 2020-03-16 22:29:47 · 1341 阅读 · 0 评论 -
JavaScript_数据类型之_undefined和null
undefined:定义了一个数据，但是没有给他赋值，这个时候他就是一个undefined类型的数据null:定义了一个数据，他有数值，但是数值为空原创 2020-03-14 23:21:21 · 148 阅读 · 0 评论 -
JavaScript_for循环
for循环应用最广泛的循环的形式适用于已知循环次数，循环嵌套for和while循环，所有的关键步骤的代码都是一样的，只是语法形式不同的，程序的执行原理和执行顺序也是一样的for()小括号内容的顺序for(定义变量的初始值；进入判断条件；步长){循环体}执行顺序，依然是先执行循环体，再执行步长优点是将循环变量，是将与循环变量和循环次数相关的设定,都定义在()中，设定内容更加集中，不容易...原创 2020-03-13 23:05:20 · 373 阅读 · 0 评论 -
JavaScript自增自减运算符
自增自减运算符：++ –++：自增，每次执行都会在变量存储的原始数值的基础上+1++展开的意思是：int=int+1–:自减，每次执行都会在变量存储的原始数值的基础上-1–展开的意思是：int=int-1前缀/前置语法：++变量先改变变量中存储的数值，使用新的数值来参与运算，参与的是+1的数值后缀/后置语法：变量++当前位置上不执行++操作，也就是不改变变量中存储的值，在当前位置...原创 2020-03-11 22:59:48 · 820 阅读 · 0 评论