WLK654321的博客

这篇文章详细展示了一个基于Element Plus的Vue 3人员选择组件。该组件具有以下特性： 支持单选和多选模式，分别采用输入框和标签形式展示 包含三部分交互界面：左侧部门树、中间人员列表和右侧已选人员 实现功能包括： 部门筛选和搜索 人员搜索和分页 选择操作（单选/多选） 已选人员管理（删除/清空） 提供完善的样式设计，包括： 响应式布局 动画效果 视觉美化 组件采用TypeScript编写，具有良好的类型支持和API封装。

跨域是指在浏览器中，当前网页从不同域名、协议或端口请求资源时，出现的安全限制问题。通常，这种限制被称为同源策略，它是浏览器的一种安全机制，用于防止恶意网站读取另一个网站的数据。跨域是前端开发中常见的问题，通过不同的技术和方法可以有效地解决。选择合适的解决方案需要考虑安全性、兼容性和具体业务需求。CORS 是目前最常用的方法，JSONP 适用于简单的 GET 请求，而代理服务器和 WebSocket 则可以用于更复杂的跨域通信需求。

对于其他浏览器，如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。在网络上是明文传输的，只要在网络节点上捉包，就能完整地获取数据报文。的规定和浏览器/服务器的限制，导致他们在应用过程中会体现出一些区别。方法用于将实体提交到指定的资源，通常导致在服务器上的状态变化或。当不携带参数的时候，两者最大的区别为第一行方法名不同。，用的都是同一个传输层协议，所以在传输上没有区别。然而，从传输的角度来说，他们都是不安全的，因为。长度，而不仅仅是参数值的长度。规范，相反的，我们可以在。

Nginx是在前端服务部署时是很重要的一部分，也是部署的基础，学会了通过Nginx部署前端资源，才能继续后续的一系列进阶。说明你的Nginx运行正常，此时Nginx会启动服务，默认80端口。此时如果我们的服务器外网防火墙80端口开启，那么访问外网IP，就能看到Nginx启动的服务

我们在写 JavaScript 代码的时候，经常会遇到逻辑判断比较复杂的情况，通常我们可以使用if/else或switch来实现多个条件判断。但是这样就存在一个问题，随着逻辑复杂度的增加，代码中的会越来越臃肿，越来越难理解。那么如何才能把判断逻辑写得更优雅呢？

console占位符描述%cCSS样式占位符，值就是CSS样式，如下示例，可用来自定义log的样式%oor%O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%dor%i打印整数。支持数字格式化。例如，console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字：Foo 01。%s打印字符串。%f打印浮点数。支持格式化，比如 console.log("Foo %.2f", 1.1) 会输出两位小数：Foo 1.10。

TypeScript由微软开发，是基于JavaScript的⼀个扩展语⾔。TypeScript包含了JavaScript的所有内容，即：TypeScript是JavaScript的超集。TypeScript增加了：静态类型检查、接⼝、 泛型等很多现代开发特性，更适合⼤型项⽬的开发。TypeScript需要编译为JavaScript，然后交给浏览器或其他JavaScript运⾏环 境执⾏。

为什么会有函数？在写代码的时候，有一些常用的代码需要书写很多次，如果直接复制粘贴的话，会造成大量的代码冗余；函数可以封装一段重复的javascript代码，它只需要声明一次，就可以多次调用；

