前端不加班-CSDN博客

:-webkit-scrollbar-button ：滚动条两端的按钮。::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。::-webkit-scrollbar-track-piece ：内层轨道，需要注意的就是它会覆盖第三个属性的样式。::-webkit-scrollbar-thumb ：滚动条里面可以拖动的滑块。::-webkit-scrollbar-corner ：边角，两个滚动条交汇处。

2023-02-28 11:43:28 1077 1

原创从数据库读取的数据，换行符不生效的解决办法

关注推送文字消息，这些消息数据是从数据库读取出来的，将\n这些符号存到数据库时，会将它转换城字符串，而不再是特殊符号，从数据库查询出来的换行符\n变成了"\n"，如下所示。

2023-02-28 11:41:54 1071

原创 git如何从master分支创建新分支

3.从当前分支copy新分支，新分支名称：new-branch。4.把新建的分支push 到远程仓库。1.切换到master分支。从master创建新分支。2.拉取最新版本到本地。

2023-02-28 11:37:49 2976

原创 js为Object对象动态添加属性和值

2.使用eval()动态解析字符串表达式。

2023-02-28 11:18:54 1149 1

原创 JS中三种主要的遍历对象的方法：for in、Object.keys、Object.getOwnProperty

/通过原型链增加属性，为一个函数。//增加不可枚举的属性age。通过原型链增加属性，为一个整型值2。主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性。该方法返回一个数组，元素均为对象自有可枚举的属性。

2023-02-28 11:13:52 492

原创 element-ui自定义el-popover的显示隐藏

2.在你的事件需要它显示/隐藏的地方使用。1、在el-popover中添加属性。

2023-02-23 15:56:18 2578

原创 element 表格只展开一行（点击下一行上一行关闭）

【代码】element 表格只展开一行（点击下一行上一行关闭）

2023-02-23 15:30:22 597

原创 vue中通过自定义指定实现div标签的拖拽

需要注意：需要给div设置固定定位：position：absolute。

2023-02-23 15:17:34 366

原创 input[type=“range“]实现手动滑动条效果

【代码】input[type="range"]实现手动滑动条效果。

2023-02-23 11:03:52 662

原创 JS 合并数组的三大方式

如果您想知道一种在JavaScript中合并数组的好方法，那么请记住使用扩展操作符进行合并。在数组字面量中写入两个或更多带有扩展操作符…const all = […heros, …villains] 创建一个合并了heroes和villains数组的新数组。数组字面量中合并数组的顺序很重要:合并数组中的项按照数组在字面量中出现的顺序插入。或者使用另一种方法array.concat()方法不会改变调用它的数组，而是返回一个具有合并结果的新数组。

2023-02-23 10:39:11 1340

原创 Vue项目中如何使用computed计算属性

当计算属性b依赖了data中的数据a时，当a变化时，b会自动变化。比如在购物的时候，下某一订单时，每选择一件商品（对应data中的数据a），合计费用（对应计算属性b）就会跟着变化。计算属性在computed中进行定义，无需再在data中定义，在template中直接可进行使用，使用方式与data中定义的数据一样。在computed中定义一个函数（看起来是一个函数，其实是一个属性），命名按照属性规范命名(一般为名词)。当数据A的逻辑很复杂时，把A这个数据写在计算属性里面。① 完整的计算属性写法：属性+方法。

2023-02-22 15:53:02 4287

原创最全es6数组方法

实行方法：回调函数第一次执行时，preValue 和 curValue 可以是一个值,如果 initialValue 在调用 reduce() 时被提供，那么第一个 preValue 等于 initialValue ，并且curValue 等于数组中的第一个值；参数： callback: previousValue 必选 --上一次调用回调返回的值，或者是提供的初始值（initialValue）end --可选索引到该位置停止读取的数组项，默认是Array.length,如果是负值，表示倒数。

2023-02-21 17:56:28 1230

原创 js如何截取某个字符串前面所有的字符串

3.通过substring()方法，从字符串0位置开始截取至"p"前面的字符串。2.通过indexOf()方法获取你想截止到的那个字符。

2023-02-21 10:40:20 6585

原创经典布局（flex和传统两种实现）左右两栏式

right:宽度和父级一样，设定margin-right:left的宽度px,宽度随父级变化而变化（固定+自适应）当主轴方向为 column时，上面设置高度，宽度和父级一直，下边flex:1。也就是说，当主轴方向是row的情况下，左边设置宽度，右边flex:1。right: 定宽高： position: absolute top: 0 right 0。left：定宽高： position: absolute top: 0 left: 0。left,right:定宽，定高，float:left。

2023-02-21 10:03:38 2878

原创 JS简单实现滚动自动加载新内容（懒加载）

【代码】JS简单实现滚动自动加载新内容（懒加载）

2023-02-20 15:54:20 370

原创 Git - 在主分支上创建分支并提交代码

如果团队其他开发人员也在该分支上，并且他提交了代码后，你 push 时，就会报错，因为仓库已经更新了，你必须先 pull 拉取最新代码，然后才能推送。其实说白了，跟 master 主分支提交流程一样，只不过最后，push 时你需要加上分支名。把本地分支推到远端，让远端也有一个你的分支，用来后面提交你的代码。【分支上有其他开发人员存在，并非自己】观察蓝色括号中，分支已经改变了。如果你不放心，可以执行以下命令。

2023-02-20 14:07:32 512

原创 uniapp函数里面的this指向问题

