自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

xyphf的博客

不断学习,追求卓越

  • 博客(776)
  • 资源 (60)
  • 收藏
  • 关注

原创 Vite配置知识体系梳理思维导图-xyphf

Vite配置知识体系梳理思维导图总结

2023-11-06 21:20:08 79

原创 VUE2和VUE3思维导图知识体系总结大对比

VUE3知识体系总结

2023-11-03 23:56:02 492

原创 ThreeJS思维导图总结

ThreeJS思维导图总结

2022-01-07 14:16:28 1365

原创 实现1V1音视频实时互动直播系统 十二、第四节 实现1V1音视频实时互动信令服务器

server.js'use strict'var http = require('http');var https = require('https');var fs = require('fs');var express = require('express');var serveIndex = require('serve-index');var USERCOUNT = 3;//socket.iovar socketIo = require('socket.io');..

2020-09-03 12:47:39 535

原创 华为你学不会思维脑图

华为的成功的两个凭力量之处:一是管理,二是技术务实与远见并行避免闲扯,有计划的选书去读,有计划的与人交流。聚焦管道战略避免教育员工做一个奋斗者,但是却不给员工高工资避免喊口号式的说技术决定实力,但是却缺少实际人、财、物的投入。当企业刚起步时避免,向现行华为学习,规模上不一致,避免发生小孩子像奥运冠军一样训练而扭伤身体的悲剧,而是学习奥运冠军小时候是如何学习锻炼和补充营养...

2018-11-07 16:23:38 851

原创 SQL语句思维导图

DDL 数据定义语言(data define language)DML 数据操作语言(data manipulation language)TCL 事物控制语句(transaction control language)  

2018-10-18 08:56:35 3152

原创 一、常见互联网架构集群演化图

在早期部署项目的时候采取的是单机应用,项目部署到服务器上,用户是直接访问服务器,并且这台服务器是台外网(即广域网)的服务器渐渐的随着用户量的增加,问题:一台服务器已经不够用了,解决方式:于是我们将准备两台服务器搭成集群搭完集群之后,假如原来十个用户访问一台服务器,现在平均开,五个人访问上面的服务器,五个人访问另一个服务器,这样用户的体验就会稍微好一点,这样做还有个好处是假如...

2018-09-24 20:49:00 4785

原创 一、基于Spring Cloud的分布式微服务架构简介

目前实现分布式服务架构的主流实现方式有:①Dubbo+zookeeper②SpringBoot+Cloud这两种技术都可以将功能服务分散到不同服务器部署,然后实现服务间通信(调用)。请求-->处理1-->处理2-->响应。意思可以将处理1和处理2做成独立服务分开部署,然后再进行RPC(Dubbo)或HTTP请求和响应模式(Cloud)交互。 Dubbo和C...

2018-09-16 14:24:08 552

原创 一、TypeScript简介

我先简单介绍一些TypeScript,TypeScript是微软开发的一门编程语言,它是JavaScript的一个超集,它遵循最新的ES6脚本语言规范,TypeScript扩展了JavaScript的语法,已经存在的JavaScript程序可以不经任何改动的情况下在TypeScript环境下运行。TypeScript只是想JavaScript添加了一些新的遵循ES6规范的语法、以及基于类的...

2018-08-22 14:46:10 1654 2

原创 从零启动一个JAVA SSM项目详细步骤目录

详解大型互联网项目服务端架构演进历程 JAVA环境配置1、Linux软件源配置操作2、Linux系统 jdk安装实操3、Linux系统tomcat安装4、Linux下Maven项目构建与管理工具5、Linux下vsftpd文件服务器安装与配置实操6、Linux下nginx反向代理服务器安装与配置实操7、Lunix下nginx反向代理服务器域名解析配置实操8、...

2018-07-29 15:25:35 4856 4

原创 详解大型互联网项目服务端架构演进历程

从一个小网站说起,一台服务器也就够了,文件服务器和数据库都部署在一台机器上,所成All in one随着用户越来越多,访问量越来越大,硬盘、CPU、内存等开始吃紧,一台服务器已经满足不了了这时我们讲数据服务和应用服务进行一个分离,给应用服务器配置更好的CPU,内存等等,而给数据服务器配置更好、更快、更大的硬盘。利润我们这张图利用了三台服务器,分离之后可以提高一定的性能和可用...

