有时候在开发的过程中会遇到某个字段等于多种值，不同值表示不同的意思。如下案例：bindingAcctType=DEBIT是借记卡，=CREDIT是贷记卡，=PUBLIC是对公账户等等情况如果是我刚入行的时候可能是下面这种写法。functiongetTypeName(type:string){returntype==='DEBIT'?'借记卡':type==='CREDIT'?'贷记卡':'对公账户

写法1：functioncheckForm(form){if(form.username.value==""||form.username.value==null){alert("用户名不能为空");form.username.focus();//验证完用户名后，如果没有填写，会弹出alert提示，并自动把光标定位到username的输入框returnfalse;}if(form.password

nvm由于node.js的版本一直处于不断更新中，所以我们需要一个版本管理器来更好的使用node.js。nvm是一个开源的node版本管理器，通过它，你可以下载任意版本的node.js，还可以在不同版本之间切换使用。注意：安装nvm之前，要确保当前机子中不存在任何版本的node，如果有，则卸载掉。github：GitHub-nvm-sh/nvm:NodeVersionManager-POSIX-c

技术框架框架作用前端React构建用户界面的JavaScript库ReduxJavaScript应用的状态管理库，管理组件间的状态共享Webpack前端资源打包工具BabelJavaScript编译器D3

1.起源JavaScript诞生于1995年，主要是处理网页中前端验证前端验证，是检查用户输入的内容是否符合一定的规则，比如：用户名的长度，密码长度，密码格式2.简史JavaScript是由网景公司的布兰登

目录0前提1.一些准备1.1表帖子表post帖子评论表postComment1.2总体思路2.前端3.后端点赞，你的认可是我创作的动力！⭐️收藏，你的青睐是我努力的方向！

官网介绍v-once用法：Thiswillneverchange:{{msg}}comment{{msg}}{{i}}例子：Document改变aboutOnce值{{aboutOnce}}newVue

1、使用:rules属性，如后h5代码-->2、js代码//手机号验证规则constvalidatePhon=(rule,value,callback)=>{varreg1=/^1[3-9]\d{9}$/;varreg=/^((0\d{2,3}(-)?\d{7,8})|(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35

最近在开发中发现了修改elementUI样式的时候，添加了scoped的组件无法修改的样式，去掉scoped就可以了。这里我们就先看一下scoped这个属性的作用以及原理。一：scoped的作用和原理scoped的作用：当标签有scoped属性时，它的CSS只作用于当前组件中的元素。这类似于ShadowDOM中的样式封装。它有一些注意事项，但不需要任何polyfill。它通过使用PostCSS来实

虽然element有提供input的autofocus属性，但是当我们第二次进入页面就会发现autofocus已经不再生效，需要通过onMounted去触发input的focus解决这个问题。1.先给el-input绑定一个ref：2.定义一个函数去触发这个input的focus：constfocusInput=()=>{nextTick(()=>{inputRef.value.focus()})

可以内嵌reactvue等前端框架，直接将web页面转换成桌面客户端程序。Electron|使用JavaScr

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。

$refs.ch.fn();//子组件函数抛出constfn=()=>{};defineExpose({fn});如何访问全局api众所周知，vue3没有this，所以，一些封装在全局的变量或api不太好引用

项目场景：在实现单点登录时，发现关闭浏览器后，并不会自动退出登录解决方案：在app.vue中书写如下代码 data(){  return{   gap_time:0,   beforeUnload_time

Vue的模板语法在Vue中，{{}}语法属于基础模板语法，往界面上按照普通文本插入文本，还可以再其中插入表达式，比如；年龄：{{stu.age-10}}信息：{{msg}}可以使用多个{{}}来获取数据

DTO=>DataTransferObject数据传输对象应用场景：当接收前端提交过来的参数时，有些参数不能被实体类直接接收，为了不破坏实体类的单一原则，我们扩展出来一个类继承实体类，来接收前端提交过来的所有参数

1.web标准：web前端的内容：HTML、CSS、JavaScriptweb标准(万维网-W3C指定的)中规定HTML是结构标准，CSS是表现标准,JS是行为标准a.HTML结构标准中规定了网页上能够显示的内容

MissingServletRequestPartException:Requiredrequestpart‘file‘isnotpresent大概意思是：请求参数’file’接收不到数据原因就是前端的属性名与

box{transform:translateX(50px);}2.前端怎么判断一个密钥有没有被修改过?在前端中，可以使用数字签名来验证密钥是否被修改过。

受限的全局访问指令参数动态参数动态参数中值的限制动态参数中语法的限制模板语法JavaScript表达式除了前面的文本插值、绑定attr属性外，我们还可以直接在Vue中输入JavaScript表达式。

相关指标计算NavigationTimingLevel2为了帮助开发者更好的衡量和改进前端页面性能，W3C性能小组引入了PerformanceNamvaigationTimeAPI（IE和Sa

前端代码：-->后台代码：usingAvalonia;usingAvalonia.Controls;usingAvalonia.Controls.Shapes;usingAvalonia.Media;usi

当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。TIP在SSR场景下，您需要将组件包裹在之中(如:Nuxt)和SSG(e.g:VitePress).基础用法#有两种触发子菜单的方式只需为Cascader的options属性指定选项数组即可渲染出一个级联选择器。通过props.expandTrigger属性控制子节点的展开方式Childoptionsexpandwhenclicke

Vue3有哪些新特性和改进？CompositionAPI：引入了CompositionAPI，允许开发者按逻辑功能组织代码，提高代码的可复用性和可维护性。

#核心内容介绍路由跳转有两种方式：声明式导航：编程式导航：router.push(...)或router.replace(...)；两者的规则完全一致。push(to:RouteLocationRaw):Promisereplace(to:RouteLocationRaw):Promise;由于属性to与router.push接受的对象种类相同，所以两者的规则完全相同。路由传参有两种方法：para

功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。给舍友做的课程作业。

前端：SamplePrompt：执行promptcurrent_text=document.getElementById('answer');text="";char_index=0functionrun_prompt

目录前言一、前后端分离开发1.介绍2.开发流程3.前端技术栈（1）开发工具:（2）技术框架:二、Yapi1.介绍2.使用（1）准备（2）定义接口（3）导出接口文档（4）导入接口文档三、Swagger1.

nginx出现“414request-uritoolarge”1.修改传参方式POST2.字段能变成后端获取就自己获取，不用前端传3.修改nginx配置，添加client_header_buffer_size512k

在编程这个领域，有很多不同的方向和技术栈，例如前端开发、后端开发、移动端开发、数据分析等。每个方向都有不同的要求和发展前景，所以程序员应该首先确定自己的兴趣所在，再选择

vue3的生命周期钩子服务端渲染概念vue3的组建通信vue3的ref属性应用vue3（vuex和pinia的使用）vue3的生命周期钩子常规要点、总结代码演示补充要点、总结服务端渲染概念要点总结vue3

先获取后端返回的文档流，然后创建一个a标签。把文档流转换成链接形式赋值给a并点击，最后移除a标签并释放刚刚创建的URL对象。constres=await请求接口();consta=document.createElement('a');constblob=newBlob([res]);consthref=window.URL.createObjectURL(blob);a.href=href;a.

1.1配置环境vue官网：Vue.js-TheProgressiveJavaScriptFramework|Vue.js终端Linux和Mac上可以用自带的终端。

VUE3官方推荐使用vite来构建项目，但是并不是说之前使用vue-cli创建项目就不行了。

Vue1、基本概念渐进式框架 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验特点解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM2、安装Vue.js 1.直接CDN引入

解决vue组件中使用v-for出现告警问题及vfor指令介绍错误

父组件import{h,ref}from"vue";importtype{DataTableColumns}from"naive-ui";importHomeViewfrom".

正常地址配置（vue打包dist项目）server{listen端口号;server_namelocalhost;#charsetkoi8-r;#access_loglogs/host.access.logmain

聚沙成塔·每天进步一点点本文内容⭐专栏简介路由模式1.Hash模式2.History模式选择路由模式的考虑因素⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。

springboot/ssm工作量统计系统Java工作记录可视化管理系统web基于springboot(可改ssm)+vue项目开发语言：Java框架：springboot/可改ssm+vueJDK版本

**MVC和MVVM是两种流行的软件架构模式，它们在前端开发中被广泛采用来组织代码和管理应用程序的复杂性**。

引言在Vue3中，引入了一个名为Teleport的新特性。这个特性允许开发者将组件的子组件“传送”到DOM中的任意位置，而不仅仅是它们的直接父级内部。

说一说vue钩子函数钩子函数是Vue实例创建和销毁过程中自动执行的函数。按照组件生命周期的过程分为：挂载阶段->更新阶段->销毁阶段。

Vue.js，作为前端领域流行的框架之一，以其响应式数据绑定和组件化开发赢得了广大开发者的喜爱。

Vue3中的setup函数是一个新的组件选项，用于使用组合式API定义组件的逻辑。这个函数的引入是为了解决Vue2中随着组件复杂度的增长，选项式的API可能导致代码难以维护和理解的问题。

设备自适应用媒体查询实现【根据设备屏幕宽度控制哪些样式class生效】媒体查询实现：【页面结构需要变化时使用】1、link元素中的CSS媒体查询【一般用于Js项目】2、样式表中的CSS媒体查询【一般用于Vue

前端监控怎么做？前端也需要监控？技术人不可忽视的前端监控最全指南一.前端监控的目的为什么要进行前端监控？是一种用于捕获，分析和报告网站或应用程序中存在异常，错误和性能问题的方法。

Astro简介由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的，整体就是SPA的思路，作为练手倒是可以锻炼前后端各方面的能力。

这一期继续在做付费订阅服务，后端基本完成，下一步是做前端界面，进度比预期慢了一些。顺便分享一下商标注册的事情。EZRevenue接着上一期梳理完业务逻辑，然后是持续写代码。