js
果冻~
这个作者很懒,什么都没留下…
展开
-
nvm 常用命令清单
nvm 常用命令清单。原创 2024-10-13 16:17:34 · 206 阅读 · 0 评论 -
nrm使用
为了更方便的切换下包的镜像源,我们可以安装 nrm 这个小工具,利用 nrm 提供的终端命令,可以快速查看和切换下。原创 2024-01-14 11:05:44 · 466 阅读 · 0 评论 -
vue引导线leader-line-vue使用
【代码】vue实现连接线。原创 2023-10-27 13:33:34 · 1583 阅读 · 1 评论 -
三次握手四次挥手,简单易懂。
三次握手四次挥手了解三次握手四次挥手之气那需要先先了解几个基本知识点1、FIN=1表示此报文段的发送方的数据已经发送完毕,请求释放传输连接。2、确认字段号(ACK):期望接收报文段的数据的第一个字节的序号,ack=N表示序号N-1为止的所有数据都正确接收到。3、确认位:只有ACK=1时确认号字段才有效,ACK=0时无效连接状态:1、CLOSE_WAIT状态下只能发送数据,不能接收数据2、LAST_ACK状态:被动断开连接的一端在缓冲区数据发送完成后发送FIN=13、TME_WAIT:此状态下原创 2020-10-11 22:34:46 · 684 阅读 · 0 评论 -
h5页面腾讯验证调用调用安卓和ios方法传递参数
与安卓和ios定义好调用的方法名,定义好要传递的参数。原创 2022-11-09 22:04:20 · 1229 阅读 · 0 评论 -
纯前端播放文件流视频并预览并截取视频第一帧
纯前端播放文件流视频并预览并截取视频第一帧原创 2022-08-17 18:40:41 · 2655 阅读 · 1 评论 -
js点击复制 复制代码即可使用
js点击复制功能,复制代码即可使用原创 2022-02-16 14:06:15 · 871 阅读 · 0 评论 -
原型链和原型继承
原型链的概念当调用一个对象的方法或者属性时,他会现在自身找对应的方法和属性,如果没找到就会去prototype上去找,如果没找到,就会去prototype原型对象的__proto__上去找,以此类推,原型链顶层Object.prototype结束。从而形成了“原型链”<script> // 构造函数 function Fu(name,age,sex){ this.name=name this.age=age原创 2020-09-25 15:53:28 · 154 阅读 · 0 评论 -
React项目如何使用Element ui?
初次在react项目中使用element框架,碰到了一些很简单的问题,但是卡了很久才解决,写篇博客记录一下。1、安装:在项目目录下下载:npm i element-react --savenpm install element-theme-default --save注:element官网快速上手中有提到2、全局引用在项目跟录下的index.js中全局引入3、在项目中引用你需要的element组件可能会报错解决方式:在项目中下载依赖npm install react-hot-loa原创 2020-10-09 16:21:10 · 12816 阅读 · 2 评论 -
json-server模拟数据使用方法详解,小白教程。
json-server使用步骤:1、在项目下新一个文件夹,我新建的文件名叫mock2、mock文件下建一个xxx.json文件用来存放模拟数据模拟练习就放这了,别客气,直接拿上跟着下面的步骤练习{ "books":[ {"id":"878911","name":"三国","author":"罗贯中"}, {"id":"878912","name":"水浒","author":"吴承恩"} ], "readers":[ {"id":"007","name":"张三疯","age":原创 2020-10-15 19:02:24 · 972 阅读 · 0 评论 -
React状态提升,Hook是什么,怎么使用?
React状态提升React中的状态提升概括来说,就是多个组件需要反映相同的变化数据,提升到它们最近的父组件上.在父组件上改变这个状态然后通过props分发给子组件。React Hooks是React 16.8.0版本推出的新特性 主要的作用就是让无状态组件 可以使用状态(在react开发中状态的管理是必不可少的 以前为了进行状态管理需要使用类组件或者redux等来管理useState() 就是React提供最基础、最常用的Hook,主要用来定义和管理本地状态。useState返回的是一个数组(长原创 2020-10-02 17:11:20 · 581 阅读 · 1 评论 -
Ajax、jQuery ajax、axios和fetch的区别
1、Ajax:ajax自然不必说,最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱。2、 Jquery Ajax:是jQuery框架中的发送后端请求技术,由于jQuery是基于原始的基础上做的封装,所以,jquery Ajax自然也是原生ajax的封装3、Fetch:fetch号称是AJAX的替代品,是在ES6出现的,使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构原创 2020-10-22 20:03:58 · 276 阅读 · 0 评论 -
ES6---Generator语法---Generator传参
ES6—Generator什么是GeneratorGenerator 主要是异步编程,用来封装一个异步任务,是一个异步任务的容器。特点:交出普通函数的执行权(可以让函数在调用的时候按照我们的需要执行或者是暂停)普通函数:在调用的时候函数中的内容会全部执行,如下面的普通。 <script> function fun(){ console.log(1) console.log(2) console.log原创 2020-10-15 22:15:41 · 343 阅读 · 0 评论 -
async 和Generator基本用法和概念介绍。
基本概念1、 async 表示这是一个async函数,await只能用在这个函数里面。2、await 表示在这里等待promise返回结果了,再继续执行。3、await 后面跟着的应该是一个promise对象(当然,其他返回值也没关系,只是会立即执行,不过那样就没有意义了…)这里我们要实现一个暂停功能,输入N毫秒,则停顿N毫秒后才继续往下执行。普通函数 var sleep = function (time) { return new Promise(func原创 2020-10-22 19:41:20 · 693 阅读 · 0 评论 -
Object.keys()、Object.values()、Object.entries()的详细用法案例。
一、object.keys()1、object.keys()传入对象,返回一个数组类型 值是方法中对象的键(key)let obj={name:"小白",age:18,sex:"男"}let newobj=Object.keys(obj)console.log(newobj)//["name", "age", "sex"] newobj.map(item=>{console.log("键名为"+":"+item+"----"+"键值为"+":"+obj[item])})控制台打印结果原创 2020-10-27 19:35:42 · 1129 阅读 · 0 评论 -
call、apply、bind三者的却别。
call和apply相同点1、call与apply两个方法相同的是,两个方法都会帮助函数调用一次,会用第一个参数来代表this指向call和apply的不同点1、call:使用call方法调用函数,如果需要传递参数,call方法从第二个参数开始都会被解析成参数。2、apply:使用apply调用函数,如股票需要传递参数,第一个参数代表this指向,第二个参数是一个数组,这个数组的成员是需要传递的参数。bindbind方法与call和apply不同的是,call和apply和会直接调用函数;bin原创 2020-10-28 14:35:46 · 101 阅读 · 0 评论 -
while与do-while语法及小案例
while与do-while的区别1、do…while循环至少会执行一次循环体;2、while循环只有在条件成立的时候才执行循环体。语法while循环只有在条件成立的时候才执行循环体while(执行条件){逻辑} while(true){ var num=prompt('请输入谜底'); if(num==50){ alert('猜中了'); break; }else if(num<50){ alert('猜小了'); }els原创 2020-11-08 17:46:19 · 1188 阅读 · 0 评论 -
vue富文本编辑器使用(简单粗暴复制即可用)
1、下载插件npm i wangeditor --save插件官网地址:https://www.wangeditor.com/2、封装富文本组件<template lang="html"> <div class="editor"> <!-- <div ref="toolbar" class="toolbar"></div> --> <div ref="editor" class="text"></div原创 2021-08-07 00:07:44 · 1599 阅读 · 7 评论 -
js扁平数据转成树形数据&树形数据转成扁平数据
1、扁平数据转成树形数据function setTreeData(source){ let cloneData = JSON.parse(JSON.stringify(source)) // 对源数据深度克隆 return cloneData.filter(father=>{ // 循环所有项,并添加children属性 let branchArr = cloneData.filter(child=> fat原创 2021-08-06 23:49:18 · 389 阅读 · 0 评论 -
Array对象的全局方法——详细总结
总结会修改原始数组的方法有1、shift()删掉数组第一个,会修改原数组2、pop()删除数组最会一位,会修改原数组3、reverse()反转数组,会修改原数组4、slice(开始位,结束位)切割数组,会修改原数组5、splice()替换/删除/插入,会修改原数组注:splice()可以传递三个参数,)可以替换/删除/插入),具体用法看下面的案例用法案例1、shift()删掉数组第一个,会修改原数组 let arr=[1,2,3] let a=arr.shi原创 2020-11-08 18:56:42 · 324 阅读 · 0 评论 -
arguments参数对象
1、一个函数的所有参数的集合,它是一个类数组,它拥有数组的下标和.length特性。2、可以在函数内部使用arguments接收所传递过来的参数,是一个集合。可以把所有的实参复制一份,放进arguments里3、arguments只能在函数内部使用,代表的是当前函数的实参副本4、arguments是一个类数组对象5、arguments存了多个值,可以通过下标的方式去访问某一个6、arguments一般用于一系列参数,但是不确定个数得时候7、arguments得下标得取值范围 0 ~ argume原创 2020-11-08 17:56:59 · 553 阅读 · 0 评论 -
js条件判断语句switch
语法1、switch后面写的是表达式2、case后面的返回值代表的是表达式的返回值,当表达式的返回值与任意一个case后面的值相同,就会执行该case后面的代码段,然后将返回值返回出去3、如果没有满足全部case后面的返回值,那么就会返回default后面代码段的值,default就是设置默认值的地方switch (表达式){case 返回值1:{ 代码.. ... .. break; } case 返回值2:{ 代码.. ... .. break; } case 返回值3:{ 代码.. ..原创 2020-11-08 17:09:43 · 3515 阅读 · 0 评论