2018-07-22 10:44:31 3654

原创 webpack 4.x项目快速启动

本次项目基于node 8.4 环境,低版本跑不起来勿吐槽。webpack至少要是4.1.0以上版本。win10系统运行cmd窗口,需要选择“以管理员身份运行”下面贴出所有的demo代码package.json{ "name": "runxadmin", "version": "1.0.0", "description": "", "mai

2018-04-01 12:15:37 3744

原创 事件队列事件循环(EventLoop) 宏任务 微任务详解 面试题

事件队列 事件循环 Event Loop 宏任务 微任务 vue nextTick原理 详解

2024-04-02 19:43:33 609 2

原创 前端加密库 jsencrypt的使用

前端加密解密

2024-01-03 10:30:52 1102

原创 VUE前端导出文件之file-saver插件

VUE前端导出文件之file-saver插件

2023-12-22 23:45:00 1900

原创 js-cookie的使用以及存储token安全的注意要点

2、使用CSRF Token:在每个请求中添加一个随机生成的CSRF Token,然后在服务器端验证这个Token。2、启用Content Security Policy,简称CSP内容安全策略集配置,限制浏览器只加载和执行来自特定源的脚本,从而防止XSS攻击;3、使用Referer Header:在服务器端检查Referer Header,如果请求不是来自同一源,那么请求将被拒绝。3、对用户输入进行验证和转义:对所有用户输入进行验证,并对特殊字符进行转义,以防止恶意脚本被执行。

2023-12-22 23:15:00 1127

原创 WebGL/threeJS面试题扫描与总结

WebGL/threeJS面试题扫描

2023-11-24 20:31:56 2256

原创 七、Vue3使用Pinia刷新页面状态丢失解决方案

或者手写一个本地存储插件,做到Pinia本地持久化。在main.js中引入并注册。

2023-11-15 12:25:46 881

原创 六、Vue3使用Pinia的常用API

通过建立一个新的状态对象,将 store 重设为初始状态。返回值:void。

2023-11-15 11:15:25 181

原创 五、Vue3中使用Pinia的同步异步操作及getters用法

Pinia的同步操作Pinia的同步操作组件调用Pinia的异步操作组件调用。

2023-11-15 10:53:45 1460

原创 四、Vue3中使用Pinia解构Store

【代码】四、Vue3中使用Pinia解构Store。

2023-11-14 23:11:36 986

原创 三、Vue3中使用Pinia修改State的方法

Vue3中使用Pinia修改State的方法

2023-11-14 22:07:42 931

原创 二、Vue3全局状态管理工具pinia仓库初始化

Vue3全局状态管理工具pinia仓库初始化

2023-11-14 21:35:49 238

原创 一、Vue3全局状态管理pinia的安装

使用pinia好处多多:同时支持Vue3 和 Vue2,体积极小,压缩后的体积只有1kb上下,完整的 ts 的支持,代码扁平化没有模块嵌套,只有 store 的概念,store 之间可以自由使用,每一个store都是独立的,无需手动添加 store,store 一旦创建便会自动添加;去除了mutations,只有 state,getters,actions;且actions 支持同步和异步;

2023-11-14 20:50:35 139

原创 Vue3封装自定义指令和hooks,并发布npm包

Vue3封装自定义指令和hooks,并发布npm包

2023-11-14 17:32:42 989

原创 判断元素是否进入可视区

IntersectionObserver 接口(从属于 Intersection Observer API)提供了一种异步观察目标元素与其祖先元素或顶级文档视口(viewport)交叉状态的方法。其祖先元素或视口被称为根(root)。当一个 IntersectionObserver 对象被创建时,其被配置为监听根中一段给定比例的可见区域。一旦 IntersectionObserver 被创建,则无法更改其配置,所以一个给定的观察者对象只能用来监听可见区域的特定变化值;

2023-11-14 13:40:59 168

原创 vite+vue3批量引入图片

globEager直接做静态加载。glob是懒加载的模式。

2023-11-14 13:32:15 155

原创 Vue3编写h函数式小组件

函数式编程和h函数编写按钮小组件

2023-11-14 10:38:03 232

原创 Vue3中TSX的使用方式

之前我们是使用Template去写模板,现在可以扩展另一种风格TSX风格

2023-11-13 22:34:06 2116

原创 Vue3组件传参之Mitt插件方式

Vue3组件传参之Mitt插件方式

2023-11-13 19:44:12 480

原创 新一代构建工具Vite-xyphf

vite和webpack的区别?

2023-11-01 23:59:57 776

原创 uniApp开发注意要点提炼-xyphf

uniApp开发注意要点提炼,我们在使用uniApp开发的时候,很多朋友由于对多端兼容性的不了解,结果在多端编译的时候经常出这样或者那样的问题,而不断的说uniApp这坑那坑的,下面我基于自身经验和官网说明提炼一些常见的注意要点。

2023-10-31 13:50:41 603

原创 uniapp开发小程序 小米手机真机bottom:0无效 底部间隙 设备安全区域处理办法

uniApp 小程序bottom:0无效 下面有间隙 设备安全区域

2023-10-27 12:16:57 1146

原创 vue 路由守卫实现登陆校验拦截功能

vue 路由守卫实现登陆校验拦截功能

2023-10-24 18:23:24 288

原创 vue3中通过ref获取dom节点

【代码】vue3中通过ref获取dom节点。

2023-10-24 17:51:43 118

原创 IT系统方案大纲模版,以智慧工地系统为例

IT系统方案模版

2023-05-23 16:48:18 731

原创 Vue3使用Composition API的方式使用Vuex

Vue3使用Composition API的方式使用Vuex。

2023-05-02 17:28:31 290

原创 Vue自定义插件的编写

如何实现一个vue的自定义插件。实现一个做数据校验的插件。

2023-05-02 13:44:51 377

原创 vue 的自定义指令

vue 自定义指令 directive

2023-05-02 09:36:24 72

原创 Vue Mixins插件的使用

2、如果Mixin和组件中都有的生命周期函数,先执行组件中的生命周期函数,再执行Mixin中的生命周期函数。3、组件属性的优先级,高于Mixin属性的优先级。1、组件中的data高于Mixin中的data;

2023-05-02 09:12:43 132

WebGL/ThreeJS 相机控件OrbitControls.js和性能控件/stats.min.js 使用案例

WebGL/ThreeJS 相机控件OrbitControls.js和性能控件/stats.min.js 使用案例

2021-11-29

ThreeJs的旋转缩放平移控件和性能监控控件

ThreeJs的旋转缩放平移控件OrbitControls和性能监控控件stats.min.js

2021-11-29

WebGL/ThreeJS项目初始化Demo

WebGL/ThreeJS项目初始化Demo

2021-11-29

ThreeJS创建纹理贴图demo.zip

WebGL/ThreeJS创建纹理贴图demo

2021-11-29

WebGL/ThreeJS 网格几何体(WireframeGeometry)demo

WebGL/ThreeJS 网格几何体(WireframeGeometry)demo

2021-11-29

WebGL/ThreeJS EdgesGeometry边缘几何体画一个立方体的边框demo

WebGL/ThreeJS EdgesGeometry边缘几何体画一个立方体的边框

2021-11-29

WebGL/ThreeJS项目初始化案例

WebGL/ThreeJS项目初始化案例Demo

2021-11-29

WebGL/ThreeJS灯光demo.zip

WebGL/ThreeJS灯光使用Demo

2021-11-28

正投影和透视投影相机对比demo.zip

WebGL/ThreeJS正投影和透视投影相机对比demo

2021-11-28

WebGL/ThreeJS材质覆盖小demo.zip

WebGL/ThreeJS材质覆盖小demo

2021-11-28

WebGL/ThreeJS场景雾化demo.zip

WebGL/Three场景雾化简易demo

2021-11-28

WebGL/ThreeJS入门简易demo之立方体.zip

WebGL/ThreeJS入门简易Demo画一个立方体

2021-11-28

LQ-1600K_XP.rar

爱普生 630K730K税控票据增值税发票送货单发货单清单针式打印机驱动

2021-11-23

ngxin1.12.0安装.zip

linux下ngxin1.12.0安装

2021-08-23

webserver10.zip

端对端1V1传输基本流程 十、第五节 获取 offer/answer 创建的 SDP https://blog.csdn.net/xyphf/article/details/107745274

2020-08-02

webserver10.zip

WebRTC端对端1V1传输基本流程 本机内的一对一音视频互通 https://blog.csdn.net/xyphf/article/details/107743111

2020-08-02

chatroom.zip

WebRTC信令服务器实现- WebRTC信令服务器的实现 https://blog.csdn.net/xyphf/article/details/107292309

2020-07-11

webrtctest7.zip

WebRTC采集屏幕数据 录屏功能 https://blog.csdn.net/xyphf/article/details/107240467

2020-07-09

webrtctest7.zip

WebRTC音视频录制实战 录制音视频实战 https://blog.csdn.net/xyphf/article/details/107238200

2020-07-09

webrtctest6.zip

WebRTC音视频数据采集 MediaStreamAPI及获取视频约束 https://blog.csdn.net/xyphf/article/details/107131986

2020-07-04

redis-x64-5.0.14.1

GitHub同源,就是下载太慢了,这里下载快一点, Redis-x64-5.0.14.1.zip,Redis-x64-5.0.14.1.msi,redis-5.0.14.1.zip,redis-5.0.14.1.tar.gz四个包都有

2024-01-02

Vite配置要点梳理源文件

Vite构建工具配置要点梳理源文件

2023-11-06

VUE3知识体系思维导图全面总结梳理

VUE3知识体系思维导图全面总结

2023-11-03

vue-devtools安装包

vue-devtools安装包,可以解压直接使用,支持vue3

2022-06-04

数字跑动效果的实现DEMO

数字滚动效果的实现

2022-06-01

Three.js的物体点击选中拾取DEMO

Three.js的物体点击选中拾取DEMO

2022-05-23

threejs常见灯光及阴影的使用

threeJS环境光(AmbientLight)点光源(PointLight)聚光灯(SpotLight)平行光(DirectinalLight)及阴影的使用

2022-05-19

threeJs透视相机PerspectiveCamera DEMO

threeJs透视相机PerspectiveCamera DEMO

2022-05-19

three.js正投影相机OrthographicCamera使用DEMO

three.js正投影相机OrthographicCamera使用DEMO,threeJS正交投影全屏和部分展示DEMO

2022-05-19

ThreeJS思维导图源文件.xmind

ThreeJS思维导图源文件

2022-01-07

ThreeJS渲染尺寸非浏览器窗体尺寸时选中会有问题方案解决DEMO.zip

ThreeJS渲染尺寸非浏览器窗体尺寸时选中会有问题方案解决DEMO

2022-01-06

WebGL/ThreeJS后期处理Demo

WebGL/ThreeJS后期处理

2021-12-13

ThreeJS创建天空盒的几种方法

ThreeJS创建天空盒的几种方法

2021-12-10

tweenjs动画库配合ThreeJS使用DEMO

tweenjs动画库配合ThreeJS使用DEMO

2021-12-09

ThreeJS使用Curve曲线让物体沿轨迹运动DEMO

ThreeJS使用Curve曲线让物体沿轨迹运动DEMO

2021-12-09

ThreeJS导出三维模型、导入三维模型、导入三维动画DEMO

ThreeJS导出三维模型、导入三维模型、导入三维动画

2021-12-07

WebGL/ThreeJS Sprite、SpriteMaterial通过精灵模型和Canvas画布Demo

WebGL/ThreeJS Sprite、SpriteMaterial通过精灵模型和Canvas画布Demo

2021-12-01

WebGL/ThreeJS场景中创建立体文字TextGeometry

WebGL/ThreeJS场景中创建立体文字TextGeometry

2021-11-30

WebGL/ThreeJS创建立体文字TextGeometry

WebGL/ThreeJS创建立体文字TextGeometry

2021-11-30

ThreeBSP库进行实现差集(相减)、并集(组合、相加)、交集(两几何体重合的部分)Demo

ThreeBSP库进行实现差集(相减)、并集(组合、相加)、交集(两几何体重合的部分)

2021-11-29

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除