JavaScript如何求最大值. 方法：1、使用“Math.max ()”函数求最大值，可返回两个指定的数中带有较大的值的那个数；2、使用递归函数求最大值；3、使用for循环遍历求最大值；4、使用“Math.max.apply (null, [值,值,值,值..)”语句求最大值。.

问题要求：里面现存有 100 块钱。如果存钱，就用输入钱数加上先存的钱数, 之后弹出显示余额提示框。如果取钱，就减去取的钱数，之后弹出显示余额提示框。如果显示余额，就输出余额 (如果存取了钱，余额也要变化。如果退出，弹出退出信息提示框。本章知识点：采用分支结构：switch 分支语句。采用循环结构：while 循环，当 while 条件表达式填 (true) 时便作为无限循环，经常在不知道循环次数的时候使用，并且需要在循环内使用 break 才会停止。

js 命名应遵循 简洁、语义化 的原则。变量的命名方法: 小驼峰式命名法 命名规范：前缀为形容词 （函数前缀为动词, 以此来区分函数和变量）。常量的命名方法：名词全部大写 命名规范：使用大写字母和下划线来组合命名，下划线用来分割单词。函数的命名方法： 小驼峰式命名法 命名规范： 前缀应该为动词 命名建议：常用动词约定。类的命名方法：大写驼峰式命名法，首字母大写。 命名规范：前缀为名称。

目录：do while循环语句。执行思路。案例：1. 打印人的一生，从1到100岁。2. 计算 1 ~ 100 之间所有整数的和。3. 弹出提示框：你爱我吗? 如果输入 我爱你 则提示结束，否则，一直询问。循环小结。三种循环的区别。for 和 while 的区别。

问题：九九乘法表核心思想：每一行公式的个数正好和行数一致，j

JavaScript：打印倒三角。var str = ''; for (var i = 1; i

打印五行五列小星星核心思想：内层循环负责一行打印五个星星外层循环负责打印五行var str = ''; for (var i = 1; i

在一些时候单层 for 循环是不能满足我们的需求的，比如我们要打印一个五行五列的星星、打印一个倒三角、打印九九乘法表等、此时就可以用双重for循环（循环嵌套）来实现。首先我们看一下它的基本语法结构：案例一：打印五行五列小星星。案例二：打印倒三角。案例三：九九乘法表。 总结：for 循环可以重复执行某些相同的代码。for 循环可以重复执行些许不同的代码，因为有计数器。for 循环可以重复执行某些操作，比如算数运算符加法操作。外层循环一次、内层for循环全部执行一次。

要求：用户输入班级人数，依次填入每个学生成绩，最后打印学生总成绩及平均成绩。分析：首先我们先捋一下思路。想要输入班级人数，得弹出输入框，输入班级总人（num）。接下来就是依次填入每个学生成绩，并保存下来（score），留着做后面的运算，依次弹出输入框输入学生成绩，此时我们就需要用到 for循环假设班级人数是三人，第一位同学考了10分，第一位同学考了15分，第一位同学考了20分.咱们跑一下看一下结果： 显然是错的，那么问题出在哪呢？咱们来看一下问题出在哪：所以正确的完整代码如下：搞定！拜拜！

问题：求 1~100 之间的整数累加和首先我们先分析一下这个问题的运算思路。思路分析：1~100需要循环100次需要一个计数器 i需要一个存储结果的变量sum，初始值是 0算法：1+2+3+4+5...... , sum = sum + i。

断点调试可以帮助我们查看代码运行过程。1.打开控制台，按F12或鼠标右键找到检查选项2.断点文件位置3.打断点4.进入调试状态5.逐语句执行暂停/恢复脚本执行（快捷键F8 Ctrl+ \ ）。单步跳过下一个函数调用（快捷键F10 Ctrl+ ' ）。单步执行下一个函数调用（快捷键F11 Ctrl+；）。跳出当前执行函数（快捷键Shift+F11 Ctrl+Shift+；）。步骤（快捷键F9）。停用断点（快捷键Ctrl+F8）。出现异常时暂停。

​1． for 重复执行某些代码。2．for语法结构：for （初始化变量；条件表达式；操作表达式）{ 循环体 }3．初始化变量：用 var 声明的一个普通变量，一般用于作为计数器使用。4．条件表达式：用来决定每一次循环是否继续执行就是终止的条件。5．操作表达式：每次循环最后执行的代码，一般用于我们计数器变量进行更新（递增或者递减）。1．首先执行里面的计数器变量 var i =1．但是这句话在 for 里面只执行一次。2．去 i

JavaScript-分支语句（if、三元运算符、switch 语句）1. if 语句：if 语句有三种使用：单分支、双分支、多分支。其实是比 if 双分支 更简单的写法，有时候也叫做三元表达式符号：? 与 : 配合使用1. 程序三大流程控制：顺序、分支、循环。2. if 语句：三种形式（单分支、双分支、多分支）3. switch语句：全等判断 。break：结束switch语句，防止穿透。4. 三元运算符：也是双分支。一般用来取值。

switch 注意事项：1. 找到跟变量数据全等的case值，并执行里面对应的代码.2. 若没有全等 === 的则执行default里的代码.3. switch case语句一般用于等值判断,不适合于区间判断.4. switch case一般需要配合break关键字使用 没有break会造成case穿透.

这篇文章就给大家分享JS判断奇数和偶数的两种方法，感兴趣的朋友可以参考一下：

计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具，被称为翻译器。翻译器翻译的方式有两种：一个编译，另外一个是翻译。两种方式之间的区别在于翻译的时间点不同。解释器是在运行时进行及时解释，并立即执行（当编译器以解释方式运行的时候，也称之为解释器)编译器是在代码执行之前进行编译，生成中间代码文件。