- 博客(801)
- 资源 (60)
- 收藏
- 关注
RSS订阅
原创 实现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
693
原创 华为你学不会思维脑图
华为的成功的两个凭力量之处：一是管理，二是技术务实与远见并行避免闲扯，有计划的选书去读，有计划的与人交流。聚焦管道战略避免教育员工做一个奋斗者，但是却不给员工高工资避免喊口号式的说技术决定实力，但是却缺少实际人、财、物的投入。当企业刚起步时避免，向现行华为学习，规模上不一致，避免发生小孩子像奥运冠军一样训练而扭伤身体的悲剧，而是学习奥运冠军小时候是如何学习锻炼和补充营养...
2018-11-07 16:23:38
1004
原创 SQL语句思维导图
DDL 数据定义语言(data define language)DML 数据操作语言(data manipulation language)TCL 事物控制语句(transaction control language)
2018-10-18 08:56:35
3493
原创 一、常见互联网架构集群演化图
在早期部署项目的时候采取的是单机应用，项目部署到服务器上，用户是直接访问服务器，并且这台服务器是台外网(即广域网)的服务器渐渐的随着用户量的增加，问题：一台服务器已经不够用了，解决方式：于是我们将准备两台服务器搭成集群搭完集群之后，假如原来十个用户访问一台服务器,现在平均开，五个人访问上面的服务器，五个人访问另一个服务器，这样用户的体验就会稍微好一点，这样做还有个好处是假如...
2018-09-24 20:49:00
5105
原创 一、基于Spring Cloud的分布式微服务架构简介
目前实现分布式服务架构的主流实现方式有:①Dubbo+zookeeper②SpringBoot+Cloud这两种技术都可以将功能服务分散到不同服务器部署，然后实现服务间通信（调用）。请求-->处理1-->处理2-->响应。意思可以将处理1和处理2做成独立服务分开部署，然后再进行RPC（Dubbo）或HTTP请求和响应模式(Cloud)交互。 Dubbo和C...
2018-09-16 14:24:08
680
原创 一、TypeScript简介
我先简单介绍一些TypeScript,TypeScript是微软开发的一门编程语言，它是JavaScript的一个超集,它遵循最新的ES6脚本语言规范，TypeScript扩展了JavaScript的语法，已经存在的JavaScript程序可以不经任何改动的情况下在TypeScript环境下运行。TypeScript只是想JavaScript添加了一些新的遵循ES6规范的语法、以及基于类的...
2018-08-22 14:46:10
1839
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
5042
4
原创 详解大型互联网项目服务端架构演进历程
从一个小网站说起，一台服务器也就够了，文件服务器和数据库都部署在一台机器上，所成All in one随着用户越来越多，访问量越来越大，硬盘、CPU、内存等开始吃紧，一台服务器已经满足不了了这时我们讲数据服务和应用服务进行一个分离，给应用服务器配置更好的CPU，内存等等，而给数据服务器配置更好、更快、更大的硬盘。利润我们这张图利用了三台服务器，分离之后可以提高一定的性能和可用...
2018-07-22 10:44:31
3946
原创 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
3897
原创 Performance说明书
<think>我们根据内容生成摘要，要求≤150字。需要概括Chrome DevTools Performance面板的主要功能、使用方法和用途。注意简洁。</think>本文介绍了Chrome DevTools Performance面板的性能分析功能，涵盖打开方式、录制流程、关键指标（FPS、Frame、CPU、Memory等）、底部详情面板及常见优化场景，帮助开发者定位性能瓶颈，优化页面加载与交互体验。
2026-09-07 21:30:00
47
原创 后端返回数据量特别大
<think>我们根据要求，生成≤150字的文章摘要。内容是关于前端处理大量后端数据的优化方案。需要总结核心观点和主要方案。文章列举了8种方案：分页/虚拟滚动、流式响应、压缩传输、按需加载/字段裁剪、增量更新、Web Worker、数据分片、IndexedDB缓存。摘要需简洁，不超过150字。注意字数。</think>本文针对后端返回大量数据的前端性能问题，提出网络、内存、渲染三层优化方案：包括后端分页配合虚拟滚动、流式响应边收边渲染、Gzip压缩传输、按需字段裁剪、增量更新减少全量传输、Web Worke
2026-09-07 21:00:00
44
原创 10分钟快览Vue3、Vuex、Pinia 常用知识点、差异与优缺点
使用定义 store两种风格：（类似 Vuex）（Composition API 风格，推荐）})})// 访问: store.state.count})// 访问: counter.countgetters: {// 访问: store.getters.doubleCount// 访问: counter.doubleCountComposition API 提供更灵活的代码组织方式更好的性能（响应式系统优化、Tree Shaking、更小的 bundle）
2026-08-18 15:59:11
307
原创 Vite 与 Webpack 对比及常见面试题
Vite 与 Webpack 对比摘要 核心区别 Vite 和 Webpack 都是前端构建工具，但设计理念不同： Webpack：基于打包模式，从入口递归构建完整依赖图，适合复杂项目 Vite：利用浏览器原生 ES Module，开发时按需编译，启动和热更新极快 关键对比 模块处理：Webpack 支持多种模块格式，Vite 专注 ESM 热更新：Vite 的 HMR 更快，基于原生 ESM 构建速度：Vite 开发模式快 10-100 倍，生产构建用 Rollup 生态：Webpack 插件更丰富，Vi
2026-08-18 10:48:38
245
原创 qiankun 微前端框架 — 核心知识点与面试题问答
文章摘要 微前端（Micro-Frontends）是一种将单体前端应用拆分为多个独立开发部署的小型应用的架构风格。其核心思想由主应用负责路由分发与生命周期管理，子应用独立运行。qiankun作为主流微前端框架，基于single-spa封装，提供样式隔离、JS沙箱等核心功能。 微前端解决技术栈耦合、团队协作效率等问题，但会带来调试复杂度增加等挑战。实施时，主应用需通过registerMicroApps注册子应用配置，利用start方法启动。子应用需导出bootstrap、mount、unmount三个生命周期
2026-08-18 10:36:10
354
原创 企业级微前端项目完整创建步骤，第六步：测试功能
2. 子应用 ：部署到子域名或 CDN（如 https://vue.example.com , https://react.example.com ）3. 访问 React 子应用 ： http://localhost:8080/react-app。2. 访问 Vue 子应用 ： http://localhost:8080/vue-app。1. 状态管理 ：使用中心化状态管理，所有子应用通过主应用的 actions 进行通信。- ✅ 子应用与子应用之间的通信（通过主应用中转）
2026-07-25 18:08:49
163
原创 企业级微前端项目完整创建步骤，第四步：配置 React 子应用
4.2 创建自定义配置 config-overrides.js。4.5 创建 React 子应用组件 src/App.tsx。4.3 创建 .env.development 文件。4.4 修改入口文件 src/index.tsx。
2026-07-25 18:04:16
152
1
原创 企业级微前端项目完整创建步骤，第三步：配置 Vue 子应用
3.4 创建 Vue 子应用组件 src/App.vue。3.2 配置 Vite vite.config.js。3.3 创建子应用入口 src/main.ts。
2026-07-25 18:00:22
239
原创 企业级微前端项目完整创建步骤，第二步：配置主应用
2.6 创建主应用首页组件 src/components/HomePage.vue。2.2 创建微前端配置文件 src/micro-app.ts。2.3 创建路由配置 src/router/index.ts。2.5 创建主应用根组件 src/App.vue。2.4 创建主应用入口 src/main.ts。
2026-07-25 17:56:35
200
原创 谈谈MVC、MVVM、MVP、AOP的区别
今天我们来谈谈 MVC、MVVM、MVP和 AOP 的区别。这些概念分属不同层级：MVC/MVVM/MVP 是架构模式，用于组织代码结构；AOP 是编程范式，解决横切关注点的问题。
2025-08-04 11:53:29
1151
原创 web前端React和Vue框架与库安全实践
为什么依赖过时的库会增加安全风险？如何通过npm audit或OpenSCA检测漏洞？2025 年推荐的 SCA（软件成分分析）工具新增了哪些功能？例如代码溯源和许可证合规分析。
2025-08-03 17:36:24
1351
原创 关于Web前端安全防御之安全头配置
X-Content-Type-Options: nosniff 阻止 MIME 嗅探，避免类型混淆攻击；HSTS 强制 HTTPS，防御降级和中间人攻击。2025 年 HSTS 推荐配置为 max-age=63072000; includeSubDomains; preload（按需），通过延长缓存期和子域名覆盖增强安全性。preload 机制通过浏览器内置列表解决首次访问漏洞，适合高安全性需求的网站，但需确保全域名 HTTPS 兼容性。
2025-08-03 17:12:11
844
原创 关于Web前端安全之XSS攻击防御增强方法
仅依赖前端验证是无法完全防止 XSS的，还需要增强后端验证，使用DOMPurify净化 HTML 时，还需要平衡安全性与业务需求。
2025-08-03 16:57:03
1268
原创 关于Web前端安全防御之内容安全策略（CSP）
CSP（Content Security Policy，内容安全策略）是一种由浏览器强制执行的安全层，核心作用是限制网页可以加载和执行的资源来源（如脚本、样式、图片等），以及控制页面的行为（如是否、表单提交等）。通过明确指定可信的资源来源和允许的操作，CSP 能有效防御 XSS、点击劫持、数据注入等多种攻击，从根源上阻断恶意代码的加载和执行。
2025-08-03 16:32:41
1319
原创 关于Web前端安全防御之点击劫持的原理及防御措施
点击劫持（Clickjacking）是一种视觉欺骗攻击，攻击者通过将目标网站页面嵌套在自己的恶意页面的 <iframe> 中，并设置透明样式覆盖在精心设计的诱导性内容（如按钮、链接）上方，诱导用户点击。用户看似点击的是恶意页面的元素，实际点击的是被嵌入的目标网站的敏感按钮（如 “确认支付”“删除账号” 等），从而在用户不知情的情况下执行非预期操作。
2025-08-02 22:59:04
1303
原创 关于Web前端安全防御CSRF攻防的几点考虑
CSRF（Cross-Site Request Forgery，跨站请求伪造）是一种攻击方式，攻击者诱导用户在已登录目标网站的情况下，向该网站发送恶意请求，利用用户的身份凭证（如 Cookie）执行非预期操作（如转账、修改密码等）。
2025-08-02 22:38:32
1076
原创 关于Web前端安全防御XSS攻防的几点考虑
防御 XSS 的核心原则是：对所有不可信数据进行严格过滤和转义（如将<转义为<），避免使用危险的 DOM 操作方法，同时启用 CSP（内容安全策略）限制脚本执行。
2025-08-02 22:16:09
1105
原创 JavaScript特殊集合WeakMap 的使用及场景介绍
WeakMap 是 JavaScript 中的一种特殊集合类型，主要用于存储键值对，但其特性与普通 Map 有显著区别，尤其适合特定场景。以下是其具体使用细节
2025-08-02 21:12:39
622
原创 关于echarts的性能优化考虑
摘要： 针对ECharts性能优化，核心思路包括数据降采样（使用内置sampling或Douglas-Peucker算法）、数据懒加载和缓存处理；渲染层面建议限制图表尺寸、选择高效图表类型并减少重绘频率；交互优化需关闭不必要功能并做好事件清理；工程化方面推荐按需引入模块和精简配置。对于极端场景（百万级数据或多图表页面），可采用后端预处理或可视区域渲染策略。优化重点在于平衡数据量与视觉需求，避免主线程阻塞。
2025-08-02 21:01:56
2695
原创 谈谈WebAssembly、PWA、Web Workers的作用和场景
WebAssembly：解决 JavaScript 性能瓶颈，适合计算密集型任务（如图像处理、科学计算），需结合 Rust/C++ 开发；PWA：提升 Web 应用的离线能力和用户体验，适合内容型、工具类应用，核心是 Service Worker 和缓存策略；Web Workers：实现多线程并行，避免主线程阻塞，适合大数据处理、复杂逻辑计算，需注意线程间通信成本。
2025-08-02 20:47:36
1200
原创 事件队列事件循环(EventLoop) 宏任务 微任务详解 面试题
事件队列 事件循环 Event Loop 宏任务 微任务 vue nextTick原理 详解
2024-04-02 19:43:33
2246
2
ThreeBSP库进行实现差集(相减)、并集(组合、相加)、交集(两几何体重合的部分)Demo
2021-11-29
WebGL/ThreeJS 相机控件OrbitControls.js和性能控件/stats.min.js 使用案例
2021-11-29
webserver10.zip
2020-08-02
chatroom.zip
2020-07-11
webserver10.zip
2020-08-02
robo3t-1.4.4版本(苹果MAC版本、windows版本、Linux版本)-MongoDB客户端工具
2026-08-19
昆仑通态触摸屏连接西门子S7-1200 PLC 标签驱动包， McgsPro-西门子-S7Plus-12001500-以太网-标签驱动-8.0.0.15-20240222
2025-04-29
redis-x64-5.0.14.1
2024-01-02
threejs常见灯光及阴影的使用
2022-05-19
three.js正投影相机OrthographicCamera使用DEMO
2022-05-19
WebGL/ThreeJS Sprite、SpriteMaterial通过精灵模型和Canvas画布Demo
2021-12-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人