- 博客(27)
- 收藏
- 关注
RSS订阅原创 vue el-input 使用 回车键会刷新页面的问题
如下代码，在 el-form 中 加个 @submit.native.prevent，就可以了，当form表单中只有一个input时，按下回车建会自动触发页面的提交功能， 产生刷新页面的行为。vue项目中 在输入框输入字符并按下回车键搜索时，不会进行搜索， 而是会刷新页面。.prevent 提交以后不刷新页面。.native 绑定系统原生事件。@submit: 表单提交。
2023-02-21 11:26:27
2536
原创 vscode无法获取切换git上最新的远程分支解决办法
1）从代码托管平台上的分支截图可以看出有个feature/V1.0.0.0822_A的分支。我们发现已经能查看到了feature/V1.0.0.0822_A的分支。到此，我们就成功解决vscode无法获取git上最新的远程分支的问题了。git checkout -b 发现根本没有该分支，因此也无法切换。
2023-02-21 11:23:44
4748
原创 elementUI table 添加合计行，合计行放置顶部(标题下内容上)，合计行渲染所有数据的和(取后端接口数据)，合并合计单元格，给表头换颜色。
4.渲染合计，sumObj是通过后端接口得到的对应字段的合计（对象数据）。在并在此处调用合并“合计”文字的单元格。3.使用vue.$el.querySelector()方法,table渲染时，调用封装好的合并方法。1.将show-summary设置为true就会在表格尾部展示合计行。2.借用样式将合计行置顶。
2023-02-21 11:05:07
3096
1
原创 el-popover 初始弹出位置不准确，及el-popover超出屏幕问题
使用el-popover 弹窗框，弹出提示，初始化提示位置不正确解决方案：给嵌套的Table 设置高度后，位置就正确了触发方式为 hover 时的,可以修改open-delay设置popper 的边界元素 boundariesElement: ‘viewport’,boundariesElement默认是’viewport’，如果不需要跟边界重新计算元素的位置设置为’body’即可...
2022-07-13 10:06:00
8448
1
转载 rem的实现原理
em和rem在逻辑上的差别仅仅是参照对象不同，em是参照父元素的字体大小，rem是参照根目录HTML的字体大小。rem布局实际上就是实现等比缩放试想，如果我们的元素在不同的屏幕上可以按照相同的比例来进行缩放就好了。rem的计算原理：试想把屏幕平均分成10份，那么每一份就是1/10，我们选择每一份的大小是1rem，那么一个5*(1/10)的大小就占屏幕大小的50%，这就是rem我们设计稿的宽度是750px，那么对于设计稿上宽度为600px的一个元素，它的rem值是怎么计算呢？上面我们把屏幕分成了
2021-08-20 15:16:52
3420
转载 javaScript-宏任务与微任务分析
宏任务与微任务javaScript是单线程语言（如果多线程dom会疯掉）所以在同一时间只能执行一个任务，称为主线程，用来执行同步任务同时还有两个任务列表用于存放异步任务，宏任务、微任务执行顺序为：主线程=>微任务=>宏任务有关定时器定时器模块⏲，到达时间点将其放入宏任务队列如果主线程没有任务则执行，如果有则等待执行完成后再继续执行如果有两个相同时间的定时器则上面的先执行下面的后执行如果两个时间不同的定时器则时间短的先执行时间长的后执行注意点：定时器的⏲是在定时器模块
2021-06-21 16:49:07
143
原创 vue cli3.0快速搭建项目详解（强烈推荐）
这篇文章主要介绍下vue-cli3.0项目搭建，项目结构和配置等整理一下，分享给大家。一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、build 和 insp
2021-06-21 16:31:51
473
原创 js继承
1.原型链继承function Parent () { this.name = 'kevin';}Parent.prototype.getName = function () { console.log(this.name);}function Child () {}Child.prototype = new Parent();var child1 = new Child();console.log(child1.getName()) // kevin问
2021-02-22 15:39:11
128
原创 从原型到原型链
构造函数创建对象我们先使用构造函数创建一个对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中，Person 就是一个构造函数，我们使用 new 创建了一个实例对象 person。很简单吧，接下来进入正题：prototype每个函数都有一个 prototype 属性，就是我们经常在各种例子中看到的那个 protot
2021-02-22 11:25:10
129
转载 图形推理题
图形推理50中规律，自行阅读1. 大小变化2. 方向旋转3. 笔画增减 ( 数字 , 线条数 )4. 图形求同5. 相同部份去掉6. 图形叠加 ( 简单叠加 , 合并叠加 , 去同叠加 )7. 图形组合变化 ( 如: 首尾两个图形中都包含中间图形 )8. 对应位置阴影变化 ( 两图相同或不同则第三图对应位置变阴影或变空白 )9. 顺时针或逆时针旋转10. 总笔画成等差数列11. 由内向外逐步包含12. 相同部件 , 上下 , 左右组合13. 类似组合 ( 如平行 , 图形个数一样
2021-02-18 15:59:57
748
1
原创 加减乘除
import Vue from 'vue';export default { /** * num 取小数位 * * @param num * @param scale 取几位小数 * @param mode 1: 向上取整 2: 向下取整 默认四舍五入 */ round: function (num, scale, mode) { if(isNaN(num) || num == null) { nu
2021-01-11 15:29:30
167
原创 一次关于 Vue 的自我模拟面试
1. 先介绍一下Vue的响应式系统Vue为MVVM框架，当数据模型data变化时，页面视图会得到响应更新，其原理对data的getter/setter方法进行拦截（Object.defineProperty或者Proxy），利用发布订阅的设计模式，在getter方法中进行订阅，在setter方法中发布通知，让所有订阅者完成响应。在响应式系统中，Vue会为数据模型data的每一个属性新建一个订阅中心作为发布者，而监听器watch、计算属性computed、视图渲染template/render三个角色同时
2021-01-06 10:33:27
146
1
原创 vue中使用vue-i18n简单实现国际化
1、安装npm install vue-i18n --save目录结构目录结构如下，en.js和zh.js分别是英文和中文的文本信息。main.js文件的配置，在main.js中添加以下跟vue-i18n的使用有关的配置项。// main.jsimport i18n from './locale/i18n/i18n'new Vue({ ... i18n, ...})// index.jsimport en from './en'import zh from
2021-01-04 11:33:45
472
转载 WebStorm中不小心勾选了不再显示更新项目的提示弹窗，如何重新显示版本控制（VCS）的更新项目Update Project（同步项目）提示弹窗？
当我们勾选了同步(Update Project)弹窗的 “Do not show this dialog in the future（以后不显示此对话框）” 的复选框☑以后再次使用同步功能(Update Project)时不会再出现这个弹窗（如下图），这就导致了我们无法修改Update Type和Clean working tree before update解决方案：当我们点击更新项目同步(Update Project)的同时，按住Shift键，便可再次打开该弹窗...
2021-01-04 10:30:37
1136
2
原创 element-ui的table组件，给某些列设置了fixed属性后，滚动条无法拖动
问题描述在使用ele-ui的table组件时，给前四列设置了fixed属性，让前四列可以固定，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了fixed属性的列把滚动条覆盖了，一般是看不到，但是把页面缩小就发现了，如下图：解决方法：.el-table__fixed { height:auto !important; // 让固定列的高自适应，且设置!important覆盖ele-ui的默认样式 bottom:17px; // 固定列默认设置了
2020-07-20 14:27:54
2283
1
原创 element-ui的el-upload上传图片自定义请求和vue-quill-editor富文本结合使用
vue-quill-editor默认的图片插入方式，是直接将图片转成base64编码，这样的结果是整个富文本的html片段十分冗余。我们的服务器端接收的post的数据大小都是有限制的，这样的话导致提交失败，就算不提交失败，大量的数据存入数据库也不是好事。为了解决这个问题，我考虑了两个方案，换一个富文本编辑框框架，另一个是修改vue-quill-editor的框架代码。...
2020-07-17 10:18:50
324
原创 前端面试题全面整理
本篇文章整理总结了一些前端面试题，涵盖面很广，并且面的都是知名大厂，所以这些题还是很有代表性的，都掌握以后一面基础面应该没什么问题，二面也能应付大半，奉上：css相关1. 万能居中1.margin: 0 auto;水平2.text-align: center;水平3.行高，垂直4.表格，center,middle；水平垂直5.display:table-cell；模拟表格，all6.绝对定位，50%减自身宽高7.绝对定位，上下左右全0，margin:auto8.绝对定位加相对定位。不.
2020-07-16 18:08:59
6354
原创 vue项目使用this.$forceUpdate()；强制渲染页面
解决vue this.$forceUpdate() 处理页面刷新问题（v-for循环值刷新等）问题描述:在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值:解决:运用 this.$forceUpdate()强制刷新添加this.$forceUpdate();进行强制渲染，效果实现。搜索资料得出结果：因为数据层次太多，render函数没有自动更新，需手动强制刷新。...
2020-07-14 10:08:31
5903
2
原创 vue常见基础面试题总结篇
1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解放d
2020-07-13 13:19:39
4119
原创 vue中element-ui表格跨页选择解决方案
vue中element-ui表格跨页选择解决方案在el-table标签里添加: row-key="getRowKeys"在选择框行增加:reserve-selection="true"3. 在methods里
2020-04-28 14:38:22
1394
原创 我理解的vuex的简单使用
vue中vuex的简单使用vuex:同一状态（全局状态）管理，简单的理解，在SPA单页面组件的开发中，在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、修改，并且你的修改可以同步全局。安装 npm i vuex --save在src文件目录下新建store>index.js文件 import Vue from 'vue'; import Vuex...
2020-04-28 14:17:47
162
原创 Vuex的基本使用(详解)
VueJS中学习使用Vuex详解vuex 基本使用vuex 基本使用vuex:同一状态（全局状态）管理，简单的理解，在SPA单页面组件的开发中，在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、修改，并且你的修改可以同步全局。首先在 vue 2.0+ 你的vue-cli项目中安装 vuex : npm install vuex --save在src文件目录...
2020-04-28 14:02:26
193
原创 如何新建一个vue项目,超详细教程
如何新建一个vue项目,超详细教程vue创建项目（npm安装→初始化项目）第一步npm安装使用淘宝NPM 镜像第二步项目初始化vue创建项目（npm安装→初始化项目）第一步npm安装首先：先从nodejs.org中下载nodejs双击安装，在安装界面一直Next直到Finish完成安装。打开控制命令行程序（CMD）,检查是否正常使用淘宝NPM 镜像大家都知道国内直接使用n...
2020-04-28 11:19:39
636
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人