- 博客(6)
- 收藏
- 关注
原创 前端开发:实战场景—解决同一个item可以被多次选择的需求
最近在修改接手的一个前端项目的时候,有一个优化需求:需要禁止同一个item被同时选择多次的问题。具体需求如下所示:其实上述问题很简单,只用在item的点击事件里面做一个同一个item禁止多选的处理即可,但是本篇博文之所以拿出来要“小题大做”,还是要顺便再介绍一下findIndex() 方法的使用。具体的操作如下所示:1、 <a-modal :visible="showListModal" :centered="true"...
2020-09-09 11:36:26 1346
原创 前端开发:Vue中findIndex() 方法的使用
前端开发过程中对数据的遍历是非常常见的操作,在Vue.js中通过对数组下标遍历操作来进行相关逻辑处理的方法常用的有两种:some()和findIndex() ,二者都是通过遍历数组里面的id值来进行操作。本篇博文只介绍findIndex() 方法的使用,some()方法在这里不再多讲。一、findIndex() 方法的定义和使用原理1、findIndex() 方法返回的是传入的一个需求条件(函数)符合条件的数组的第一个元素位置;2、findIndex() 方法为数组中的每个元素都调用一次函数的执
2020-09-07 09:51:31 5036
原创 前端开发:Vue中双向数据绑定的简单使用
在Vue.js开发过程中,数据处理是一个很重要的部分,尤其是Vue是一个MVVM的框架,也就是Vue经常谈到的双向数据绑定。双向数据绑定的大概原理就是:当数据发生改变变化的时候,视图也跟着发生变化;当视图发生改变变化的时候,数据同时跟着发生变化。Vue.js是采用数据劫持结合发布者-订阅者模式的方式,是根据Object.defineProperty() 这个方法重新定义对象获取属性值和设置属性值的操作来实现,也就是劫持各个属性的setter和getter,在数据源的数据改变的时候发布消息给订阅者,然
2020-09-04 11:10:11 1214
原创 前端开发:插槽(slot)的使用
在Vue.js开发过程中,插槽的使用也是非常常见的,对于刚入门的新手来说对于这种概念性的知识的认识还是不是太清楚,那么本篇博文就来分享一下关于插槽的使用。首先要知道插槽的使用场景,插槽一般是在子组件中使用的,其次插槽是为了把父组件中的子组件的数据展示正常的操作。通俗一点的来说,就是组件内部预留一个或者多个的插槽位置,可提供组件传对应的模板代码进去。插槽的使用,让开发者可以拓展组件,去更好的复用组件和对组件做定制化处理,可以让组件变得更加灵活。Vue官方文档是这样解释插槽的:Vue 实现了一套内容
2020-09-02 14:50:37 3416
原创 微信小程序:小程序开发测试时候使用http请求
在微信小程序开发过程中,微信开发平台要求线上上线的微信小程序配置的合法域名以及网络请求必须是https。但是一般在开发测试阶段,网络请求使用http请求方式,那就需要在微信开发者工具里面进行一个配置即可。其实配置开发测试阶段网络请求使用http的请求方式很简单,分为两种方式可以通过http请求的方式来开发测试:第一种就是根据微信开发者工具进行本地配置:只需要在微信开发者工具的右上角设置选项里面找到“详情”选项,然后找到“本地设置”模块,找到“不校验合法域名、web-view(业务域名)、TLS版
2020-09-10 17:04:15 10222 2
原创 前端开发:Vue钩子函数(生命周期)
在Vue.js开发过程中,尤其是刚入门的初级开发者来说,首先要学习和知道的就是Vue的生命周期,也就是生命周期钩子函数。每个 Vue 实例在被创建时都要经过一系列的初始化过程,eg:需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这提供给了开发者在不同阶段添加需要添加的代码的机会。生命周期通俗一点的来讲就是一个事物从产生到消失的一整个时间周期过程,Vue的生命周期就是从创建到销毁的整个过程,该过程包括:开始创建、初
2020-09-01 15:43:27 10730 1
搭建chatGPT微应用实战原理分析
2023-04-27
听说百度的文心5.0明年发,这次会上多模态、超低延时还是大参数?
2024-05-29
flutter开发中,在iOS模拟器运行报一个经典错误,求解
2021-03-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人