- 博客(31)
- 收藏
- 关注
原创 使用FormData格式上传图片
如果你不想使用 FormData,可以通过其他方式实现文件上传,但。FormData 是一种专门用于构建表单数据的对象,它能够以。格式发送数据,这是文件上传的。
2025-04-13 10:52:50
129
原创 ts基础知识总结
TypeScript 作为 JavaScript 的超集,为开发者带来了很多好处,特别是在大型项目中,它的类型系统和面向对象特性可以让代码更加稳健和易于维护。通过合理使用 TypeScript 的类型、类和泛型等特性,可以提高开发效率,减少错误的发生。希望通过这篇博客,你对 TypeScript 有了更深入的了解,在今后的开发中能够充分发挥 TypeScript 的优势,编写出高质量的代码。
2025-04-05 18:59:53
643
原创 防抖和节流
例如:设定1000毫秒执行,当你触发事件了,他会1000毫秒后执行但是在还剩500毫秒的时候你又触发了事件,那就会重新开始1000毫秒之后再执行。例如:设定1000毫秒执行,那你在1000毫秒触发在多次,也只在1000毫秒后执行一次。节流就是指连续触发事件但是在设定的一段时间内中。防抖就是连续触发事件但是在设定的一段时间内。
2025-03-30 11:41:13
128
原创 浏览器自动携带cookie注意事项
Domain 属性决定了 cookie 属于哪个域,只有当请求的域与 cookie 的 Domain 匹配时,才会被携带。Path 属性限制了 cookie 在该域下的路径范围。SameSite 属性,它控制 cookie 是否在跨站请求中被发送,比如 Lax 或 Strict 模式。Secure 属性要求 cookie 只能通过 HTTPS 连接发送,而 HttpOnly 属性则防止 cookie 被 JavaScript 访问。过期时间:如果 Cookie 已经过期,不会发送。
2025-03-22 21:59:19
762
原创 gitflow工作流
当我们新建git仓库之后,默认会创建一个主分支也就是master分支,由于master分支是用于发布生产环境,所有必须保证master上代码的稳定性,所以我们。Master分支是仓库的主分支,这个分支包含最近发布到生产环境的代码,最近发布的Release, 这个分支只能从其他分支合并,这个分支是我们的主开发分支,包含所有要发布到下一个Release的代码,这个主要合并与其他分支,比如Feature分支。release分支合并到master分支之后,在master分支上。,首先基于develop分支。
2025-03-16 13:23:55
328
原创 dayjs使用
当使用+运算符进行字符串拼接时,JavaScript会尝试将对象转换为原始值(Primitive Value)。Day.js对象在转换时会调用valueOf()方法,而Day.js的valueOf()默认返回的是时间戳(自1970年1月1日以来的毫秒数)‘*’+dayjs(date) //时间戳。date()和set()使用。使用字符串拼接时,会触发。使用String函数。
2025-03-07 15:35:26
776
原创 vue3基础知识
Vue 3 的生命周期钩子在 Composition API 中通过函数形式调用(如 onMounted),与 Options API 钩子对应但更灵活。是 Vue 3.2 引入的语法糖,旨在简化组合式 API(Composition API)的使用,让代码更简洁、类型推导更友好。ref 通过 RefImpl 类实现,对基本类型使用 getter/setter,对对象类型内部转为 reactive。基本类型(ref)、对象(reactive)、函数返回值、数组多源监听。复杂逻辑封装(如表单校验)。
2025-03-02 14:51:36
394
原创 vueRouter(路由)
执行/根目录路由地址时,就跳转执行/home路由地址 ,进而把对应的组件给显示出来。使得一个路由地址A与另一个路由地址B联系起来,执行A的时候会跳转执行B。
2025-02-16 16:16:14
570
原创 vue指令
没有参数的情况下, 可以不写();当选中option中一个时, 会将它对应的value赋值到mySelect中。如果传入某个参数, 同时需要event时, 可以通过$event传入时间。2 但真实开发中, input的值可能是从网络获取或定义在data中的。1 在前面的value中的值, 都是在定义input的时候直接给定的。3 可以通过v-bind:value动态的给value绑定值。v-if: 指令的元素, 不会渲染到dom中。含义: 动态的给value赋值。v-model绑定的是一个值。
2025-02-09 20:00:03
559
原创 this指向
方法时,函数只会考虑其参数列表中定义的参数数量,对于超出函数参数数量的数组元素,它们会被忽略,并且。apply方法的第2个参数,必须是一个数组(或类数组对象)使用call方法调用函数时,第一个参数为this指定的值。call方法的其余参数会依次自动传入函数作为函数的参数。属性且元素可通过数字索引访问的对象,例如。不用改变this指向,所以第一参数为null。只是创建一个新函数,并不立即调用。第一个参数为this指定的值。属性不会作为参数传递给函数。是立即调用函数并设置。
2025-01-22 21:17:12
492
原创 this指向
方法时,函数只会考虑其参数列表中定义的参数数量,对于超出函数参数数量的数组元素,它们会被忽略,并且。apply方法的第2个参数,必须是一个数组(或类数组对象)使用call方法调用函数时,第一个参数为this指定的值。call方法的其余参数会依次自动传入函数作为函数的参数。属性且元素可通过数字索引访问的对象,例如。不用改变this指向,所以第一参数为null。只是创建一个新函数,并不立即调用。第一个参数为this指定的值。属性不会作为参数传递给函数。是立即调用函数并设置。
2025-01-22 21:15:20
597
原创 服务器问题
找到 live--server,打开设置,点击设置,在搜索框里输入port,然后观察左侧栏目,找到live-server_config ,找到port(第一个),然后打开settings.json ,--------------------------------- 所有的前提是要使用英文命名,不要使用中文命名 ---------------------------将 0 改成 8080,就可以了,保存,将VSCode关闭再重新打开(这样在使用时,就相当于在本地服务器里创建项目,直接运行就可以了)
2024-11-25 11:28:54
221
原创 遇见的问题
word-wrap 属性原本属于微软的一个私有属性,在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap。是: 认为英文文本的最小单位是字符,而不是单词,换行时不保留单词的完整。然而,当点击事件实际发生时,循环已经结束,变量。,注意,我这里的“单词”包括连续的中文字符(还有日文、韩文等),或者可以理解为。变量,所以之前的定时器引用就会丢失,导致无法正确清除定时器。的长度,一个超出数组索引的值)。这样很短的单词,只要碰到边界,都会被强制拆分换行。时,实际上是在访问一个不存在的元素(
2024-11-17 16:56:33
1051
原创 grid布局
Grid 布局与Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。Grid 布局远比 Flex 布局强大。
2024-11-05 08:36:06
1138
原创 常见界面样式
以前是用 li 做的,现在可以用行内块 ,添加text-align : center(行内块会自然居中对齐,不需要使用margin/padding之类的,之间会自动有缝隙) 1. 给图片添加vertical-align:middle top bottom等(只要不是基线对齐)------- 比较提倡。如果孩子们都垂直居中,给他们的父亲添加line-height (line-height会继承)可以解决细线边框重叠的问题-----另一种方法。当前浮动元素的顶边,不能超过上一个元素的顶边。
2024-10-19 10:54:13
813
原创 css圆角边框
其中top和left顺序不可以颠倒) 、右上角 、 右下角 、 左下角。圆形的做法(盒子高度的一半 / 50%)—前提是盒子是正方形。一个盒子的角默认为90° ,圆的半径原理。两个值—左对角线两个角 ,右对角线两个角。length可以是数值,也可以是百分比。圆角矩形(设置成高度的一半)用来设置元素的外边框圆角。个角 ,右对角线两个角。
2024-09-28 17:32:21
277
原创 传统布局方式--定位
必须添加top left right bottom其中一个才有效(如果不加,就相当于相对定位),(刚开始是相对定位,等达到这些值时,就不再移动) 轮播图的按钮:如果图片先插入,用浮动来塑造位置,导致按钮下移(浮动影响后面的图片,不会影响前面的图片,而且浮动的图片会在一行显示)固定定位(fixed) ,是元素固定于浏览器可视区的位置,(使用场景:可以在浏览器页面滚动时元素的位置不会改变)自己绝对定位,不会占有位置,可以放到父盒子里面的任何一个地方,不会影响其他的兄弟盒子。
2024-09-28 17:18:46
666
原创 CSS盒子
当上下相邻的两个块元素相遇时,如果上面的元素有margin-bottom,下面的元素也有则它们之间的垂直间距取二者之间较大者。子标签会继承父标签的一些样式,继承的样式(text- font- line- color 这些元素开头的可以继承)高度,内外边距不可以继承。则此时子元素的行高为, 当前元素的文字大小*1.5。外边距可以实现让块级盒子水平居中(对行内元素和行内块元素无效-----行内块应用text-align:center)层叠性---主要解决样式冲突的问题---就近原则,样式不冲突,就不重叠。
2024-09-28 16:58:01
932
原创 选择器和常见属性
2em(em是一个相对单位,当前元素一个文字的大小,如果当前元素没有设置大小,则会按照父元素的一个文字大小)-可以选择父元素里面的子元素,外层标签写前面,内层标签写在后面,中间用空格分割,当标签发生嵌套时,内层标签就成为外层标签的后。none:一般用于取消链接下划线 underline:下划线(超链接自带下划线,)font复合属性,顺序不可变,size/family不可省略,否则font不可用。可以选择多组标签,同时为他们定义相同的样式,通常用于集体声名,用 , 分割。(.)类:开发最常用;
2024-09-28 15:50:19
311
原创 数据库出现secure-file-priv=““修改不成功,用户权限不够的解决方案
2、看下面User权限 --- 观察修改,写入,读取和执行这几个权限是否被允许,若不允许,把它改成允许,然后点击确定。1 、右键点击my.ini文件属性,选择安全--点用户----看下面的权限。3、接下来尝试secure-file-priv=""修改完后,看能不能保存。
2024-09-23 11:41:44
693
原创 常用的快捷键以及一些重要的截屏信息
ctrl + /:行注释 shift + alt + a:块注释。ctrl+h 替换(回车一次替换一次//也有全部替换--最右边图标)颜色主题:文件--首选项--颜色主题Ctrl+k Ctrl+t。命令面板:查看 -- 命令面板 ctrl shift +t。禁用默认主题:扩展 --三个点--内置的扩展--禁用。ctrl+shift +enter:上方插一行。图标主题:文件--首选项--文件图标主题。自定义快捷键映射:首选项--键盘快捷方式。快捷键映射:首选项--按键映射。文件--首选项--设置。
2024-09-19 09:06:06
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人