- 博客(31)
- 收藏
- 关注
RSS订阅原创 JS 基本数据类型和引用数据类型的区别及浅拷贝和深拷贝
1.栈（stack）和堆（heap）栈（stack）：栈会自动分配内存空间，会自动释放，存放基本类型，简单的数据段，占据固定大小的空间。堆（heap）：动态分配的内存，大小不定也不会自动释放，存放引用类型，指那些可能由多个值构成的对象，保存在堆内存中，包含引用类型的变量，实际上保存的不是变量本身，而是指向该对象的指针。
2023-02-21 17:29:34
212
原创 vue面试题总结
watch 在监听对象的时候，如果 deep 值是 true，就会执行 traverse 这个方法，这个方法里就是做了个数组递归，如果是数组的话，会根据数组的每一项索引取值，进行递归追加依赖，如果是对象会拿 key 进行遍历取值，进行递归追加依赖，traverse 就是deep：true实现的核心。组件的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的 data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。会对数组中的引用类型再次进行监控。
2023-02-10 16:38:11
164
原创 vue element 日期范围选择器限制只能选今天之前的时间，或者只能选今天之后的时间
:picker-options="expireTimeOPtion
2022-11-18 14:38:21
1603
原创 vue element ui 开始时间不大于结束时间 结束时间不小于开始时间
项目中经常在表单里有开始时间和结束时间俩个选择框，但要对时间进行控制，开始时间不大于结束时间 结束时间不小于开始时间。3.去除日期时间选择器里的此刻按钮,给 el-date-picker 标签定义一个 class属性。 重启项目就可以去除此刻按钮。
2022-11-18 14:34:03
1151
原创 Element UI el-select选择器根据后台返回的值动态展示内容
select的下拉框里面的内容是后台返回的数据，调接口后端返回的数据赋值给下拉框
2022-11-18 13:47:34
1336
2
原创 element-ui遇到的问题（2）
rules: {},在data里面 return外面定义验证信息callback(new Error('请输入中文名称'))} else {}}if (!callback(new Error('只能输入英文、数字或-'))callback(new Error('请输入英文简称'))} else {}}// 如果返回true 才可以进行下一步保存}})
2022-11-15 14:47:54
497
原创 vue中将后台返回的数字转换成对应的文字
在前后端交互的过程中经常会遇到的一个问题，就是后端返回的是数字，前端页面例如类别一栏里应展示文字，前端就必须把后端传的 0,1,2,3转化为文字展示在页面上。后台返回的数据利用里面的回调对数据进行解析即可，下面直接上代码。这样就可以在页面上显示了。
2022-11-08 14:13:25
3733
转载 html+单选+回显,VUE+elementUI表格多选框实现单选以及数据回显时toggleRowSelection失效问题...
toggleRowSelection这个函数需要传某行数据，true表示勾选，false表示不勾选，@selection-change默认是勾选的，也就是说这个事件传进来被选中的数据如果你还是想勾选，那么不需要任何操作，除非你想不勾选，那么就把那条数据用false来去掉勾选。selectItem这个函数我自定义了，一旦勾选多于一行数据，就把上一个勾选去掉，保留最后一个勾选，用过滤器来过滤，把新的(只有一行数据)的数组赋给自定义的数组，方便调用。...
2022-08-12 15:23:27
3257
原创 ele单元格用toggleRowSelection(row, true)回显遇到的问题
今天在做项目时有遇到表格里多选的选中内容后再次打开默认选中打钩，ele单元格用toggleRowSelection(row, true)回显时row必须返回当前列表渲染用的数据，自己存的数据是无效的，而且用toggleRowSelection这个方法时就会报 报错 toggleRowSelection‘ of undefined。解决方法是 ：加了个this.$nextTick(function () {}）在外边，问题解决。自己在做项目中写的代码片段 容易自己理解。...
2022-08-12 15:05:37
1678
1
原创 如何把后端传过来列表里的数字转化为文字
/我将yeno里面的数据和页面上显示列表页面里面的，如果和value相等，则将name给页面上所要显示的。两种方式：:formatter="statusFormatter"1.如何把后端传过来列表里的数字转化为文字。//格式化 遍历循环字典数据。...
2022-08-11 19:05:04
897
原创 数据可视化项目的学习
一、ECharts介绍官网链接：http://Apache EChartsECharts是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。二、ECharts入门教程官方教程：5 分钟上手 ECharts第一步：下载并引入scharts.js文件获取 ECha.
2022-05-05 10:32:29
273
原创 v-if 和v-for能放在一起使用吗
当v-if与v-for一起使用时，v-for具有比v-if更高的优先级，这意味着v-if将分别重复运行于每个v-for循环中所以，不推荐v-if和v-for同时使用一、不应同时使用v-for和v-if不应该一起使用。原因：v-for比v-if优先，即每一次都需要遍历整个数组，影响速度。例如重构项目的时候遇到的旧代码：<div v-for="(fileMsg,index) in fileMsgList" :key="fileMsg.id" ...
2022-04-24 14:42:48
13183
2
原创 使用element-ui遇到的坑
1. input中验证只能输入数字在v-model后边加上.number只能现在不能以非数字开头，用type="number"可以解决在后台返数据的时候也许返回的是字符串类型的数字，所以在赋值的时候需要判断一下数据类型2.form表单验证场景：在打开编辑弹窗时利用$nextTick()对输入框进行赋值，然后保存时快速多次点击保存按钮，在下次打开编辑窗口时，input中的内容正确但是验证报红。解决办法：在打开的时候利用clearValidate对文本框中的验证进行重置(这次重置也是$n
2022-04-24 13:31:01
2083
1
转载 基于Vue的电商后台管理系统（5）
基于Vue的电商后台管理系统（5）完成以下任务：1.完成参数管理2.推送代码到码云3.制作商品列表页面4.制作商品添加页面1.参数管理A.展示动态参数可选项动态参数可选项展示及操作在获取动态参数的方法中进行处理。//将获取到的数据中的attr_vals字符串转换为数组res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] /.
2022-04-23 18:16:56
442
转载 基于Vue的电商后台管理系统（4）
基于Vue的电商后台管理系统（4）这一节完成1.完成商品分类 2.完成参数管理1.商品分类A.新建分支goods_cate新建分支goods_cate并推送到码云git checkout -b goods_categit push -u origin goods_cateB.创建子级路由创建categories子级路由组件并设置路由规则import Cate from './components/goods/Cate.vue' path: '/home', ..
2022-04-23 18:06:09
340
转载 基于Vue的电商管理系统(3)
基于Vue的电商管理系统(3)上一节已经实现该系统的侧边菜单展示，用户管理-用户列表的展示，添加用户，本期将继续完善该系统的以下功能：从后端获取后台列表修改用户,删除用户。1.修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框，并修改对话框的属性C.根据id查询需要修改的用户数据 // 展示编辑用户的对话框 async showEditDialog(id) { // console.log(id) const {.
2022-04-23 17:26:26
361
转载 基于Vue的电商后台管理系统（2）
基于Vue的电商管理系统(2)上一节已经实现该系统的登陆界面、路由、登录、退出及导航守卫功能，本期将继续完善该系统的以下功能：从后端获取后台列表数据并渲染到前端页面、用户列表的展示、修改、删除和添加。1.后台首页基本布局1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户本系统后台将采用Element UI 中的Container布局容器。基本结构如下：<el-container> <el-header>Header<.
2022-04-20 00:36:32
847
转载 基于Vue的电商管理系统 (1)
正好这段时间在做一个电商管理系统的项目，借此总结一下。该项目主要是一个电商的后台管理系统，可实现管理用户账号，即登录、退出、用户管理、权限管理等，商品管理，即商品分类、分类参数、商品信息，订单信息等以及数据统计。前端项目是基于Vue的SPA项目，前端技术栈采用Vue+VueRouter+Element-UI+Axios+Echarts，后端技术栈采用Node.js+Express+Jwt(模拟session)+Mysql+Sequelize组成。由于此项目主要练习相关前端技术栈，故后端采用已有模板进行搭
2022-04-20 00:30:00
2188
1
原创 创建vue项目报错command failed: npm install --loglevel error
今天创建移动端项目时，运行命令行云流水，结果出了bug，当时就蒙圈了，这是啥子问题，结果经过多方搜查，发现网上有说npm cache clean --force清除npm的缓存的，然后重新安装淘宝镜像，也是不行1.出现报错按照惯性思维尝试了一下： npm install --loglevel error --legacy-peer-deps，发现并不能解决什么问题（X）。2.然后就有说清除缓存，在终端运行npm cache clean –force 清除npm缓存，然后重建项目，还是不行，...
2022-04-15 07:16:16
3932
1
原创 VS code 快捷键常用
1. Ctrl + /： 注释。2. Ctrl + \：快速分屏。3. Ctrl + S: 保存4. !(英文感叹号)+TAB: 快速形成代码框架5. 双击内容可以选中标签里的单词。6. Ctrl + L：选中当前行。7. Ctrl + F：搜索。8. Ctrl + H：替换。9. Ctrl + 回车：跳转到下一行。10. Ctrl + Shift + 回车：在当前行的上面加一行。11.Ctrl + table：文件之间的切换12. Shift + 上、下、左、.
2022-04-15 03:49:49
10543
原创 vue电商管理系统实战总结
一.登录模块进行用户名 、密码ui结构，对表单数据进行双向数据的绑定，进行rule验证规则，然后对表单进行预验证。配置axios发送登录请求。Message是弹框组件，message挂载到vue上，Vue.prototype.$message =Message1.登录完成后的操作1.将登录成功后的token 保存在客户端的sessionstorge1.1项目中除了登录其他之外的API接口，必须是在登录之后才能进行访问。1.2token只在当前网站打开期间有效，所以将token保存在s
2022-04-11 07:18:15
449
原创 windows常用快捷命令大全总结
最近刚入IT行业，以前也只是个文科生，除了在大学里大一时过了计算机二级，平时也就做个ppt，课件论文啥的用一下电脑，但最基础的可能就知道ctrl C 和 ctrl V 了，再不就是全程鼠标操作，显得有点笨拙，那些计算机玩得好的感觉键盘和鼠标在他们的手里应用自如，反正高手总是很酷的，就算没有鼠标，他们也很快的操作电脑，要想自己进步，不至于太落后，今天总结一下平时用电脑操作时常用到的一些快捷键大全，方便自己学习，也方便自己查找。以下总结只用于自己平时学习过程中常用到的：Windows+L键 ...
2022-04-03 11:47:15
4628
原创 初学前端在项目过程中个人遇到的问题 ----- 第一天总结
今天在把代码下载下来的过程中，想把代码跑起来，但是全程一直在报错，以下有几点：1.在安装npm install 依赖时报错：npm ERR! path D:\ShopApp\node_modules\fsevents\node_modules\abbrevnpm ERR! code ENOENTnpm ERR! errno -4058npm ERR! syscall accessnpm ERR! enoent ENOENT: no such file or directory, acces
2022-04-02 06:30:06
570
原创 uni-app总结笔记
1.什么是uniapp基于vue开发的（懂vue的朋友问题是不大的），是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 跨端：小程序、H5、qq小程序啥的都可以用（会有小坑，毕竟兼顾这么多端） 没有啥效果很棒组件，几乎都要自己写，也不建议去用其它花里胡哨的，容易出问题（能简则简） uinapp 是多页，vue是多页2.重要文件解读：package.json :包管理...
2022-03-28 07:42:31
556
原创 vue经典面试题总结（二）
1.vue的优点轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb ；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了 angular 的特点，在数据操作方面更为简单；组件化：保留了 react 的优点，实现了 html 的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom 操作是非常耗费性能的， 不再使用原生的 dom
2022-03-24 22:44:25
1052
原创 VUE经典面试题总结（一）
目录1.说说Vue的生命周期2.对接口的请求一般放在哪个生命周期中？3.Vue中组件生命周期调用顺序说一下4.第一次页面加载会触发哪几个钩子？5.说一下v-if与v-show的区别6.为什么避免v-if和v-for一起使用7.数组中的data为什么是个函数8.数据双向绑定的原理是什么9.computed,methods,watch的区别10.Vuex是什么11.为什么 Vuex 的 mutation 中不能做异步操作？12.组件间的通信有哪些13.ax
2022-03-23 08:40:28
1140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人