°疯菇凉℡1-CSDN博客

原创 el-table标题头显示混乱问题（vue3 + elementplus + js）

这里从官网直接复制过来的代码：显示结果却如上图混乱。解决方法：就是将标签更改一下即显示正常。

2023-04-11 15:44:54 349

原创 elementui 中的 el-select 同时绑定name和value

element

2022-10-12 15:59:46 815

原创 data 获取data中的数据

data中拿数据export default { name: 'sec', data() { const _this = this //在这里定义一个 _this return { totalPeople: 0, queryParams: _this.totalPeople //在这里就可以拿到totalPeople 的数据 } } }

2022-03-15 17:00:33 1953

原创 vue中父组件获取子组件的ref

父组件 <my-table ref="tableList" :get-data="dataItemList" :columns="dataItemColumns" ></my-table>子组件<el-table ref="table" v-loading="listLoading" ></el-table>父组件引用子组件的ref父组件想要使用toggleRowSe

2022-03-15 16:54:01 2694

原创判断该元素在数组的哪一个位置

最快解决---------使用indexOfconst arr = [123，345，567，789]；const n = 567；const a = arr.indexOf(n); // 2

2022-01-06 15:02:55 595

原创【apply、call 和 bind的区别】

apply, call 和 bind的区别

2021-12-02 17:35:36 60

vuex -- vue状态管理模式1. 初识vuex1.1 安装 vuex1.2 使用vuex初始化 store 下的 index.js 中的内容将store 挂载到当前项目的 Vue 实例中去 [ main.js ]在组件中使用 vuex2. vuex 的核心概念2.1 vuex 的工作流程2.2 mutations2.2.1 Mutations 传值2.2.2 增删 state 中的成员2.3 Getters2.4 Actions2.5 modules2.5.1 模块的细节3. 规范目录结构1.

2021-10-25 14:00:08 832

原创关于前端的总结

1.盒模型：前端盒模型包括两种，分别是 W3C 盒模型和 IE 盒模型，他们唯一的区别就是元素的宽度盒模型是规定网页元素如何显示，元素间的相互关系。W3C 盒模型组成分为四部分：content(内容区)：元素的宽和高border(边框区)：盒子的边缘padding(内边距)：为了使页面布局看起来美观大方，盒子里的内容区会用 padding 来解决父元素和子元素的位置关系；margin(外边距)：控制同辈元素直接的位置关系其中 width=contentbox-sizing:content-

2021-08-25 10:11:36 2769

原创同步和异步的区别

同步和异步强调的是消息通信机制。***同步就是在发出一个“调用”时，没有得到结果之前，该“调用”就不返回。但是一旦调用没返回，就得到返回值了，换句话说就是有“调用者” 主动等待这个“调用”的结果。简单来说：就是一个调用结束返回调用结果之后才发出下一个请求***异步就是相反，“调用”在发出之后，这个调用就直接返回了，所以没有返回结果。就是说，当一个异步过程调用发出后，调用者不会立刻得到结果。而在“调用”发出后，“被调用者”通过状态、通知来通知调用者，或通过回调函数来处理这个调用...

2021-06-30 16:42:33 93

原创 JSON.parse() 和 JSON.stringify()用法

parse用于从一个字符串中解析出json对象,如var str = '{"name":"zhuzhu","age":"23"}'JSON.parse(str) 结果：Objectage: "23"name: "huangxiaojian"__proto__: Object注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。stringify()用于从一个对象解析出字符串，如var a = {a:1,b:2}JSON.stringify(a) 结果："{

2021-05-20 17:52:35 161

原创 javascript中for in和for of的用法和区别

在js中循环遍历的方式有很多, 但是总是搞不懂for in和for of的用法和区别,今天就来记录一下，也方便大家保存以方便忘记的时候查阅:var arr=[{name:'tom'},{name:'lucy'}]var obj = {name:'tom',age:1}1.for in 多用于对象的遍历,若是用来遍历数组, 则拿到的是数组的索引: var arr=[{name:'tom'},{name:'lucy'}] var obj = {name:'tom',age:12}

2021-05-20 17:44:16 276

原创 vue实现打印预览pdf（window.open）

打开接口地址，这个方法是后端已经写好打印window.print(); 前端就只需要打开这个网页地址即可，类型需要是htmlwindow.open(res.request.responseURL,"_blank")window.open用法window.open(URL,name,features,replace);一共四个参数第一个是url地址，这个如果写入url，则打开一个空白的页面窗口第二个是打开窗口的方式，如果没有写入则新打开一个窗口，四个值：_blank - URL加载到一个新的

2021-03-03 13:25:59 2746 3

原创将获取到的id用逗号分隔开

想要获取该选项的id，将id用逗号分隔开 let text = ''; for(let i = 0; i < this.selected.length; i++) { text += this.selected[i].id + ','; } text = text.substring(0,text.length-1); console.log(text);

2021-03-03 13:12:23 716

原创 git 提交、拉取以及撤销代码的一些操作

这些是一些基本操作使用的命令1）查看分支： git branch --list2）创建分之：git branch <name>3）切换分支：git checkout <name>4）推送分支： git push -u origin login（子分支是login）按提示操作：将该分支推送到远程分支5）查看所有分支：git branch -a6）查看状态： git status7）添加所有文件：git add .8）提交：git commit –m ‘这里是

2021-03-03 12:58:51 5469

原创推荐一些程序猿学习的网站

极客时间 - https://time.geekbang.org/极客时间是极客邦科技出品的IT 类知识服务产品，内容包含专栏订阅、极客新闻、热点专题、直播、视频和音频等多种形式的知识服务。产品形态包括移动 App，移动端网站、PC 端网站、微信平台等。极客时间也是我最近用的频率最高的平台，在这里首先安利。我现在很多知识方面的提升都在极客时间里获得，其中尤其推荐耗子叔的《左耳听风专栏》，真的是相见恨晚。知识星球 - https://wx.zsxq.com/知识星球，原名小密圈，是内容创作者连.

2021-01-25 10:42:31 380

原创简述一下HTML5的本地存储方法？存、取、删除、清除数据对应的API是什么？

Web 存储随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。Web Storage（sessionStorage和localStorage）Web 存储的特性（1）设置、读取方便。（2）容量较大，sessionStorage 约5M、localStorage 约20

2021-01-07 12:04:07 1001

原创控制显示与隐藏元素

css：设置opacity：0；隐藏，为1 完全显示html显示与隐藏的几种方式display none : 无隐藏元素 block : 显示转换为块级元素visibility visible ：显示 hidden ：隐藏diaplay和visibility区别：1、空间占据display: none; 是彻底消失，不在文档流中占位，浏览器也不会解析该元素visibility:hidden; 是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素

2020-12-23 15:11:32 352

原创 vue常见面试题

1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的，不再使用原生的dom操作节点，极大解放d

2020-12-08 23:41:30 135

原创 html页面渲染的整个过程（补充：重绘和回流的区别）

1.解析html文件，创建DOM树　　自上而下解析，遇到任何样式（link、style）和脚本（script）都会阻塞　　1）css加载不会阻塞html文件的解析，但会阻塞dom的渲染　　2）css加载会阻塞后面js语句的执行　　3）js会阻塞html的解析和渲染　　4）没有defer和async标签的script会立即加载并执行　　5）有async标签的js，js的加载执行和html的解析和渲染并行　　6）有defer标签的js，js的加载和html的解析和渲染并行，但会在html解析完成后

2020-12-08 23:25:30 376

原创 web前端---网页的性能优化

网络层面优化减少http请求，合并资源（js、css、图片）大量数据加载或大量图片加载时使用懒加载或预加载优化使用按需加载，加快首屏渲染速度利用http缓存机制，对资源进行缓存网站用到很多域名时，可使用DNS预解析，提前解析域名使用CDN给网站静态资源加速js 层面优化将脚本放到页面底部将javascript和css从外部引入减少资源体积，压缩javascript、css和图片删除不需要的脚本合理设计事件监听器尽量减少DOM操作，DOM操作尽量做到批量更新，减少页面回流和重绘

2020-12-08 23:13:29 59

原创 ES6中常用的10个新特性讲解

ECMAScript 6(ES6) 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。下面逐一为大家详解常用的ES6新特性：1.不一样的变量声明：const和letES6推荐使用let声明局部变量，相比之前的var（无论声明在何处，都会被视为声明在函数的最顶部）let和var声明的区别：var x = '全局变量';{ let x = '局部变量';

2020-12-08 22:59:10 163

原创代码格式问题报错error Missing space before function parentheses

报错error Missing space before function parentheses space-before-function-paren在这里加上红色标记里里面的内容就不会再报错了

2020-06-09 16:56:51 420

原创 web前端最新的面试题2020

减少http 请求数量

2020-06-04 18:14:11 339 2

原创 axios 和 Echarts的使用

实现登录① 通过 axios 调用登录验证接口② 登录成功之后保持用户 token 信息③ 跳转到项目主页const {data: res } = await this.http.post(′login′,this.loginForm)if(res.meta.status!==200)returnthis.http.post('login', this.loginForm)if (res.meta.status !== 200)return this.http.post(′login′,this.

2020-06-04 16:49:40 1123

qq_39188241的博客

原创 el-table标题头显示混乱问题（vue3 + elementplus + js）

原创绘制甘特图（DHX gantt）