kun_sl-CSDN博客

原创 hash模式和history模式的区别

综上所述，Hash模式简单易用、兼容性好，适用于不需要深度 SEO 优化且服务器端无需特殊配置的项目。而History模式提供了更标准、更美观的 URL 结构，有利于 SEO，但需要服务器端适当配置以支持客户端路由，并且依赖现代浏览器的 History API 支持。根据项目的具体需求和技术环境，开发者可以选择合适的路由模式。

2024-05-06 08:40:32 736

原创 Vue3中的ref与reactive：构建响应式数据的双刃剑

通过上述深入的探讨，希望您能更全面地掌握Vue3中ref与reactive的使用技巧，以及如何在实际开发中做出合适的选择，从而构建出高效、可维护的Vue应用程序。深层更新：reactive的深度响应意味着修改对象的任何属性都可能导致依赖它的组件重新渲染，因此，在处理大量数据或频繁更新的场景下，要特别注意性能影响。使用toRefs函数可以将reactive对象的属性转换为ref，便于在模板中直接使用，无需.value，但增加了代码的复杂度，需权衡使用。

2024-04-28 18:45:00 253

原创插槽基本用法

在Vue中，插槽被用于在组件中定义可变的部分。组件可以将其内部的内容暴露出去，允许父级组件在使用该组件时传入自定义内容。在上面的例子中，我们使用的是默认插槽，也就是没有给插槽命名。这就是具名插槽的用法。除了基本的插槽功能，Vue还提供了一种更强大的插槽功能，即作用域插槽。作用域插槽允许子组件向父组件传递数据，实现更为灵活的组件交互。在上面的例子中，我们在子组件中定义了一个插槽，然后在父组件中使用标签，并在标签内部放置了一个。标签作为插槽的内容。当父组件被渲染时，插槽的内容将被替换为实际传入的内容。

2024-04-21 16:19:31 111

原创 vue自定义指令

