- 博客(209)
- 收藏
- 关注
原创 uniapp 微信小程序 获取openid,手机号进行登录,配合后端
【代码】uniapp 微信小程序 获取openid,手机号进行登录,配合后端。
2024-04-26 15:15:49
4394
原创 vue 使用谷歌地图 @googlemaps/js-api-loader 进行模糊搜索
【代码】vue 使用谷歌地图 @googlemaps/js-api-loader 进行模糊搜索。
2024-03-07 16:57:55
1209
3
原创 数组转字符串join(),字符串转数组split()
join()方法用于把数组中的所有元素放入一个字符串。split()方法用于把一个字符串分割成字符串数组。字符串转数组split()
2023-02-28 16:25:24
505
原创 修改浏览器默认滚动条样式-属性自定义
:-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
1198
1
原创 从数据库读取的数据,换行符不生效的解决办法
关注推送文字消息,这些消息数据是从数据库读取出来的,将\n这些符号存到数据库时,会将它转换城字符串,而不再是特殊符号,从数据库查询出来的换行符\n变成了"\n",如下所示。
2023-02-28 11:41:54
1227
原创 git如何从master分支创建新分支
3.从当前分支copy新分支,新分支名称:new-branch。4.把新建的分支push 到远程仓库。1.切换到master分支。从master创建新分支。2.拉取最新版本到本地。
2023-02-28 11:37:49
3298
原创 JS中三种主要的遍历对象的方法:for in、Object.keys、Object.getOwnProperty
/通过原型链增加属性,为一个函数。//增加不可枚举的属性age。通过原型链增加属性,为一个整型值2。主要用于遍历对象的可枚举属性,包括自有属性、继承自原型的属性。该方法返回一个数组,元素均为对象自有可枚举的属性。
2023-02-28 11:13:52
559
原创 JS 合并数组的三大方式
如果您想知道一种在JavaScript中合并数组的好方法,那么请记住使用扩展操作符进行合并。在数组字面量中写入两个或更多带有扩展操作符…const all = […heros, …villains] 创建一个合并了heroes和villains数组的新数组。数组字面量中合并数组的顺序很重要:合并数组中的项按照数组在字面量中出现的顺序插入。或者使用另一种方法array.concat()方法不会改变调用它的数组,而是返回一个具有合并结果的新数组。
2023-02-23 10:39:11
1577
原创 Vue项目中如何使用computed计算属性
当计算属性b依赖了data中的数据a时,当a变化时,b会自动变化。比如在购物的时候,下某一订单时,每选择一件商品(对应data中的数据a),合计费用(对应计算属性b)就会跟着变化。计算属性在computed中进行定义,无需再在data中定义,在template中直接可进行使用,使用方式与data中定义的数据一样。在computed中定义一个函数(看起来是一个函数,其实是一个属性),命名按照属性规范命名(一般为名词)。当数据A的逻辑很复杂时,把A这个数据写在计算属性里面。① 完整的计算属性写法:属性+方法。
2023-02-22 15:53:02
4387
原创 最全es6数组方法
实行方法:回调函数第一次执行时,preValue 和 curValue 可以是一个值,如果 initialValue 在调用 reduce() 时被提供,那么第一个 preValue 等于 initialValue ,并且curValue 等于数组中的第一个值;参数: callback: previousValue 必选 --上一次调用回调返回的值,或者是提供的初始值(initialValue)end --可选 索引到该位置停止读取的数组项,默认是Array.length,如果是负值,表示倒数。
2023-02-21 17:56:28
1504
原创 js如何截取某个字符串前面所有的字符串
3.通过substring()方法,从字符串0位置开始截取至"p"前面的字符串。2.通过indexOf()方法获取你想截止到的那个字符。
2023-02-21 10:40:20
6844
原创 经典布局 (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
3064
原创 Git - 在主分支上创建分支并提交代码
如果团队其他开发人员也在该分支上,并且他提交了代码后,你 push 时,就会报错,因为仓库已经更新了,你必须先 pull 拉取最新代码,然后才能推送。其实说白了,跟 master 主分支提交流程一样,只不过最后,push 时你需要加上分支名。把本地分支推到远端,让远端也有一个你的分支,用来后面提交你的代码。【分支上有其他开发人员存在,并非自己】观察蓝色括号中,分支已经改变了。如果你不放心,可以执行以下命令。
2023-02-20 14:07:32
591
原创 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
846
1
原创 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
2890
原创 Vue 组件强制刷新的办法
v-if通过变量控制的形式,可以触发被控制的组件 beforeCreate、created、beforeMount、mounted、beforeDestroy、destroyed 这6个生命周期。即调用该方法后只会触发beforceUpdate,updated这两个生命周期,而且只会影响当前组件以及其插槽内容。v-if切换时,元素及它的绑定数据和组件都会被销毁并重建,导致其控制的内容会发生显示与隐藏操作。vue使用key标记组件身份,当key改变时就是释放原始组件,重新加载新的组件。
2023-02-16 13:30:52
3488
原创 axios中的GET POST PUT PATCH,发送请求时params和data的区别
最近突然发现post请求可以使用params方式传值,然后想总结一下其中的用法。
2023-02-15 17:07:23
1028
原创 window 对象的一些好用的方法(待追加)
window.scrollTo():实现页面的滚动(window.scroll())window.matchMedia(): 监听媒体查询的变化。window.scrollBy():滚动多少距离。
2023-02-15 16:20:26
84
原创 前端开发之防抖与节流
在做搜索的时候,当搜索页面只有一个输入框、没有确定按钮的时候,只能在用户输入时请求服务端,查询数据。解决这个问题,可以使用vue做输入节流。定义:触发函数事件后,短时间间隔内无法连续调用,只有上一次函数执行后,过了规定的时间间隔,才能进行下一次的函数调用。原理:对处理函数进行延时操作,若设定的延时到来之前,再次触发事件,则清除上一次的延时操作定时器,重新定时。:对处理函数进行延时操作,若设定的延时到来之前,再次触发事件,则清除上一次的延时操作定时器,重新定时。从效果上,我们可以看到,在页面滚动的时候,会。
2023-02-15 11:18:31
553
原创 Vue3 组件之间的通信
根据它们的缩写,其实是可以知道 Prop 是指 Property ,而 Attr 是指 Attribute ,虽然都是 “属性” ,但 Property 更接近于事物本身的属性,因此需要在组件里声明,而 Attribute 更偏向于赋予的属性,因此用于指代父组件传递的其他未被声明为 Property 的属性。刚接触 Vue 的开发者可能容易混淆这两者,确实是非常接近,都是由父组件传递,由子组件接收,支持传递的数据类型也一样,但为什么一部分是在 props 获取,一部分在 attrs 获取呢?
2023-02-09 17:26:09
5332
2
原创 VUE3 插件的开发和使用
传统的 Webpack 可以用来构建 npm 包文件,但按照目前更主流的技术选项,编译结果更干净更迷的当属 Rollup ,但 Rollup 需要配置很多插件功能,这对于刚接触包开发的开发者来说学习成本比较高,而 Vite 的出现则解决了这个难题,因为 Vite 的底层是基于 Rollup 来完成构建,上层则简化了很多配置上的问题,因此接下来将使用 Vite 来带领开发者入门 npm 包的开发。的新声明 (.d.ts) 文件 ts(7016)
2023-02-07 17:42:14
5631
原创 vue3 路由的使用
name 是路由的名称,非必填,但是一般都会配置上去,这样可以很方便的通过 name 来代替 path 实现路由的跳转,因为像有时候的开发环境和生产环境的路径不一致,或者说路径变更,通过 name 无需调整,但如果通过 path,可能就要修改很多文件里面的链接跳转目标了。所以 Vue 在 Webpack 的代码分割功能的基础上,推出了 异步组件,可以把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样按需载入,很方便的实现路由组件的懒加载。
2023-02-03 17:39:27
22598
3
原创 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
1803
原创 js字符串和数组的一些操作(split,join,foreach,pop,push,shoft)
Str.split(’ '),把字符串转换成数组,以空格为标识符。foreach是js的原生方法;each是jq的方法;
2023-02-01 10:14:32
391
原创 判断对象是不是空对象的几种方法
注意: js中的基本包装类型的原型属性是不可枚举的,比如Object,Array,Number等。in可以遍历对象及对象原型上的可枚举属性。对象自身上的可枚举属性,返回一个数组。
2023-02-01 10:08:08
505
原创 CSS 文本缩进text-indent属性
解决办法:将行内元素变为块级元素:display:block;或inline-block;1、定义:text-indent 属性规定文本块中首行文本的缩进。3-1、允许使用负值。如果使用负值,那么首行会被缩进到左边。原因:text-indent无法作用于行内元素。
2023-01-18 16:28:30
2705
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人