
Web
文章平均质量分 86
仙魁XAN
作为技术及管理人员,精通VR/AR/MR 3D开发,擅长使用Unity、Three.js、Laya等平台,开发创新的游戏、家具设计、教育和工业仿真应用。
在游戏开发中,带领团队创造沉浸式体验,提供创新玩法和引人入胜的故事情节。家具设计上,通过AR技术,为用户提供新颖的家居体验。
教育领域,负责开发交互式教学应用,提升学生学习兴趣和理解力。工业仿真项目中,运用VR技术优化产品设计和生产流程,提高效率。
还涉足人工智能,开发智能化应用,提供个性化服务。凭借技术与管理能力,期待与合作伙伴共同开发创新项目,创造卓越数字体验。
展开
-
Three 之 three.js (webgl)GLSL-Card 中文手册(基础知识)
Three js 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本文简单记录 GLSL 的一些中文手册的基础知识,以便后期查阅。转载 2022-09-21 16:03:12 · 2238 阅读 · 0 评论 -
Web 前端 之 html 移动端/PC端元素长按功能的简单封装,实现元素长按事件的触发
Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web前端开发中,有时候需要长按功能,这里进行长按功能大封装,只要传入元素和触发事件,就会给指定元素添加长按功能,长按该元素就会触发对应长按事件,其中PC 端可以使用 mouse 相关监听,移动端 可以使用 pointer 相关监听。以供大家参考,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。二、实现原理1、主要是 pointerdown、pointerup、ponitermove 三个事件进行实现,做原理讲解。原创 2022-10-26 15:21:43 · 2915 阅读 · 0 评论 -
Web 之 Webpack 异步加载(懒加载)分包和使用SplitChunksPlugin 进行简单拆解分包
目录Web 之 Webpack 异步加载(懒加载)分包和使用SplitChunksPlugin 进行简单拆解分包一、简单介绍二、基础工程(未使用 SplitChunksPlugin 时)三、懒加载分包的方式重新打包四、SplitChunksPlugin 插件分包 Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 前端开发中使用 webpack ,测试 webpack 懒加载分包和使用SplitChunksPlugin 进行简单分包整理,如果有不足之处,欢迎原创 2022-07-12 15:08:43 · 3502 阅读 · 0 评论 -
Web 前端 之 Webpack 的十分钟简单入坑 Webpack 教程
目录Web 前端 之 Webpack 的十分钟简单入坑 Webpack 教程一、简单介绍二、基础环境搭建三、webpack 基础方法打包(webpack --mode=development ./myMain.js)四、webpack 使用配置文件进行打包(webpack)五、webpack-dev-server 浏览运行编译的包网页(http://localhost:8080/) Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 前端开发中使用 webpa原创 2022-07-08 15:56:39 · 2398 阅读 · 0 评论 -
Web 之 npm 在官网发布自己的包(npm下载安装自己发布的包)流程简单整理
目录Web 之 npm 在官网发布自己的包(npm下载安装自己发布的包)流程简单整理一、简单介绍二、实现原理三、注意事项四、在 npm 官网注册一个账号五、准备自己要发布包六、发布自己的包七、npm install 测试自己发布的包 Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 前端开发中使通过npm(node package manager),开发者们编辑共享自己的模块,其方便的管理方式,便捷的操作命令,使得该得到广泛使用,这里简单一下在 npm 官网原创 2022-07-07 11:41:02 · 2135 阅读 · 0 评论 -
Web 前端 之 Webpack 的环境搭建,以及测试第一个webpack编译打包测试代码工程
目录Web 前端 之 Webpack 的环境搭建,以及测试第一个webpack编译打包测试代码工程一、简单介绍二、实现原理三、环境搭建node (npm) 的安装 修改 npm 全局包安装路径 (就可以将全局包不安装在C盘)安装cnpm,解决npm安装速度慢甚至不能安装的问题全局安装 webpack 全局安装 webpack-cli四、webpack 进行代码打包(webpack --mode=development ./app.js)五、webpack 进行代码打包(webpack --config we原创 2022-07-02 20:44:00 · 1173 阅读 · 0 评论 -
Web 前端 之 Vue webpack 环境的搭建及工程创建简单整理
目录Web 前端 之 Vue webpack 环境的搭建及工程创建简单整理一、简单介绍二、实现原理三、注意事项四、安装步骤node (npm) 的安装 修改 npm 全局包安装路径 (就可以将全局包不安装在C盘)安装cnpm,解决npm安装速度慢甚至不能安装的问题安装 vue cli 环境必要的时候安装 npm i -g @vue/cli-init安装 npm install -g webpack五、创建工程Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 前端开发中使原创 2022-06-22 13:36:46 · 736 阅读 · 0 评论 -
npm 报错之 vue项目中stylus-loader版本兼容问题(stylus(css预处理框架))
目录npm 报错之 vue项目中stylus-loader版本兼容问题(stylus(css预处理框架))一、简单介绍二、报错现象三、分析四、解决方案Node.js 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Node.js npm 常用的命令,这里做简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。由报错的信息提示,可知,1、Webpack 当前版本是 3.12.02、 npm install stylus-loader --save 安装的是 stylus-l原创 2022-06-09 21:33:56 · 1712 阅读 · 1 评论 -
Web WebStorm 之 开发常用插件简单整理
Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发中,在 使用 WebStrom 时, WebStrom 中常用的插件或美观或者提高开发效率的插件简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。...原创 2022-06-09 08:20:03 · 7725 阅读 · 0 评论 -
Web 之 JavaScript 一些常用的方法或者开发技巧整理(代码整理)
Web 之 JavaScript 一些常用的方法或者开发技巧整理(代码整理)目录Web 之 JavaScript 一些常用的方法或者开发技巧整理(代码整理)一、简单介绍二、整理内容1、JavaScript 中,如何保留二位小数2、度数转弧度3、JavaScript 对象 转换为 JSON 字符串,可使用 JSON.stringify()4、Json 字符串解析一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web原创 2022-04-19 08:26:51 · 306 阅读 · 0 评论 -
Web 之 html 如何显示隐藏Html元素的两种方法简单整理
Web 之 html 如何显示隐藏Html元素的两种方法简单整理目录Web 之 html 如何显示隐藏Html元素的两种方法简单整理一、简单介绍二、实现原理三、注意事项四、代码示例一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发中, 如何显示隐藏Html元素的两种方法简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。二、实现原理1、方法一:div的visibility可以控制div原创 2022-04-18 18:08:05 · 6772 阅读 · 0 评论 -
Web 插件 之 ECharts 实现中国地图数据的简单展示实现
Web 插件 之 ECharts 实现中国地图数据的简单展示实现目录Web 插件 之 ECharts 实现中国地图数据的简单展示实现一、简单介绍二、实现原理三、注意事项四、预览效果五、实现步骤六、关键代码一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发 中 ECharts 进行数据动态排序柱状图可视化图表使用方法,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。ECharts 官网:..原创 2021-11-21 18:44:58 · 8894 阅读 · 4 评论 -
Web 插件 之 ECharts 动态排序柱状图可视化图表库简单实现
Web 插件 之 ECharts 动态排序柱状图可视化图表库简单实现目录Web 插件 之 ECharts 动态排序柱状图可视化图表库简单实现一、简单介绍二、实现原理三、ECharts 动态排序柱状图效果预览四、注意事项五、关键代码一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发 中 ECharts 进行数据的可视化图标库的简单使用方法,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。...原创 2021-11-21 17:28:04 · 6390 阅读 · 5 评论 -
Web 插件 之 ECharts 可视化图表库简单介绍和使用
Web 插件 之 ECharts 可视化图表库简单介绍和使用目录Web 插件 之 ECharts 可视化图表库简单介绍和使用一、简单介绍二、ECharts 的一些效果三、ECharts 使用说明四、实现步骤五、关键代码一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发 中 ECharts 进行数据的可视化图标库的简单使用方法,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。ECha...原创 2021-11-19 17:21:28 · 3764 阅读 · 0 评论 -
Web 基础之 SSH 框架访问网页返回 json 数据简单实现的整理
Web 基础之 SSH 框架访问网页返回 json 数据简单实现的整理目录Web 基础之 SSH 框架访问网页返回 json 数据简单实现的整理一、简单介绍二、相关环境三、注意事项四、具体实现步骤五、关键代码六、工程下载一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发 中 使用 SSH 框架,简单实现访问网页返回 json 数据的方法,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。...原创 2021-11-11 11:31:27 · 2882 阅读 · 0 评论 -
Web 基础 之 Eclipse 中如何把新建的 jsp 文件默认的编码格式(ISO-8859-1)修改为 UTF-8,避免中文乱码
Web 基础 之 Eclipse 中如何把新建的 jsp 文件默认的编码格式(ISO-8859-1)修改为 UTF-8,避免中文乱码目录Web 基础 之 Eclipse 中如何把新建的 jsp 文件默认的编码格式(ISO-8859-1)修改为 UTF-8,避免中文乱码一、简单介绍二、操作环境三、默认新建 jsp ,编码格式是 ISO-8859-1,网页显示中文会乱码四、把新建 jsp 的默认编码格式改为 UTF-8,避免中文乱码现象一、简单介绍Web 开发...原创 2021-11-10 17:00:24 · 3168 阅读 · 0 评论 -
Web 框架之 SSH 框架的简单搭建的简单整理(基于Eclipse)
一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发 中SSH 框架的简单搭建的简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。SSH框架集,是现在大多数软件设计过程中都会使用的一种框架集。集成SSH框架的系统从职责上分为四层:表示层、业务逻辑层、数据持久层和域模块层,以帮助开发人员在短期内搭建结构清晰、可复用性好、维护方便的Web应用程序。其中使用Struts作为系统的整体基础架构,负责MVC的分离,在S...原创 2021-11-08 18:11:05 · 2880 阅读 · 0 评论 -
Node.js 基础之 npm 常用命令集合的简单整理
Node.js 基础之 npm 常用命令集合的简单整理目录Node.js 基础之 npm 常用命令集合的简单整理一、简单介绍二、常用命令1、npm install :安装nodejs的依赖包2、npm-v :查看npm安装的版本 (或者判断是否安装 npm 成功)3、node -v :查看node安装的版本(或者判断是否安装 node 成功)4、npm init :npm 初始化5、npmoutdated:检查包是否已经过时6、npmupdatem......原创 2021-10-29 17:49:28 · 5531 阅读 · 1 评论 -
IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理
一、简单介绍IntellJ IDEA 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,IIntellJ IDEA 基础创建 SpringBoot 整合 SSM 框架的 Maven 工程的方法,这里做简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。二、相关环境1、Windows 102、IntellJ IDEA 2021.2.33、apache-maven-3.8.3三、IntellJ IDEA 设置 Maven 本地环境...原创 2021-10-28 16:41:39 · 273 阅读 · 0 评论 -
Web 前端 之 Vue 浏览器调试工具 Vue.js devtools 安装(三种方法)的简单整理
一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Vue 浏览器调试工具 Vue.js devtools 安装,这里做简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。vue-devtools是一款基于chrome浏览器的插件,用于vue应用的调试,这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。接下来将介绍三种安装方法。二、相关环境1、Windows 102、Goog...原创 2021-10-28 12:37:43 · 6969 阅读 · 0 评论 -
IntellJ IDEA 基础之 一些常用插件plugin 简单整理 (辅助提高编写代码效率)
IntellJ IDEA 基础之 一些常用插件plugin使用 (辅助提高编写代码效率)目录IntellJ IDEA 基础之 一些常用插件plugin使用 (辅助提高编写代码效率)一、简单介绍二、演示操作环境三、插件 Plugin 如何获取安装四、 常用的插件推荐1、Alibaba Java Coding Guidelines的代码检查工具2、activate-power-mode 代码编写效果插件3、Background Image Plus 添加背景图插件..原创 2021-10-27 17:21:42 · 9187 阅读 · 3 评论 -
IntellJ IDEA 基础之 常用快捷代码段生成的简单整理(代码生成利器: Live Templates(含如何自定义自己的快捷代码段))
一、简单介绍IntellJ IDEA 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,IIntellJ IDEA 基础常用快捷代码段生成的使用,这里简单以 java 为例,其实大家也可以自定义自己的代码段呢,这里做简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。IntelliJ IDEA(简称 IDEA),是 Java 语言开发的集成环境,IDEA 在业界被公认为最好的 Java 开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE...原创 2021-10-27 15:06:10 · 2366 阅读 · 0 评论 -
IntellJ IDEA 基础之 常用快捷键的简单整理
IntellJ IDEA 基础之 常用快捷键的简单整理目录IntellJ IDEA 基础之 常用快捷键的简单整理一、简单介绍二、演示操作环境二、Ctrl1、Ctrl+F在当前文件进行文本查找2、Ctrl+R在当前文件进行文本替换3、Ctrl+Z 撤销操作4、Ctrl+Y 删除光标所在行 或 删除选中的行5、Ctrl+X剪切光标所在行 或 剪切选择内容6、Ctrl+C复制光标所在行 或 复制选择内容7、Ctrl+...原创 2021-10-26 16:48:04 · 1879 阅读 · 0 评论 -
IntellJ IDEA 之 创建第一个项目,并且配置一些必要的工具栏和代码样式主题/模板
IntellJ IDEA 之 创建第一个项目,并且配置一些必要的工具栏和代码样式模板目录IntellJ IDEA 之 创建第一个项目,并且配置一些必要的工具栏和代码样式模板一、简单介绍二、相关环境三、创建第一个项目四、设置主题风格五、模板的简单配置一、简单介绍IntellJ IDEA 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,IntellJ IDEA 创建第一个项目,并且配置一些必要的工具栏和代码样式模板,如果有不足之处,...原创 2021-10-25 22:03:37 · 452 阅读 · 0 评论 -
IntellJ IDEA 之 IntellJ IDEA 环境的下载安装与简单配置的简单整理
IntellJ IDEA 之 IntellJ IDEA 环境的下载安装与简单配置的简单整理目录IntellJ IDEA 之 IntellJ IDEA 环境的下载安装与简单配置的简单整理一、简单介绍二、相关环境需要三、IntellJ IDEA 的下载四、IntellJ IDEA 的安装和简单配置一、简单介绍IntellJ IDEA 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,IIntellJ IDEA 环境的下载安装与简单配置...原创 2021-10-25 14:50:29 · 497 阅读 · 0 评论 -
Web 基础 之 Eclipse 中 SpringBoot 整合 SSM 环境 配置文件版和 注解版 两种版本方法使用的简单整理
Web 基础 之 Eclipse 中 SpringBoot 整合 SSM 环境 配置文件版和 注解版 两种版本方法使用的简单整理目录Web 基础 之 Eclipse 中 SpringBoot 整合 SSM 环境 配置文件版和 注解版 两种版本方法使用的简单整理一、简单介绍二、相关环境三、SpringBoot 整合 SSM 环境 ,使用配置文件的方法四、SpringBoot 整合 SSM 环境 ,使用注解的方法一、简单介绍Web 开发的一些知识整理,方便后期遇到...原创 2021-10-24 14:34:05 · 1394 阅读 · 1 评论 -
Web 基础 之 Eclipse 中配置自己的 Maven ,并运行 Maven 工程简单整理
Web 基础 之 Eclipse 中配置自己的 Maven ,并运行 Maven 工程简单整理目录Web 基础 之 Eclipse 中配置自己的 Maven ,并运行 Maven 工程简单整理一、简单介绍二、相关环境三、具体步骤Eclipse 中配置 MavenEclipse 中导入运行Maven 工程一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发 中 Eclipse 中配置自己的 Mav...原创 2021-10-20 12:31:19 · 849 阅读 · 0 评论 -
Web 基础 之 Maven 下载和环境搭建配置的简单整理
Web 基础 之 Maven 下载和环境搭建配置的简单整理目录Web 基础 之 Maven 下载和环境搭建配置的简单整理一、简单介绍二、搭建环境三、具体步骤maven 下载maven 环境配置一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发中搭建 Maven 的下载和环境配置搭建的方法的简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。二、搭建环境1、Windows 1...原创 2021-10-20 10:50:33 · 174 阅读 · 0 评论 -
Web 之 Eclipse 搭建 Gradle 环境/并且运行 Gradle 工程(spring web)简单整理
Web 之 Eclipse 搭建 Gradle 环境/并且运行 Gradle 工程(spring web)简单整理目录Web 之 Eclipse 搭建 Gradle 环境/并且运行 Gradle 工程(spring web)简单整理一、简单介绍二、案例环境三、Gradle 环境配置四、Eclipse 中运行 Gradle 项目一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发 Eclipse中搭建 Grad..原创 2021-10-19 20:50:45 · 4779 阅读 · 0 评论 -
Web 之 Eclipse 搭建 SpringBoot 环境 的简单整理
Web 之 Eclipse 搭建 SpringBoot 环境 的简单整理目录Web 之 Eclipse 搭建 SpringBoot 环境 的简单整理一、简单介绍二、操作环境三、实现步骤一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 开发 Eclipse中搭建 SpringBoot 环境的方法的简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。二、操作环境1、Windows 102、..原创 2021-10-19 17:54:34 · 674 阅读 · 0 评论