Vue
文章平均质量分 88
仙魁XAN
作为技术及管理人员,精通VR/AR/MR 3D开发,擅长使用Unity、Three.js、Laya等平台,开发创新的游戏、家具设计、教育和工业仿真应用。
在游戏开发中,带领团队创造沉浸式体验,提供创新玩法和引人入胜的故事情节。家具设计上,通过AR技术,为用户提供新颖的家居体验。
教育领域,负责开发交互式教学应用,提升学生学习兴趣和理解力。工业仿真项目中,运用VR技术优化产品设计和生产流程,提高效率。
还涉足人工智能,开发智能化应用,提供个性化服务。凭借技术与管理能力,期待与合作伙伴共同开发创新项目,创造卓越数字体验。
展开
-
Vue 之 插件 轮播组件 vue-awesome-swiper 的简单使用整理
Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Vue 的轮播插件 vue-awesome-swiper ,并简单的使用,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。vue-awesome-swiper 是第一个第三方的库,可以用来实现移动端、pc端的滑动操作,十分方便。swiper options 使用介绍:Swiper中文网-轮播图幻灯片js插件,H5页面前端开发在GitHub上参考安装和使用对策教程。原创 2022-08-23 15:03:34 · 31439 阅读 · 1 评论 -
Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理
Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,vue 中添加 echarts ,然后在 vue 中简单使用一些 echarts中常用的图表,包括一些动态的图表、3D的图表等 ,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。原创 2022-08-19 15:13:00 · 7643 阅读 · 2 评论 -
Vue 之 mockjs 结合 axios 在 vue 中的随机数据生成的简单使用
Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,vue 中使用 mockjs ,并结合 axios 进行简单的随机数据生成,然后显示在界面上的简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。Mock.js为什么使用mockjs在做开发时,当后端的接口还未完成,前端为了不影响工作效率,手动模拟后端接口,1.我们可以使用json文件来模拟后台数据,但比较局限,无法模拟数据的增删改查2.使用json-server模拟,但不能随机生成所需数据。...原创 2022-08-16 14:21:29 · 1596 阅读 · 0 评论 -
Vue 之 vue-seamless-scroll 实现简单自动无缝滚动,且添加对应点击事件的简单整理
Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,vue 中添加 vue-seamless-scroll,简单实现自动无缝滚动的效果,并对应添加点击事件 ,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。vue-seamless-scroll 是一个基于Vue.js的简单无缝滚动组件, 基于requestAnimationFrame实现,配置多满足多样需求。目前支持上下左右无缝滚动,单步滚动,以及支持水平方向的手动切换功能。...原创 2022-08-05 10:51:23 · 16279 阅读 · 1 评论 -
Vue 之 Toast 消息提示插件的简单封装
Vue开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,vue中简单封装类似Toast的消息提示插件,然后在vue中简单使用,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。win10npm8.5.3vue2.6.14。......原创 2022-08-01 17:38:29 · 2767 阅读 · 0 评论 -
Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表、地图)
Vue开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,vue中添加echarts,然后在vue中简单使用,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。ECharts,一个使用JavaScript实现的开源可视化库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。折线图、柱状图、、......原创 2022-07-28 16:52:26 · 9023 阅读 · 1 评论 -
Vue 之 Vuex 使用 vuex 实现一个todo 列表的简单实例
Vue开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Vue开发的实例实战,使用Vue中的vuex来实现一个简单的todo案例,熟悉一下vuex的使用,如有不足,欢迎指出,或者你有更好的方法,欢迎留言。win10npm8.5.0vue2.5.2vuex3.6.2Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。状态视图状态。...原创 2022-07-14 23:31:56 · 460 阅读 · 0 评论 -
Vue 实例实战之 Vue webpack 仿去哪儿网App页面开发(应用中的几个页面简单实现)
目录Vue 实例实战之 Vue webpack 仿去哪儿网App页面开发(应用中的几个页面简单实现)一、简单介绍二、环境三、效果预览四、项目的页面结构五、项目主要插件六、项目实现过程七、router路由管理, store vuex 状态管理 说明八、几个性能优化点说明九、axios 获取服务端数据说明十、src/common 的共有 vue 十一、src/assets/styles 存放css 样式、常用的变量样式参数等 十二、该仿去哪儿网的演示项目源码下载Vue 开发的一些知识整理,方便后期遇到类似的问题原创 2022-06-28 23:09:14 · 1502 阅读 · 0 评论 -
Vue 之 移动端 better-scroll 下 click 事件失效问题(PC端却正常click点击)
Vue 之 移动端 better-scroll 下 click 事件失效问题(PC端却正常click点击)Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Vue 在PC 端在使用 better-scroll 下的 click 能正常点击,切换到移动端, better-scroll 下的 click点击却失效的简单处理 ,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。1、在使用better-scroll 进行页面过长的滚动预览,2、在 better-scroll 滚原创 2022-06-26 20:53:24 · 1042 阅读 · 1 评论 -
Vue 之 编译之 处理 warning Delete `␍` prettier/prettier
Vue 之 编译之 处理 warning Delete `␍` prettier/prettier一、简单介绍Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Vue 编译的出现Delete `␍` prettier/prettier 问题的简单处理 ,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。二、Delete `␍` prettier/prettier 现象三、原因分析1、可能原因可能是 eslint 配置后运行项目.原创 2022-05-06 14:24:34 · 12834 阅读 · 2 评论 -
Vue 之 Vue Cli Html 移动端的强制横屏功能简单实现
Vue 之 Vue Cli Html 移动端的强制横屏功能简单实现目录Vue 之 Vue Cli Html 移动端的强制横屏功能简单实现一、简单介绍二、实现原理三、注意事项四、效果预览五、实现步骤六、关键代码七、其他一、简单介绍Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Vue Cli Html 移动端的强制横屏功能简单实现,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。实现竖屏横显示,关键用到了css原创 2022-04-10 22:05:12 · 16580 阅读 · 7 评论 -
Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明(Eruda、vConsole)
Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明(Eruda、vConsole)目录Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明(Eruda、vConsole)一、简单介绍二、Eruda1、安装2、使用3、实用三、vConsole1、安装2、使用3、实用四、关键代码五、CDN 方式使用 Eruda 、vConsole六、其他一、简单介绍 Vue 开发的一些知识整理,方便后期遇到类似...原创 2022-04-09 14:18:25 · 7636 阅读 · 0 评论 -
Vue 之 Vue Cli 创建 Three js 工程( 网页 3D )的简单整理(一些注意事项)
Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Vue 前端开发中使用 Vue cli + three 结合开发网页 3D 场景,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。操作环境: win 10 node 16.14.2 版本 npm 8.5.0 版本 @vue/cli 5.0.4 three 0.139.1原创 2022-03-31 22:35:22 · 3075 阅读 · 1 评论 -
Web 前端 之 Vue vue cli 环境的搭建简单整理(简单的一些注意事项)
一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 前端开发中使用 Vue cli ,环境的安装搭建,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。二、实现原理安装1、使用 node 的相关命令进行操作者(如果没有安装 node ,需要先安装)2、npm install -g @vue/cli 安装 (注 :安装 vue-cli 脚手架目前需要node版本为 v4.0 以上)3、npm...原创 2022-03-29 22:05:48 · 1639 阅读 · 0 评论 -
Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function
IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理目录IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理一、简单介绍二、报错现象三、问题分析四、问题处理一、简单介绍Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Vue 运行时报错 Syntax Error: TypeError: this.getOptions ...原创 2021-10-29 11:53:49 · 26594 阅读 · 9 评论 -
Web 前端 之 Vue 脚手架环境的安装搭建/并创建Vue脚手架工程简单整理(内含:国内环境安装搭建 下载速度慢 的简单解决办法)
一、简单介绍Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,Web 前端开发中使用 Vue 脚手架时,环境的安装搭建,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。二、实现原理安装1、使用 node 的相关命令进行操作者(如果没有安装 node ,需要先安装)2、npm install -g @vue/cli 安装3、npm install -g @vue/cli-init 安装初始化的一些东西创...原创 2021-10-17 17:38:06 · 924 阅读 · 0 评论 -
Web 报错 之 WebStorm vue文件编码格式报红(编码格式错误提示)的简单处理
Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,在使用 Webstorm 编写 vue 文件的时候,代码没有错误,但是编码格式显示报错提示,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。原创 2021-10-17 17:18:18 · 5673 阅读 · 0 评论