前端随笔1：HTML、JavaScript和Vue最近因为工作需要，需要接触一些前端的东西。之前虽然大体上了解过HTML、CSS和JavaScript，也知道HTML定义了内容、CSS定义了样式、JavaScript定义了行为，但是却没有详细的学习过前端三件套的细节。而最近的工作中需要使用Vue，并且想到未来的工作中使用Vue能够更好地展示成功，所以认真的学习了一些前端的知识。因此特地准备写一些文章，将自己的一些心得和感悟记录下来，作为学习的见证和方便未来使用。一、HTML1.HTML语言HTML全称是HyperTextMarkupLanguage，即超文本标记语言，一种用来结构化Web网页及
1.首先展示一下控制台的报错信息： 2.项目中代码constlogout=async()=>{conststore=useUserStore()constrouter=useRouter()console.log(router)//通过log打印出来的router是undefined//弹出框提示awaitshowConfirmDialog({title:'温馨提示',message:'您确定要退出当前账号吗？'})store.delUserInfo()router.push('/login')}总结：出现错误的原因是：constrouter=useRouter()写在了函数里面，正确代码：c
一、需求分析在我们写前端页面的时候，大部分时候是不需要用到第三方字体的，但如果是面向C端的页面，比如宣传页，就有可能会引入第三方字体，主要还是看UI设计师咋想了，此时我们可以通过让UI将特殊字体切成图（最简单的解决方案）来解决，但是这样很麻烦，而且不方便调整样式。那么我们就可以使用第二种方案了：让UI导出字体文件(.ttf/.TTF)，然后我们以第三方字体的形式来进行引入。二、解决方案1、在项目的assets文件夹下创建一个fonts的文件夹不是必须在这个文件夹下，名字也不是非得叫fonts，只不过是我个人认为放在这个位置比较合适。因为assets本来就是一个存放静态资源的文件夹，把fonts
WebSocket是一个长连接，客户端可以给服务端发送消息，服务端也可以给客户端发送消息，是全双工通信。平时的前后端分离项目，是前端请求结果获取后端服务器数据，从而渲染到页面，服务端无法主动向客户端发起消息，某些需求场景下，一旦客户端需要知道服务端的频繁状态变化，就要由客户端长轮询的多次请求服务端数据从而获得最新状态，很明显这种方法比较笨重，也比较浪费资源。WebSocket应运而生。我们使用WebSocket模拟一下商家机器人自动回复功能。使用nodeJS启动后端，使用serve启动前端页面，先看效果：1、NodeJS后端constWebSocket=require('ws')constau
internal/modules/cjs/loader.js:985throwerr;^Error:Cannotfindmodule'@vue/cli-plugin-eslint'Requirestack:-C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js-C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.jsatFunction.Module._resolveF
目录前言一，初入Vue大陆1.Vue的初体验1.Vue的特点2.引入vue3.可能出现的问题4.创建Vue实例5.模板语法6.数据绑定7.连接容器的方法8.data的写法二，MVVM模型三，数据代理1.对数据进行读取和修改 2.事件修饰符3.键盘事件最后 前言🐳对于看到这篇文章的小伙伴呢！肯定是即将到达四周目Vue篇了吧，从此刻开始正式踏入Vue篇，内容绝对真实有效，本栏会细致的将Vue划分为两大模块，基础篇，进阶篇。想要顺利通关vue篇首先要拥有三剑客，当然其他的nodeajax法宝也会辅佐你通关的，在学习的途中如果遇到了问题，可以试着回顾一下之前的情节，以便于更好的推进主线剧情，准备出发!
对于校园订餐小程序将是又一个传统管理到智能化信息管理的改革，对于传统的校园订餐管理，所包括的信息内容比较多，对于用户想要对这些数据进行管理维护需要花费很大的时间信息，而且对于数据的存储比较麻烦，想要查找某一相关的数据信息比较繁琐，随着互联网大潮的到来，决定开发一套智能化、信息化的校园订餐小程序，主要对首页、个人中心、用户管理、商家管理、餐厅信息管理、美食信息管理、美食类型管理、系统管理等功能的管理系统的研发。语言：Java+python+nodejs+php均可选运行软件:idea/eclipse/vscode/pycharm/wamp框架支持:Ssm/springboot/django/th
vue-cli脚手架案例一：案例二：一、脚手架简介Vue脚手架是Vue官方提供的标准化开发工具（开发平台），它提供命令行和UI界面，方便创建vue工程、配置第三方依赖、编译vue工程1.webpack前端项目工程化的标志之一就是引入了『编译』环节，而webpack就是最常见、最常用的前端项目编译工具。如果作类比的话，那么npm+webpack≈maven2、脚手架介绍a、安装vue-cli4删除已安装的vue-clinpmuninstall-g@vue/cli先安装淘宝镜npmconfigsetregistryhttps://registry.npm.taobao.org安装clinpmin
场景：自定义一个通用组件，需要调用父组件的方法进行计算一、使用this.$emit()向父组件触发一个事件,父组件监听这个事件即可。父组件：importchildfrom'./components/childCompoent'exportdefault{components:{child},methods:{method(data){console.log(data+'调用父组件方法');}}};子组件：点击调用父组件方法exportdefault{methods:{method(){this.$emit('method','子组件'); //this.$emit('method');没
✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取项目下载方式🍅一、项目背景介绍：随着社会的快速发展和科技的不断进步，咖啡文化逐渐成为人们生活中不可或缺的一部分。在这一背景下，基于JAVA、SpringBoot、VUE和微信小程序的前后端分离咖啡小程序应运而生。这个系统旨在结合先进的技术架构，为咖啡爱好者提供一个互动平台，实现个性化咖啡定制、社交互动、在线订单等功能。通过前后端分离的设计，我们探索了小程序开发的最佳实践，为用户和商家打造了一个便捷
