勇敢牛牛20

2022年11月7日

摘要： call、apply和bind都是用来修改this指向的，这三个方法都是函数对象的方法bind可自行测试由上图发现，当函数调用call方法和apply方法时，是和正常调用函数一样的，当不传递参数，分别输出打印this，输出的全是window,如下图：他们最具特点的地方是改变对象的this指向，如阅读全文

posted @ 2022-11-07 16:16 勇敢牛牛20 阅读(108) 评论(0) 推荐(0)

2022年10月28日

TCP-三次握手

摘要： 1、三次握手的概念 TCP三次握手是浏览器和服务器建立连接的方式，目的是为了使二者能够建立连接，便于后续的数据交互传输。第一次握手：浏览器向服务器发起建立连接的请求第二次握手：服务器告诉浏览器，我同意你的连接请求，同时我也向你发起建立连接的请求第三次握手：浏览器也告诉服务器，我同意建立连接。至此，双阅读全文

posted @ 2022-10-28 14:46 勇敢牛牛20 阅读(293) 评论(0) 推荐(0)

前端性能优化——首屏时间&&白屏时间

摘要： 1、首屏时间概念首屏时间是指用户打开一个网站时，直到浏览器首页面内容渲染完成的时间。 2、白屏时间概念白屏时间即是，浏览器开始显示内容的时间，所以我们一般认为解析完<head>的时刻，或者开始渲染<body>标签就是该页面白屏结束的时间。 3、计算首屏时间和白屏时间 1）首屏时间计算（在body 阅读全文

posted @ 2022-10-28 11:05 勇敢牛牛20 阅读(1690) 评论(1) 推荐(1)

2022年9月5日

element表格固定表头

摘要：最近用到element表格，数据很多出现滚动时表头看不见的问题，查找发现是element自带固定表头功能，只需添加height="500"即可。官网是这样说的：只要在el-table元素中定义了height属性，即可实现固定表头的表格，而不需要额外的代码。阅读全文

posted @ 2022-09-05 13:42 勇敢牛牛20 阅读(477) 评论(0) 推荐(0)

2022年9月2日

前端编程题：给一个字符串，统计其中每个字符出现的次数，忽略空白字符。按要求输出格式为：{a:1,n:3,..}

摘要： <script> const a= 'hello world'; const b =a.replace(/\s/gi,'').split(""); console.log(b); //去掉空字符的方法是replace(/\s/gi,'')； //split将字符串切割成数组形式； var obj = 阅读全文

posted @ 2022-09-02 11:04 勇敢牛牛20 阅读(28) 评论(0) 推荐(0)

2022年8月26日

element ui 解决table自适应问题

摘要： elementui table组件，在开发中会出现无法自适应父元素的情况，解决方法： this.$nextTick(function () { if (this.watchChanges) { console.log("执行了"); this.tableHeight = window.innerHe 阅读全文

posted @ 2022-08-26 11:21 勇敢牛牛20 阅读(994) 评论(0) 推荐(0)

2022年8月9日

JS设计模式（全）

摘要：设计原则在设计一些设计模式时，一般遵循如下七项基本原则： 1. 单一职责原则 (Single Responsibility Principle)2. 开放-关闭原则 (Open-Closed Principle)3. 里氏替换原则 (Liskov Substitution Principle)4. 阅读全文

posted @ 2022-08-09 19:40 勇敢牛牛20 阅读(1767) 评论(0) 推荐(0)

2022年8月8日

Vue.config.js解决跨域问题

摘要：原理 1.将域名发送给本地服务器localhost 2.再由本地服务器去请求真正的服务器 3.服务端发出的请求，不存在跨域问题请注意，我们本地开发遇到的这种跨域是位于开发环境(webpack代理服务器)，真正部署上线的跨域是生产环境(nginx服务器，或者后台配cors) 以下是vue.confi 阅读全文

posted @ 2022-08-08 17:05 勇敢牛牛20 阅读(1507) 评论(0) 推荐(0)

2022年2月15日

CSS像素（px）、物理像素（pt）、rem、em、rpx

摘要： 1.CSS像素（px）和物理像素（pt） CSS 像素（CSS Pixel）:又称为虚拟像素、设备独立像素或逻辑像素，也可以理解为直觉像素。CSS 像素是 Web 编程的概念，指的是 CSS 样式代码中使用的逻辑像素。比如 iPhone 6 的 CSS 像素数为 375 x 667px。设备像素（阅读全文

posted @ 2022-02-15 08:39 勇敢牛牛20 阅读(446) 评论(0) 推荐(0)

2022年1月7日

js new一个对象经历了什么 , 实现一个简单的new方法

摘要：对于大部分前端开发者而言，new一个构造函数或类得到对应实例，是非常普遍的操作了。下面的例子中通过构造函数与与class类实现了一个简单的创建实例的过程。 // ES5构造函数let Parent = function (name, age) { this.name = name; this.age 阅读全文

posted @ 2022-01-07 10:34 勇敢牛牛20 阅读(834) 评论(0) 推荐(0)

公告