summer_du-CSDN博客

原创一文带你了解区块链

区块链，就是一个又一个区块组成的链条。每一个区块中保存了一定的信息，它们按照各自产生的时间顺序连接成链条。这个链条被保存在所有的服务器中，只要整个系统中有一台服务器可以工作，整条区块链就是安全的。这些服务器在区块链系统中被称为节点，它们为整个区块链系统提供存储空间和算力支持。如果要修改区块链中的信息，必须征得的同意并修改所有节点中的信息，而这些节点通常掌握在不同的主体手中，因此篡改区块链中的信息是一件极其困难的事。相比于传统的网络，区块链具有两大核心特点：一是、二是。

2023-12-05 22:32:59 206 1

原创 nvue语法与vue的部分区别

仅支持flex布局。字体的样式，必须要写在。nvue文件中，不支持。例如，在uniapp中。

2023-08-15 10:14:04 839

原创算法总结，不断更新

算法总结

2022-12-10 20:15:33 594 1

原创 redis 集群搭建的三种方式

redis集群

2022-12-03 15:47:42 793

原创 Linux 安装 Redis

说明：Redis 默认不是以守护进程的方式运行，可以通过该配置项修改，使用 yes 启用守护进程。说明：绑定到主机地址，只可以本机访问。也可以指定固定ip访问。注释掉，则外网均可以访问。说明：默认端口 6379。说明：密码设置，默认关闭。

2022-12-01 15:37:08 517

原创 Redis是什么？看这一篇就够了

redis

2022-12-01 10:16:05 212

原创 js中 if判断，哪些情况为false？

js记录

2022-11-29 15:02:52 1453 4

原创 CSS问题总结

css

2022-10-26 10:06:56 76

原创小程序问题总结

文章目录1、小程序中空格的实现1、小程序中空格的实现// 说明：1、使用   来展示空格// 2、一定要使用text标签// 3、text添加decode属性。这个属性可以展示空格<text decode>姓名     张三</text>...

2022-05-29 14:14:43 77