果然，request请求体内的this并非我们所需的this，如果需要继续使用this来获取data内声明的变量，那么除了上面所说的that转存this之外，还可以通过bind方法将this绑定。因为进入request请求体后this不再是我们所认识的this了，所以我们需要在request请求前面增加变量代替this。在后面也能打印出this.msgData也是添加数据成功后的数组。也就是数组内容更新了，但是页面没有同步更新。在请求成功后打印出msgData的类型是undefined,

2023-02-20 10:57:38 693

原创 vue中this.$route.query和this.$route.params & query传参和params传参的使用和区别

*注意：**这里的12和ls 对应的是/:id/:name 这两个参数可以不写那么就不会在地址栏上显示不过刷新页面参数会消失写上参数刷新页面参数不会消失。使用computed属性和Date()可以保证每一次的key都是不同的，这样就可以如愿刷新数据了。this.$route.query.name 和 this.xxxx.params.name。2.params必须要用name来引入，接收参数都是类似的,分别是。中 this.route.query 和 this.

2023-02-16 17:25:45 1541

原创 Vue 组件强制刷新的办法

v-if通过变量控制的形式，可以触发被控制的组件 beforeCreate、created、beforeMount、mounted、beforeDestroy、destroyed 这6个生命周期。即调用该方法后只会触发beforceUpdate,updated这两个生命周期，而且只会影响当前组件以及其插槽内容。v-if切换时，元素及它的绑定数据和组件都会被销毁并重建，导致其控制的内容会发生显示与隐藏操作。vue使用key标记组件身份，当key改变时就是释放原始组件，重新加载新的组件。

2023-02-16 13:30:52 3384

原创 axios中的GET POST PUT PATCH，发送请求时params和data的区别

最近突然发现post请求可以使用params方式传值，然后想总结一下其中的用法。

2023-02-15 17:07:23 911

原创 window 对象的一些好用的方法（待追加）

window.scrollTo():实现页面的滚动(window.scroll())window.matchMedia(): 监听媒体查询的变化。window.scrollBy():滚动多少距离。

2023-02-15 16:20:26 59

原创前端开发之防抖与节流

在做搜索的时候，当搜索页面只有一个输入框、没有确定按钮的时候，只能在用户输入时请求服务端，查询数据。解决这个问题，可以使用vue做输入节流。定义：触发函数事件后，短时间间隔内无法连续调用，只有上一次函数执行后，过了规定的时间间隔，才能进行下一次的函数调用。原理：对处理函数进行延时操作，若设定的延时到来之前，再次触发事件，则清除上一次的延时操作定时器，重新定时。：对处理函数进行延时操作，若设定的延时到来之前，再次触发事件，则清除上一次的延时操作定时器，重新定时。从效果上，我们可以看到，在页面滚动的时候，会。

2023-02-15 11:18:31 481

原创 VUE3 全局状态管理 Pinia

全局状态管理

2023-02-10 17:05:26 107

原创 Vue3 组件之间的通信

根据它们的缩写，其实是可以知道 Prop 是指 Property ，而 Attr 是指 Attribute ，虽然都是 “属性” ，但 Property 更接近于事物本身的属性，因此需要在组件里声明，而 Attribute 更偏向于赋予的属性，因此用于指代父组件传递的其他未被声明为 Property 的属性。刚接触 Vue 的开发者可能容易混淆这两者，确实是非常接近，都是由父组件传递，由子组件接收，支持传递的数据类型也一样，但为什么一部分是在 props 获取，一部分在 attrs 获取呢？

2023-02-09 17:26:09 4998 2

原创 VUE3 插件的开发和使用

传统的 Webpack 可以用来构建 npm 包文件，但按照目前更主流的技术选项，编译结果更干净更迷的当属 Rollup ，但 Rollup 需要配置很多插件功能，这对于刚接触包开发的开发者来说学习成本比较高，而 Vite 的出现则解决了这个难题，因为 Vite 的底层是基于 Rollup 来完成构建，上层则简化了很多配置上的问题，因此接下来将使用 Vite 来带领开发者入门 npm 包的开发。的新声明 (.d.ts) 文件 ts(7016)

2023-02-07 17:42:14 5447

原创 vue3 路由的使用

name 是路由的名称，非必填，但是一般都会配置上去，这样可以很方便的通过 name 来代替 path 实现路由的跳转，因为像有时候的开发环境和生产环境的路径不一致，或者说路径变更，通过 name 无需调整，但如果通过 path，可能就要修改很多文件里面的链接跳转目标了。所以 Vue 在 Webpack 的代码分割功能的基础上，推出了异步组件，可以把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样按需载入，很方便的实现路由组件的懒加载。

2023-02-03 17:39:27 21147 3

原创 VUE3 指令插槽

如果 Vue 的内置指令不能满足业务需求，还可以开发自定义指令。

2023-02-02 15:38:05 871

原创 VUE3 数据的计算

然后可能有其他的计算数据依赖于 list。和 Vue 2.0 一样，数据的计算也是使用 computed API ，它可以通过现有的响应式数据，去通过计算得到新的响应式变量，用过 Vue 2.0 的开发者应该不会太陌生，但是在 Vue 3.0 ，在使用方式上也是变化非常大！这里的 set 就是 computed 的 setter ，它会接收一个参数，代表新的值，当通过 foo.value = xxx 赋值的时候，赋入的这个值，就会通过这个入参来传递进来，可以根据的业务需要，把这个值，赋给相关的数据源。

2023-02-01 17:35:30 1617

空空如也

空空如也