- 博客(15)
- 收藏
- 关注
RSS订阅原创 将两个对象进行合并
合并对象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关注的人