原创百度地图自定义底图

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>自定义地图类型瓦片</title> <style> html, body { height: 100%; margin: 0;

2022-02-25 08:39:34 814

原创你的系统如何支撑高并发？

文章目录最简单的系统架构系统集群化部署数据库分库分表 + 读写分离缓存集群引入引入消息中间件集群高并发系统各不相同。比如每秒百万并发的中间件系统、每日百亿请求的网关系统、瞬时每秒几十万请求的秒杀大促系统。他们在应对高并发的时候，因为系统各自特点的不同，所以应对架构都是不一样的。另外，比如电商平台中的订单系统、商品系统、库存系统，在高并发场景下的架构设计也是不同的，因为背后的业务场景什么的都不一样。最简单的系统架构假设刚刚开始你的系统就部署在一台机器上，背后就连接了一台数据库，数据库部署在一台服务器

2022-02-23 16:42:43 317

原创 GLSL—— Shader内置变量与内置函数

文章目录1、shader内置变量：2、shader内置常量：3、shader内置函数：1、shader内置变量：名称说明gl_Position用于vertex shader, 写顶点位置；被图元收集、裁剪等固定操作功能所使用；其内部声明是：highp vec4 gl_Position;gl_PointSize用于vertex shader, 写光栅化后的点大小，像素个数；其内部声明是：mediump floa

2022-02-14 14:23:25 987

原创 GLSL —— 三种变量类型（uniform，attribute和varying）

文章目录1、uniform变量2、attribute变量3、varying变量1、uniform变量uniform变量是外部程序传递给（vertex和fragment）shader的变量。因此它是application通过函数glUniform**（）函数赋值的。在（vertex和fragment）shader程序内部，uniform变量就像是C语言里面的常量（const ），它不能被shader程序修改。（shader只能用，不能改）如果uniform变量在vertex和fragment两者之间声明

2022-02-14 10:48:37 1989

原创 Three.js（十五）—— WebGL渲染器

文章目录15、WebGL渲染器15.1 场景渲染结果网页局部显示全屏渲染局部渲染.domElement 属性.setSize() 方法相机控件 OrbitControls 作用范围15、WebGL渲染器15.1 场景渲染结果网页局部显示通过Three.js发开Web3D应用的时候，渲染窗口可能是全屏效果占满web页面整个body区域，也可能是web页面上一个特定位置特定区域，比如渲染区域是一个特定位置、特定宽高的div元素所在区域。全屏渲染直接通过Three.js的WebGL渲染器WebGLRen

2022-01-28 14:50:43 1151

原创 Three.js（十四）—— 模型文件加载

文章目录14、Three.js 加载外部模型文件14.1 Three.js 数据结构、导入导出Threejs导出模型信息自定义模型加载器文件加载Three.js导出的模型数据14.2 加载 stl 文件并解析stl文件数据结构通过STLLoader.js加载.stl文件使用点模型渲染STL文件14.3 加载obj文件（几何体、材质、贴图）只加载obj文件同时加载obj文件和mtl文件obj包含多个网格模型模型纹理贴图导出.obj和.mtl的名称、路径问题.obj文件不包含信息14.4 加载FBX并解析骨骼动

2022-01-28 14:46:50 8477 1

原创 Three.js（十三）—— 语音模块

文章目录13、语音模块13.1 音频与场景关联（音源、监听者）非位置音频THREE.Audio位置音频THREE.PositionalAudio13.2 音乐可视化查看平均频率频率数据可视化案例13、语音模块13.1 音频与场景关联（音源、监听者）Threejs提供了一系列音频相关的API：音频Audio、位置音频PositionalAudio、监听者AudioListener、音频分析器AudioAnalyser、音频加载器AudioLoader。音频Audio、位置音频PositionalAud

2022-01-28 14:26:06 912

原创 Three.js（十二）——骨骼动画、变形动画

文章目录12、骨骼动画、变形动画12.1 骨骼动画原理相关类Bone骨架SkeletonGeometry(.skinWeights 和 .skinIndices 属性)骨骼网格模型 SkinnedMesh程序创建一个骨骼动画程序实现骨骼动画解析外部骨骼动画模型皮肤顶点权重属性.skinWeights骨骼动画顶点数据12.2 加载外部模型骨骼动画查看骨骼动画数据解析渲染骨骼动画12.3 变形目标动画原理创建变形动画的顶点数据网格模型.morphTargetInfluences属性生成变形动画12.4 解析外部

2022-01-28 10:15:43 5933 6

原创 Three.js（十一）—— 帧动画模块

文章目录11、帧动画模块11.1 编辑关键帧并解析播放创建两个用于动画的网格模型编辑关键帧播放关键帧11.2 解析外部模型的帧动画关键帧数据播放模型帧动画播放设置11.3 播放设置(暂停、时间段、时间点)播放/暂停(.paused属性)播放clip特定时间段定位在某个时间点快进(按钮递增时间点)滚动条拖动播放帧动画11、帧动画模块11.1 编辑关键帧并解析播放创建两个用于动画的网格模型/** * 创建两个网格模型并设置一个父对象group */mesh1.name = "Box"; //网格

2022-01-28 09:28:58 2747 1

原创 Three.js（十）—— 精灵模型和粒子系统

文章目录10、精灵模型和粒子系统10.1 精灵模型SpriteSprite和SpriteMaterial.scale 和 .positionSprite用途10.2 中国城市PM2.5可视化案例精灵模型Sprite实现10.3 树林效果精灵源码10.4 下雨场景效果模拟在空间中随机生成静态分布的雨滴雨滴动态运动10、精灵模型和粒子系统10.1 精灵模型SpriteThree.js的精灵模型对象Sprite和Threejs的网格模型Mesh一样都是模型对象，基类都是Object3D,关于精灵模型对象Sp

2022-01-28 09:13:07 2070 1

原创 Three.js（九）—— 相机对象

文章目录9、相机对象（投影方式）9.1 正投影和透视投影相机正投影和透视投影简单解释正投影相机对象 OrthographicCamera透视投影相机 PerspectiveCamera相机位置 .posiiotn 和 .lookAt (相机拍摄目标位置)相机位置放置9.2 窗口变化自适应渲染视图矩阵 .matrixWorldInverse 和投影矩阵 .projectionMatrix正投影相机 OrthographicCamera 自适应渲染透视投影相机 PerspectiveCamera 自适应渲染9

2022-01-28 08:57:52 509

原创 Three.js（八）—— 几何体对象、曲线、三维模型

文章目录8、几何体对象、曲线、三维模型8.1 常见几何体和曲线API介绍几何体曲线8.2 直线、椭圆、圆弧、基类Curve圆弧线ArcCurve曲线Curve方法.getPoints()几何体方法.setFromPoints()绘制圆弧线案例绘制直线效果8.3 样条曲线、贝塞尔曲线一条光滑样条曲线案例贝塞尔曲线8.4 多个线条组合曲线CurvePathU型案例8.5 曲线路径管道成型TubeGeometry样条曲面生成圆管案例CurvePath多段路径生成管道案例8.6 旋转造型LatheGeometry样

2022-01-28 08:41:35 2543

原创 Three.js（二）—— 快速上手

文章目录2、快速上手2.1 3D场景简单案例几何体Geometry材质Material光源Light相机Camera整个程序结构场景 - 相机 - 渲染器2.2 周期性渲染setInterval周期性渲染requestAnimationFrame函数渲染2.3鼠标操作三维场景2.4 3D场景插入新的几何体几何体网格模型同时绘制多个几何体辅助三维坐标系AxisHelper2.5 材质效果半透明效果材质常见属性添加高亮效果材质类型2.6 光照效果常见光源类型2、快速上手2.1 3D场景简单案例<!

2022-01-27 14:54:16 1494

原创 Three.js（三）—— 顶点概念，几何体结构

文章目录3、顶点概念，几何体结构3.1 顶点位置数据解析渲染自定义几何体点模型points线模型Line3.2 顶点颜色数据插值计算顶点颜色数据插值计算每个顶点设置一种颜色材质属性.vertexColors3.3 顶点法向量光照计算3.4 顶点索引复用3.5 设置Geometry顶点位置、顶点颜色Vector3定义顶点位置坐标数据Color定义顶点颜色数据材质属性.vertexColors2.6 Face3对象定义Geometry三角面Face3定义三角形面设置四个顶点构建三角形三角形法线设置颜色设置3.7

2022-01-27 14:52:11 1859

原创 Three.js（四）—— 材质对象

文章目录4、材质对象4.1 材质共有属性、私有属性.side 正面/背面/双面.opacity 透明度访问材质属性4、材质对象4.1 材质共有属性、私有属性点材质PointsMaterial、基础线材质LineBasicMaterial、基础网格材质MeshBasicMaterial、高光网格材质MeshPhongMaterial等材质都是父类Material的子类。私有属性例如：点材质特有的尺寸属性.size；高光网格材质特有的高光颜色属性.specular共有属性例如：.side;.opaci

2022-01-27 14:48:44 284

原创 Three.js（五）—— 点线面模型对象

文章目录5、点线面模型对象5.1 点线面模型介绍点模型 Points线模型 Line网格模型 Mesh5.2 模型对象旋转平移缩放变换缩放位置属性 .position平移旋转5.3 对象克隆clone复制copy复制 .copy克隆 .clone网格模型的复制和克隆5、点线面模型对象5.1 点线面模型介绍点模型 Pointsvar geometry = new THREE.BoxGeometry(100, 100, 100); //创建一个立方体几何对象Geometry// 点渲染模式var

2022-01-27 14:46:13 666

原创 Three.js（六）—— 光源对象

文章目录6、光源对象6.1 光照原理和常见光源类型环境光 AmbientLight点光源 PointLight平行光 DirectionalLight聚光源 SpotLight光源辅助对象光照计算方法颜色相乘测试6.2 阴影投影计算平行光投影计算代码聚光光源投影计算代码模型.castShadow属性.receiveShadow属性光源.castShadow属性.receiveShadow属性光源.castShadow属性光源.shadow属性阴影对象基类LightShadowLightShadow属性.ca

2022-01-27 14:44:57 760

原创 Three.js（七）—— 组对象Group、层级对象

文章目录7.1 组对象Group、层级对象Group案例查看子对象.children场景对象结构.add() 方法.remove()方法7.2 对象节点命名、查找、遍历模型命名(.name属性)树结构层级模型递归遍历方法.traverse()查找某个具体的模型7.3 本地位置坐标、世界位置坐标.getWorldPosition()方法建立世界坐标系概念本地缩放系数.scale本地矩阵.materix和世界矩阵.matrixWorld7.1 组对象Group、层级对象Group案例//创建两个网格模型m

2022-01-27 14:41:55 5106 2

原创 Three.js（一）—— 资源链接

three.js使用

2022-01-27 09:37:36 1234

原创 WebGL

文章目录1、绘制路线2、绘制正方形1、绘制路线drawLine() { //获得画布元素 this.canvas = document.getElementById("webgl"); //获得2维绘图的上下文 var ctx = this.canvas.getContext("2d"); //设置线宽 ctx.lineWidth = 5; //设置线的颜色 ctx.stro

2022-01-07 08:54:00 88

原创常见Bug记录

遇到bug总结

2022-01-05 13:53:50 296

原创 Zookeeper（二）—— java整合。API的使用

文章目录1、项目依赖2、创建客户端3、操作节点1、项目依赖创建maven项目，添加依赖<dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.13.1</version>

2021-09-15 11:43:20 98

原创 Zookeeper（一）—— 安装及配置

文章目录1、安装1、安装软件下载。下载地址https://zookeeper.apache.org/releases.html以zookeeper-3.5.7为例。下载后，上传至linux服务器。解压文件。输入指令tar -zxvf apache-zookeeper-3.5.7-bin.tar.gz对解压文件重命名（也可移动到自己习惯的位置）mv apache-zookeeper-3.5.7-bin zookeeper修改配置文件。进入目录zookeeper/conf/下，我们可

2021-09-14 14:03:43 76

原创 Zookeeper集群脚本编写

创建脚本文件vim zk.sh编辑可执行文件#!/bin/bashcase $1 in"start"){ for i in zk101 zk102 zk103 do echo -------------------- zookeeper $i 启动------------ ssh $i "/home/modules/zookeeper/bin/zkServer.sh start" done};;"stop"){ for i in zk101 zk102 zk1..

2021-09-14 13:34:54 172

原创 Hadoop安装

文章目录1. hadoop简介2.安装SSH、配置SSH无密码登录3.安装JDK并配置环境变量4.安装hadoop5.配置hadoop环境变量6.hadoop伪分布式配置7.启动hadoop1. hadoop简介Hadoop的核心由3个部分组成：HDFS: Hadoop Distributed FileSystem，分布式文件系统，hdfs还可以再细分为NameNode、SecondaryNameNode、DataNode。YARN: Yet Another Resource Negoti

2021-09-13 15:38:02 75

原创 Sharding不支持的sql

springboot 使用sharding 插件不支持sql中含有以下关键字：不支持HAVING不支持OR，UNION 和 UNION ALL不支持特殊INSERT每条INSERT语句只能插入一条数据，不支持VALUES后有多行数据的语句不支持DISTINCT聚合不支持dual虚拟表不支持SELECT LAST_INSERT_ID()不支持CASE WHEN对于需要用到上述关键的表格，切换数据源，使用不利用sharding分库分表的数据源进行操作————————————————原文链接

2021-06-01 11:37:09 1282

原创安装Consul（Linux系统）

Linux系统下安装Consul下载压缩文件，输入命令 wget https://releases.hashicorp.com/consul/0.7.0/consul_0.7.0_linux_amd64.zip解压文件 unzip consul_0.7.0_linux_amd64.zip查看是否安装成功 ./consul启动consul ./consul agent -dev -ui -node=consul-dev -client=192.168.124.128其中：-dev

2021-05-15 10:04:42 259 1

原创安装Zookeeper单机版（Linux系统）

Linux下安装zookeeper下载文件。下载地址https://www.apache.org/dyn/closer.lua/zookeeper/zookeeper-3.5.9/apache-zookeeper-3.5.9-bin.tar.gz上传文件rz进入文件目录，解压文件 tar -zxvf apache-zookeeper-3.5.9-bin.tar.gz进去安装目录的conf文件夹，复制文件 cp zoo_sample.cfg zoo.cfg编辑zoo.c

2021-05-14 15:43:57 91

原创 Unable to convert value from type ‘java.lang.String‘ to type ‘java.util.Date‘；

form表单提交，日期接收异常Unable to convert value "" from type 'java.lang.String' to type 'java.util.Date'; nested exception is java.lang.IllegalArgumentException]解决方法在controller内加入以下代码：/** * 将前台传递过来的日期格式的字符串，自动转化为Date类型 */@InitBinderpublic void initBinder(W

2021-05-11 14:18:59 923

原创 Java8新特性-流

文章目录一、创建对象实例二、中间操作1、过滤1.1 filter1.2 distinct1.3 limit1.4 sorted1.5 skip2、映射2.1 map2.2 flatMap三、终端操作1、查找1.1 allMatch1.2 anyMatch1.3 noneMathch1.4 findFirst1.5 findAny2、规约2.1 reduce3、收集3.1 规约3.2 分组3.3 分区四、并行流式数据处理一、创建对象实例 List<Student> list = new Ar

2021-05-09 16:25:40 325

原创 sharding-jdbc分库分表的使用

文章目录1、分库分表1、分库分表引入maven依赖<dependency> <groupId>io.shardingsphere</groupId> <artifactId>sharding-jdbc-spring-boot-starter</artifactId> <version>${shardingsphere.version}</version></dependency&gt

2021-05-07 14:47:50 188