草庐IT

nodejs_vue

全部标签

vue 集成 Three.js 实现页面3D 模型显示及 模型拼接 单独方法

最进研究Three.js 所以发布及记录一篇3D的文章  第一步引入Threenpminstallthree然后 页面引入  整个页面 基本每行我都有标注  应该很清楚 并且 复制粘贴 整个页面 替换一下 模型模型 也可以使用  模型的位置:  下附代码 import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{GLTFLoader}from'three/examples/jsm/loaders/GLTFLoader.js'exportdefaul

WebSocket+Vue实现简易多人聊天室 以及 对异步调用的理解

目录聊天室WebSocket+Vue前端布局导航栏登陆页面聊天页面WebSocket后端运行结果异步调用AJAXPromiseasync/awaitaxios请求流程取消流程总结代码仓库:github聊天室WebSocket+Vue  HTTP是不支持长连接的,WebSocket是一种通信协议,提供了在单一、长连接上进行全双工通信的方式。它被设计用于在Web浏览器和Web服务器之间实现,但也可以用于任何需要实时通信的应用程序。使用ws作为协议标识符,如果需要加密则使用wss作为协议标识符,类似于http和https的区别。相比HTTP,WebSocket请求头多了      Upgrade:w

基于vue.js在线小说电子书阅读系统设计与实现(uni-app框架+PHP后台) 研究背景和意义、国内外现状

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义随着互联网的普及和数字化技术的飞速发展,人们的阅读习惯正在发生深刻变化。传统的纸质书籍已经逐渐被电子书所取代,而在线小说作为电子书的重要分支,更是受到了广

牛掰,Alibaba内部《SpringBoot+vue全栈开发实战项目》重磅开源

前言近年来,随着互联网技术的快速发展,全栈开发成为了一个备受瞩目的技能。全栈开发不仅可以提高开发效率,还能够更好地满足用户需求。在这个背景下,Alibaba内部最新推出的《SpringBoot+vue全栈开发实战项目》的重磅开源无疑是一个令人振奋的消息。《SpringBoot+vue全栈开发实战项目》是由Alibaba内部的一支顶尖开发团队倾力打造的,其目的是为了分享他们在全栈开发领域的经验和技巧。这个项目集合了SpringBoot和vue两个流行的开发框架,可以帮助开发者快速搭建高性能、可扩展的全栈应用程序。这个开源项目不仅包含了一个完整的项目示例,还提供了详细的文档和教程。开发者可以通过阅

基于Java+Vue+uniapp微信小程序懂球短视频平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:

vue3自定义指令实现超出显示省略号,鼠标浮入弹出title,显示全部文本

vue3自定义指令代码实现importtype{DirectiveBinding}from'vue'exportdefault{mounted(el:HTMLElement,binding:DirectiveBinding){constscroll=el.scrollWidthel.style.overflow='hidden'el.style.textOverflow='ellipsis'el.style.whiteSpace='nowrap'constoff=el.offsetWidthif(offscroll){el.setAttribute('title',el.innerHTML)}

Vue.js:构建用户界面的强大工具

引言在当今互联网时代,构建高效、交互丰富的用户界面是各种应用程序的关键需求。Vue.js,作为一款流行的JavaScript框架,通过其简单、灵活的特性,成为开发者构建现代用户界面的首选工具。本文将深入介绍Vue.js的核心概念、使用场景、开发工具和最佳实践,帮助你更好地了解如何利用Vue.js构建强大而高效的用户界面。一、Vue.js核心概念1.组件系统Vue.js的组件系统是构建用户界面的核心。组件化开发提高了代码的可维护性和可复用性。每个组件都有自己的生命周期,包括创建、更新和销毁等阶段。exportdefault{components:{CustomComponent},//生命周期钩

vue3中setup的两个参数 props,context (attrs,emit,slots),vue3中的双向数据绑定自定义事件emit和v-model

目录setup函数props参数案例第一种写法(用setup函数的方式): 第二种方法(语法糖形式即setup写入script标签中)也可以传值, context(attrs,emit,slots)vue3中的双向数据绑定自定义事件emit和v-modelemit自定义事件v-modelsetup函数有两个参数分别是props,context即setup(props,context){ console.log(props,context) }props参数props参数是一个对象,里面存有外部传入的属性案例第一种写法(用setup函数的方式):父组件(这种写法父组件必须写components

【解决关于前端Vue接收后端easyExcel导出接口传过来的文件流,无法获取请求头Content-Disposition信息,即无法从文件流中获取导出文件名】

解决关于前端Vue接收后端easyExcel导出接口传过来的文件流,无法获取请求头Content-Disposition信息,即无法从文件流中获取导出文件名后端代码需要注意的地方前端处理代码后端代码需要注意的地方后端需要暴露请求头,这样前端才能拦截到响应的请求头信息//暴露请求头,并且将文件名设置到请求头中response.setHeader("Access-Control-Expose-Headers","Content-disposition");前端处理代码varblob=newBlob([res.data],{type:'application/vnd.openxmlformats-o

VUE3 引入富文本插件 CKEditor5

目录1.插件选型:2.引入流程:1.下载2.全局引入3.页面使用3.问题报错解决:4.关于TinyMce:1.插件选型:vue3的可选择的富文本插件很多,这次的业务需求只是简单的文字加粗,换行等,不需要图片文件等的功能,所以我暂且需要的是简单的富文本编辑器,查找一些资料,最后选择的CKEditor5,选它是因为它开源,可免费使用到商业用途。之前尝试了tinymce,但是公司不打算申请apikey,所以alert提示框的问题解决不了……具体见文末。 这里有一篇关于富文本编辑器的介绍:vue3可使用的7款富文本编辑器2.引入流程:官网地址:Vue.js3+component-CKEditor5Do