- 博客(15)
- 收藏
- 关注
原创 将两个对象进行合并
合并对象a合b,b对象的属性值会覆盖掉a对象的属性值, 如果a对象某个属性att1在b对象上不存在,那么会保留下来att1这个属性。
2024-04-11 17:08:58
182
原创 vue+antd后台管理系统的远程搜索组件的封装(a-select)
自入行已开,都是做的vue + element项目开发,个人觉得这一套组合是针对pc端的项目是很流畅丝滑的,但是,最近开始的项目是vue + antd项目,问了一些同行业的大佬,这些大佬基本都是一句“vue + antd吗?莫名其妙的bug解决不了要和蚂蚁金服直接交涉”这样的调侃,反正我觉得antd对于vue框架来说是没有element这么简单易开发,但是,毕竟是成熟的两个重量框架,项目已经使用了,计算遇到问题也是需要尽力去解决,下面我就针对a-select这个组件自行封装一个远程搜索组...
2021-12-30 16:22:07
4061
原创 vscode保存后代码自动格式化配置
1、最近接手第二个项目,之前的项目是基于vue + element + admin这个优秀的后台管理平台搭建的,由公司大佬直接搭建,接手的时候只是做一些简单的业务开发。最近接手了一个外包公司帮忙写的系统,是基于vue + ant_design + admin这个平台,处理ui组件库用的是蚂蚁金服的外,其他的基本相同;2、遇到的问题: vue + element + admin项目在保存代码之后会自动格式化代码结构,包括html、js,但是vue + ant + admin项目并不会自动...
2021-12-08 14:00:17
2506
原创 js数组循环的几个常用方法比较(for、forEach、map)
1、for循环是es5的常用数组循环方法,具体使用语法如下举例:const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]for (var i = 1; i < arr.length; i++) { console.log(i) // 打印的是1, 2, 3, 4, 5, 6 if (i > 5) return}为什么打印的会是1 2 3 4 5 6呢?因为for循环中有return语句,该语句常用在函数中用来返回出一个结果,但是for循环中如果
2021-11-23 15:15:29
1117
原创 vue父组件给子孙组件传值(provide && inject)
vue框架传值常用的有:1、父传子,在父组件里面的子组件上通过v-bind绑定一个变量传给子组件,对应的子组件里面通过props来接受;2、子传父:在父组件里面的子组件上自定义个一个方法,用来接受子组件传上来的数据,代码示例如下:父组件代码片段://父组件<condition-com :vessel="vessel" @changeLeftComponnet="changeLeftComponnet"/>// 父组件里面定义的子组件conditionCom
2021-11-17 11:32:51
8931
3
原创 el-input限制只能输入数字的自定义指令
项目中当使用了输入框时,但是输入框只能限定使用数字,所以这个时候就需要对输入框输入的内容进行限定处理,但是每次都使用方法进行限定,势必是不科学的,如果直接通过指令限定是不是会更加的科学,下面结合网络大神的代码,加上自己的一些小小的修改,实现自定义指令的封装,代码如下1、需要在main.js下引用指令所在的文件// 引用自定义指令文件,文件放在src下的directive目录下的el-input目录下import onlyNumber from '@/directive/el-input'
2021-11-16 17:48:58
1302
1
原创 根据小米商城官网首页效果敲写页面
闲暇之余对照了小米商城官网首页的展示效果,自己仿写了首页的头部页面,渲染图为下:不知道小米商城用的是什么框架,我这里使用的是vue + element,由于是单页面,且没有添加图片以及调用接口,所以页面时静态的。其中有部分细节需要注意:1、下载APP这里,有一个动态的效果,鼠标放上去会出现一张二维码,位置正好是在下载APP下面,且是由上往下滑出,小米这种大厂的效果还是很丝滑的,我参考了别人的思路,可以同过css的属性以及结合js来实现:css属性为:height:0; overFlow:
2021-11-11 18:11:31
1279
原创 vuex在项目中的使用
1、在项目目录下建立store目录,store目录下家里index.js文件,在index.js文件中安装vuex,且注册store仓库等相关的插件这是index.js代码import Vue from 'vue'import Vuex from 'vuex'import getters from './getters'import createPersistedState from 'vuex-persistedstate'Vue.use(Vuex)// https://we.
2021-11-05 17:01:56
804
2
原创 vue项目中封装的有用的公共方法集合
1、数据类型判断以及判断是否为数字类型或者数字型字符串//万能型方法function typeOf(obj) { const toString = Object.prototype.toString const map = { '[object Boolean]': 'boolean', '[object Number]': 'number', '[object String]': 'string', '[object Function]': 'functio
2021-11-04 18:08:46
2559
原创 从浏览请地址栏输入URL到出现网页,其中发生了什么
这基本是前端面试中遇到的必问的面试题1、输入url后,首先需要找到这个url域名的服务器ip,为了寻找这个ip,浏览器首先会寻找缓存,查看缓存中是否有记录,缓存的查找记录为:浏览器缓存-》系统缓存-》路由器缓存,缓存中没有则查找系统的hosts文件中是否有记录,如果没有则查询DNS服务器。2、得到服务器的ip地址后,浏览器根据这个ip以及相应的端口号,构造一个http请求,这个请求报文会包括这次请求的信息,主要是请求方法,请求说明和请求附带的数据,并将这个http请求封装在一个tcp包中,这个tcp
2021-11-02 10:40:19
165
原创 vue项目动态新增控件的实现
熟悉vue项目的朋友都知道,有时候控件多的时候,在页面显示中会有排列的问题,甚至有些控件不需要,所以不需要的控件就可以不显示,这就涉及到动态添加控件的实现。想要实现如下的功能:其中代码片段为:HTML<div class="left-header">{{ $t('steamship.filter') }}</div> <el-select ref="selectRef" v-model="selectPr..
2021-10-29 17:07:41
971
原创 ES6的一些基础知识点
1、解构赋值一般时候会这样写,ES5写法:const obj = { a:1, b:2, c:3, d:4}取值是下面这样的const a = obj.aconst b = obj.bconst c = obj.cconst d = obj.d或者是这样取值的const e = obj.a + obj.bconst f = obj.c + obj.d其实,类似这样的写法可以用ES6语法编写,且更加简短,ES6写法:const {a
2021-10-18 17:23:50
1215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人