林晓威的博客_linux,webrtc,three.js

vue+graphql实践

graphql提供了5种标量：Int：32位有符号整型，超出精度范围后，引擎会抛出异常Float：有符号双精度浮点数，超出精度范围后，引擎会抛出异常String：字符串，用于表示 UTF-8 字符序列Boolean：布尔值，ID：资源唯一标识符首先是后端const koa=require('koa')const app=new koa();const cors=requ

graphql

原创 2022-06-24 10:36:48 205 阅读在51CTO的第一篇博文

JS设计模式之单例模式

关于单例模式相信大家都不会陌生，无非就是只能new一个对象，或者说new的多个对象都是相同的，接下来看下这段代码。var obj=function(data){this.name=data.name;}var obj1=new obj({name:"lin"});var obj2=new obj({name:"xiao"});console.log(obj1===obj2);这段代...

javascript

设计模式

单例模式

内存地址

全局变量

原创 2021-09-03 13:54:33 106 阅读

js设计模式之工厂模式

所谓工厂模式，就是定义一个用于创建对象的接口，让子类决定实例化哪个类，工厂方法使每一个类的实例化延迟到其子类，下面我们就来写·下简单工厂模式和工厂方法模式 let shop = (function () { class apple { constructor() { this.name = "apple" ...

JavaScript

设计模式

工厂模式

子类

工厂方法模式

原创 2021-09-03 13:54:20 96 阅读

java数据结构之双端链表

继上次写的链表，这次接着写，所谓双端链表，就是链表中保留着对最后一个链接点引用的链表public class Node { private int data; private Node next; public Node(int value){ this.data=value;} public void display(){ System.out.println(dat...

java

双端链表

数据结构

链表

结点

原创 2021-09-03 13:54:09 255 阅读

js设计模式之建造者模式

话不多说，直接上代码//建造者--施工团队 let builder = function () { //成员01--决定厅室 function Rooms(member) { if (member <= 0) { throw new Error("入住人数错误"); ...

javascript

设计模式

建造者模式

建造者

原创 2021-09-03 13:53:56 113 阅读

js设计模式之装饰者模式

所谓装饰者模式就是一种灵活的继承方案，对对象进行扩展而不需要重新构造一个实例，下面来看下代码class Person{ constructor(data){ this.name=data.name; this.age=data.age } add(){ console.lo...

JavaScript

设计模式

装饰者模式

原创 2021-09-03 13:53:45 155 阅读

react实现todolist

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

react

todolist

html

回车键

i++

原创 2021-09-03 13:53:24 108 阅读

react实现togglelist

//列表内容const datalist = { "colleagues": { "name": "同事", "list": [ { id: Math.random(), "name": "小明", ...

react

togglelist

html

i++

原创 2021-09-03 13:53:05 104 阅读

a+=b和a=a+b区别

先来看个例子这里出现报错是因为进行a+b运算时会先把a和b的类型转换为int再相加，结果为int型，与左边的b类型不同，所以报错。而b+=a则会进行强制类型转换，会把右边的int结果转换为byte类型，所以不会报错 ...

java基础

类型转换

强制类型转换

IT

原创 2021-09-03 13:52:03 327 阅读

java数据结构之数组

首先定义一个数组类class MyArray{private int elements/*数组元素个数,默认为0*/ private int num[]/*定义一个int型数组*/然后再对数组进行初始化public MyArray(){num=new int[3];}/*空参构造时默认是长度为3的数组*/ public MyArray(int maxsize){num=new int[maxsi...

java

数据结构

数组

i++

数组元素

原创 2021-09-03 13:52:02 98 阅读

JAVA数据结构之栈

所谓栈，就是先进后出，今天就来写一下。class Stack{private top=-1;private int num[];public Stack(){int num[]=new int[4];}/*无参构造函数，默认栈容量为4*/public Stack(int maxsize){int num=new int[maxsize];}/*有参构造函数，栈容量为maxsize...

java

数据结构

基础

栈容量

出栈

原创 2021-09-03 13:52:01 198 阅读

js之对象深浅克隆

这里介绍两种方法对js对象的克隆var obj1={data:["1","2"],lin:9}方法1：function clone(obj,deep){var obj2={}；/*要返回的对象*/if(obj instanceof Array){obj2=[];/*判断对象是否为数组*/}for(var key in obj){var val=obj[key];if(deep ...

前端

JS

json

数组

深克隆

原创 2021-09-03 13:52:00 125 阅读

js实现元素拖拽

这里介绍两种实现元素拖拽的方法<style> *{margin:0;padding:0} .box{position:absolute; top:0; left:0; width:300px; height:300px; background-color: choc...

前端

JS

拖拽

鼠标移动

h5

原创 2021-09-03 13:51:59 478 阅读

JAVA数据结构之链表

今天我们来写链表首先定义一个结点类 public class Node{private Node next;private int data;public Node(int value){this.data=value;}public void display(){System.out.println(data+" ");}}接着便是编写链表public clas...

java

数据结构

链表

结点

头结点

原创 2021-09-03 13:51:59 156 阅读

java详解TreeSet

我们知道java有很多集合，如set，map和list，虽然大部分set集合都是无序不可重复的，但还是有有序的set集合，如TreeSet，下面来看下这段代码public class Tree {public static void main(String[]args){ TreeSet<Object> tree=new TreeSet<>(); tree.ad...

java

TreeSet集合

基础

ide

对象排序

原创 2021-09-03 13:51:58 158 阅读

java四种排序算法

//冒泡排序public class maopao{public maopao(int arr[]){ for(int i=0;i<arr.length-1;i++){ for(int j=1;j<arr.length;j++){ if(arr[i]>arr[j]){ int t...

排序

java

i++

插入排序

希尔排序

原创 2021-09-03 13:50:50 214 阅读

java手写ArrayList

public class MyArrayList<Integer> { private final int SIZE=10; private int size=0; public Integer arr[]; public MyArrayList(){ arr=(Integer[])new Object[SIZE]; } public void add(Integer ...

java

手写ArrayList

ide

i++

IT

原创 2021-09-03 13:50:50 181 阅读

java单例模式

所谓单例模式，就是为了保证类对象的唯一性步骤可分为3步。1.私有化构造函数，2.直接在本类new一个对象，3.定义一个方法获得本类对象class single{ private single(){}; private static single s=new single(); public static single getInstance(){ return s; ...

java

设计模式

单例模式

饿汉式

本类对象

原创 2021-09-03 13:50:49 78 阅读

java二叉树

//节点类class Node1{ public Node1 leftchild;//左子节点 public Node1 rightchild;//右子节点 public int data; public String font; public Node1(int value,String text){ data=value; font=text; } }//二叉...

java

数据结构

子节点

前序遍历

中序遍历

原创 2021-09-03 13:50:48 145 阅读

JS中ajax的封装

今天复习了ajax封装，所谓ajax就是通过XMLHttpRequest对象来向服务器发送异步请求，从服务器获得数据，然后用js来操作DOM而达到无刷新更新页面function ajax(obj) { var method = obj.method || false,//发送方式 timeout = (typeof obj.timeou...

JavaScript

ajax

数据

xml

请求头

原创 2021-09-03 13:50:47 331 阅读

jdbcutils工具类封装

今天复习了一下jdbc工具类，所以想写下来测试一下public class JDBCUtils { private static final String driverClassName; private static final String url; private static final String username; private static final String...

java

jdbc

数据库

sql

mysql

原创 2021-09-03 13:50:46 327 阅读

Java 对象深浅拷贝

在Java中，clone（）方法是Object的protected方法，它不是public，一个类不显式的去重写clone（），其它类就不能直接调用该实例的clone（）方法。而重写clone（）方法则要实现Cloneable接口，不然则会抛出异常//浅拷贝:拷贝对象和原始对象的引用类型引用同一个对象public class CloneExample implements Cloneabl...

Java

对象深浅拷贝

i++

引用类型

显式

原创 2021-09-03 13:50:45 146 阅读

SAX解析XML文件

首先来说一下XML，它是可扩展标记语言，以文本来描述数据的文档，解析XML有两种方法，其中一种便是通过SAX来解析，它主要有4种处理事件的接口，分别是ContentHandler，DTDHandler，EntityResolver和ErrorHandler，实际只要继承DefaultHandler类就可以，DefaultHandler实现这四个事件处理接口。下面通过代码来看看//首先新建一个...

Java

XML

xml

java

sax解析

原创 2021-09-03 13:50:44 117 阅读

Java设计模式之适配器模式

所谓适配器模式，就是将一个类的接口转换成客户希望的另外一个接口，适配器模式使原本由于接口不兼容而不能一起工作的那些类可以一起工作，如下面代码public class Test { public static void main(String[]args){ PowerA a=new PowerAItem(); test(a); PowerB b=new PowerBIt...

Java

适配器模式

不兼容

IT

原创 2021-09-03 13:50:43 62 阅读

前端防抖节流

防抖和节流是前端最基本的性能优化，在绑定监听事件onmousemove，onmousewheel时，如果触发过于频繁，在一次触发尚未执行完时又再次触发，就会造成浏览器丢帧，进而影响用户体验，防抖和节流就是为了解决这个问题。防抖：在事件触发n秒后再执行这个函数，如果在n秒内又触发则重新计时function antishake(fn,time=300){ let timeout=nu...

前端

事件触发

监听事件

性能优化

IT

原创 2021-09-03 13:50:41 374 阅读

详解flex布局

所谓flex布局，就是弹性盒模型布局。容器拥有两根隐形的轴，水平的主轴（main axis），和竖直的交叉轴。主轴开始的位置，即主轴与右边框的交点，称为main start；主轴结束的位置称为main end；交叉轴开始的位置称为cross start；交叉轴结束的位置称为cross end。item按主轴或交叉轴排列，item在主轴方向上占据的宽度称为main size，在交叉轴方向上占据的宽度...

前端

html

左对齐

盒模型

两端对齐

原创 2021-09-03 13:50:40 230 阅读

状态码及tcp与udp区别

1.http状态码100：这个状态码是告诉客户端应该继续发送请求，这个临时响应是用来通知客户端的，部分的请求服务器已经接受，但是客户端应继续发送求请求的剩余部分，如果请求已经完成，就忽略这个响应，而且服务器会在请求完成后向客户发送一个最终的结果200：这个是最常见的http状态码，表示服务器已经成功接受请求，并将返回客户端所请求的最终结果202：表示服务器已经接受了请求，但是还没有处理...

客户端

服务器

状态码

一对多

多对一

原创 2021-09-03 13:50:40 217 阅读

node编写接口

首先下载node，然后打开PowerShell窗口，输入npmi,npm init, npm i koa koa-router koa-cors这几个命令，接下来就可以写代码了，先建立一个app.js文件const Koa=require('koa');const Router=require("koa-router");const app=new Koa();const users...

node

html

json

获取数据

IT

原创 2021-09-03 13:50:39 343 阅读

h5实现图片预览

h5有两种方法可以实现图片的预览，即任意的图片到指定的区域，图片会显示出来。第一种：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title> <style> *{marg...

图片预览

html

h5

IT

原创 2021-09-03 13:50:38 722 阅读

js事件的循环机制

我们先来看一段代码process.nextTick(()=>{console.log(1)});setTimeout(()=>{console.log(2)},0);setImmediate(()=>{console.log(3) ;process.nextTick(()=>{console.log(4)})});new Promise((res,rej)=&g...

事件循环

任务队列

回调函数

执行过程

取代码

原创 2021-09-03 13:50:37 108 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

wx612f42c0796f2的博客

vue+graphql实践

JS设计模式之单例模式

js设计模式之工厂模式

java数据结构之双端链表

js设计模式之建造者模式

js设计模式之装饰者模式

react实现todolist

react实现togglelist

a+=b和a=a+b区别

java数据结构之数组

JAVA数据结构之栈

js之对象深浅克隆

js实现元素拖拽

JAVA数据结构之链表

java详解TreeSet

java四种排序算法

java手写ArrayList

java单例模式

java二叉树

JS中ajax的封装

jdbcutils工具类封装

Java 对象深浅拷贝

SAX解析XML文件

Java设计模式之适配器模式

前端防抖节流

详解flex布局

状态码及tcp与udp区别

node编写接口

h5实现图片预览

js事件的循环机制