区别：对于元素只是一次可以选择使用v-if(消耗内存),操作次数多v-show(并没有销毁元素）3. 同时使用需要在外层嵌套盒子，在外层进行v-if判断，在内层进行v-不要在用提交时使用v-html,不要在动态渲染时时使用v-html。不同点：v-text只读取文本，v-html读取标签插值添加值。1.在vue2中，v-for优先级比v-if高。在vue3中，v-if优先级比v-for高。2. v-if和v-for不能同时使用。v-text和v-html，插值区别。

2024-04-12 21:30:00 310

原创 vue属性学习

watch能完成的功能，computed不一定能完成，例如 watch 可以进行异步操作，computed做不到。(定时器的回调函数、ajax 的回调函数等,Promise 的回调函数)，最好写成箭头函数，这样 this的指向才是vm或组件实例对象。a.如果计算属性要被修改，那必须写 set 函数去响应修改，且 set 中要引起计算时依赖的数据发生改变。2.监视的属性必须存在，才能进行监视，既可以监视 data，也可以监视计算属性。1.当被监视的属性变化时，回调函数自动调用，进行相关操作。

2024-04-05 19:45:00 302 1

原创 vue生命周期

虚拟DOM存在的价值，大大降低了“Jquery时代，认为寻找DOM变化差异”的不足（因为每个人的主观不同，寻找的差异不同），最小化的去更新DOM（尽可能的减少DOM操作）。2.使用大名鼎鼎的Diff运算，patch（old Vnode，new Vnode），找出两个Vnode最小差异，合并Vnode，生成新的Vnode，删除旧的Vnode。2.根据Vnode1创建真实DOM（第一次接触，收集依赖，watcher发生在此处）把那些声明式变量全部替换成真实数据，DOM渲染完成。

2024-03-29 21:00:00 309 1

原创初学VUE.js之数据绑定

2.v-model:value 可以简写为 v-model，因为v-model默认收集的就是value值。2.双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data。1.双向绑定一般都应用在表单类元素上（如：input、select等）1.单向绑定(v-bind)：数据只能从data流向页面。//阻止 vue 在启动时生成生产提示。

2024-03-24 14:36:14 125 1

原创什么是vue.js 以及有什么特点

(‘#xxx’).parent().parent().parent()，随着产品升级的速度越来越快，修改变得越来越多，页面中相似的关联和嵌套 DOM 元素多得数不清，而 jQuery 选择器及 DOM 操作本身也存在性能缺失问题，想要修改无从下手。Vue.js 还提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API，其目标是通过尽可能简单的 API 实现响应式的数据绑定和可组合的视图组件。当我们做了修改时，不会刷新页面，只是对组件本身进行立刻重载，不会影响整个应用当前的状态。

2024-03-15 21:00:00 710 1

原创操作数组常用的几种方法

forEach用于循环遍历数组最常用的方法之一,它提供一个回调函数，可用于处理数组的每一个元素，默认没有返回值。回调函数的参数,第一个参数是数组的每一项,第二个参数是数组中每一项的下标2、concat（）——拼接数组用来拼接数组并且会返回一个新数组。该方法不会改变原数组3、filter（）——过滤数组filter返回值是一个新的数组filter里面可以直接 return 筛选条件4、slice（）——截取元素返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayO

2024-03-08 20:00:00 872 1

原创 ES6 Symbol

在 ES5 使用字符串表示常量。例如：default:try {// green 引发异常// 传递异常对象到错误处理但是使用 Symbol 定义常量，这样就可以保证这一组常量的值都不相等。用 Symbol 来修改上面的例子。default:try {// green 引发异常// 传递异常对象到错误处理Symbol 的值是唯一的，所以不会出现相同值得常量，即可以保证 switch 按照代码预想的方式执行。

2024-01-08 10:48:35 349

原创原生js实现ajax调用接口功能

原文链接：https://blog.csdn.net/weixin_37728842/article/details/103338842。版权声明：本文为CSDN博主「流云浮沙」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。//设置请求头(post有数据发送才需要设置请求头)//如果是get并且有数据。//判断是否有数据发送。//接收返回的数据类型。//判断不同的请求类型。

2024-01-03 14:05:22 702

原创深拷贝浅拷贝

【代码】深拷贝浅拷贝。

2023-12-24 19:57:21 316

原创 node.js操作数据库

学习使用SQL语句结构化查询语言(Structured Query Language)简称SQL，用来操作关系型数据库：是一种数据库查询和程序设计语言，用来存取数据以及查询、更新、和管理关系型数据库。sql是数据库脚本文件的扩展名。最常用的用于数据操作的sql语句有四类，分别对应对数据的四种操作：1.增(create）(例如：用户注册)格式:insert into 表名(字段名1，字段名2,…) values (值1，值2，…)注意: 字段的顺序要和值的顺序是完全匹配的字段列表可以不

2023-12-22 18:00:00 914

原创 es6知识

（4）暂时性死区：在使用let、const命令声明变量之前，该变量都是不可用的。（1）块级作用域：块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。（3）重复声明： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。（2）变量提升： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。entries() 返回 Map 对象中键/值对的数组。循环打印ac，1，bc，2 ，name，张三，obj对象。

2023-12-21 09:49:40 344

原创 express创造接口

【代码】expre创造接口。

2023-12-11 11:23:38 351

原创 express框架接收get/post请求时，参数获取方式

此时Content-type=text/plain;charset=UTF-8，ajax请求方式有：axios.post, 原生ajax的post。此时Content-type=application/x-www-form-urlencoded，ajax请求方式有：$post,req.params包含路由参数（在URL的路径部分），而req.query包含URL的查询参数（在URL的？此时Content-type=application/json，ajax请求方式有：$ajax, 原生form表单。

2023-12-04 09:56:39 534

原创 node.js模块

http 模块是 Node,js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法，就能方便的把一台普通的电脑，变成一台Web 服务器，从而对外提供 Web 资源服务。path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。fs 模块是 Node.js 官方提供的、用来操作文件的模块。第一个参数是需要指定一个文件路径的字符串，表示文件的存放路径必选。

2023-12-04 09:50:55 280

原创 let var const区别

(1).在ES6中我们使用includes()方法来判断数组中是否包含某个值，语法格式为arr.includes(value,index),其中value是必选参数，表示需要查找的值，index是可选参数，表示从哪个元素下标开始查找，默认为0。(1).padStart(),语法格式为str.padStart(len,str),在头部进行补全，len是必选参数，用于指定字符串长度，str可选，表示用来补全的字符串，省略则表示使用空格来补全。如果都满足，则返回true，如果有一个不满足，则返回false。

2023-11-27 10:10:01 832

kun_sl的博客