自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(306)
  • 资源 (2)
  • 问答 (12)
  • 收藏
  • 关注

转载 闭包的实现原理和作用、以及内存泄露

 闭包简单来说就是函数中的函数,也可以把它理解为一种现象,就是说一个函数要访问另外一个目标函数内部的变量,就要在目标函数中再定义一个函数(以此来把作用域链往下延长一段,目的就是为了利用js在找自由变量时,会沿着作用域链一级一级往上找的特点),并将这个定义的函数return出来,供外部使用。在实际开发中,闭包主要是用来封装变量,收敛权限。什么是闭包?(放代码)var value = 3 function bar(){ //外层函数声明的变量 var va

2022-04-22 11:44:17 561

转载 JavaScript中的this原理及6种常见使用场景详解

工欲善其事,必先利其器,,复习下this(看完如下,对于this的认识又清晰了点):this是JavaScript的一个关键字,函数调用时才会出现并确定;因为函数是在一定的环境中运行的,调用函数时肯定需要知道是[谁调用的]?就用到了this进行指向;那么this到底指向的是什么?this 既不指向函数自身,也不指函数的词法作用域,而是调用函数时的对象!使用场景(一)普通函数的调用,this指向的是Windowvar name = '卡卡';function cat(){ v

2022-04-22 11:18:08 937

转载 理解原型设计模式以及JavaScript中的原型规则

理解原型设计模式以及JavaScript中的原型规则 - 简书长见识了,温故而知新也。

2022-04-21 16:42:34 186

转载 Null和Undefined的区别

先看javascript的七种类型1.Undefined(基本类型)2.Null(基本类型)3.Boolean(基本类型)4.String(基本类型)5.Number(基本类型)6.Symbol(基本类型)7.Object(引用类型)可以看出,Undefined 和 Null 是 Javascript 中两种特殊的原始数据类型(Primary Type),它们都只有一个值,分别对应 undefined 和 null ,这两种不同类型的值,既有着不同的语义和场景,又表现出较

2022-04-21 16:14:00 1244

转载 重温 JS栈和堆

温故而知新也javascript中的堆和栈 - 简书

2022-04-21 12:01:56 81

原创 JS的数据类型

JavaScript中的每一个值都有它自己的类型,JavaScript规定了七种数据类型:1.Undefined(基本类型)2.Null(基本类型)3.Boolean(基本类型)4.String(基本类型)5.Number(基本类型)6.Symbol(基本类型)7.Object(引用类型)以上且听我细细道来(不管你从事了多少年的开发岗):undefined(变量,非关键词)// 声明了但未定义值let a;console.log(a); // undefin

2022-04-20 10:40:42 440

原创 Http是传输层吗?TCP是个么层?IP/TCP与HTTP的关系?

Httphttp是超文本传输协议,HTTP协议是属于应用层,与其它计算机进行通讯的一个应用,它是对应应用程序的通信服务的。TCPTCP协议位于传输层,提供可靠的字节流服务。为了方便传输,将大块数据分割成以报文段为单位的数据包进行管理,这样能更容易传输大数据。而且TCP协议能够确认数据最终是否送达到对方(三次握手策略)IP(Internet Protocol)网际协议,属于网络层。几乎所有使用网络的系统都会用到IP协议。IP协议的作用是把各种数据包传送给对方。为了保证传输的可靠性,我们

2022-04-19 15:32:17 2522

原创 Vue2与Vue3的区别

当我知道Vue2.0的双向绑定内部是如何实现的时候(不清楚的可见我前期博客),听说现在已更新到Vue3.0了,新版本肯定是更轻,更快,更易使用。那它是如何实现的呢?Vue3.0较Vue2.0的优势如下图:官网传送门介绍 | Vue.js核心区别Vue2.0是基于javascript的,Vue3.0是基于TypeScript,而javascript和TypeScript的区别如下图:图解即(下面这块不清楚的,可要好好补了,这下面知识是前端人的最基本素养):语言层面.

2022-04-19 12:16:55 827

转载 vue服务端渲染SSR

在2020年以前,我所接触的是前后端都在后端(非前后端分离),那个时候浏览器想要什么页面,是由后端决定再返回一个html。之后接触了前后端分离,前端有了自己的服务端,不再是要后端来决定是显示哪个html,并且前后端分离后,各种便利框架,本人用的是VUE。当技术发展到巅峰,在最终依旧会回归本质,这不SSR也就出世了。什么是服务端渲染(SSR)SSR是Server Side Render简称;页面上的内容是通过服务端渲染生成的,浏览器直接显示服务端返回的html。服务端渲染是一种方式,不限定语言,

2022-04-19 11:51:52 2749

原创 javascript map与原生object的区别

Object和Map非常相似,两者都可以完成键-值对的设置、获取value、删除key并且根据key获取对应的value。因此,在过去Object经常被当作Map来使用。但是,Object和Map的不同之处会让Map在特定条件下成为一个更佳的选择。表面区别1、Object的键只能是字符串或者Symbol,而Map的键可以是任意值。2、Map中的键值是有序的(FIFO),而Object中的键是无序的。3、Map中的键值个数可以从size属性中获取,而Object中的键值只能手动获取。

2022-04-18 17:20:30 2534

转载 js——Set和Map,以及哈希表

学习,知道核心实现出来的是哈希算法,但是如何,怎样 ,为何 不得而知。下面这博文一解千愁。js——Set和Map,以及哈希表_徕胖的博客-CSDN博客_js map是哈希表吗

2022-04-18 14:38:45 241

转载 Vue双向绑定是怎么实现的?

用了Vue长达2年,如果自己去实现一个双向绑定,我可能一个字母都写不出来,是时候探究一下了。先看data里某对象的输出 data() { return { pagination: { layout: 'prev,pager,next,jumper,sizes,->, total', pageSizes: [10, 20, 30, 40], currentPage: 1, pageSize: 10,

2022-04-18 10:36:22 2003

原创 事件循环机制

带你了解事件循环机制(Event Loop)_**Crazy的博客-CSDN博客_事件循环机制温故而知新了,每次看一遍,又有不同的见解印象。

2022-04-15 17:37:34 180

转载 你不知道的-编译原理

这方面的知识真是看了就头大,说明我真的是low,一声叹息,人与人的智商差距,咋就这么大。出入社会这么多年,现在才明白,10年前在学校那些枯燥无味,堪比天书的知识,才是真正的内功,而现在每天的增删改查,就是些绣花拳头,没点劲。不当深入,就当了解一下。编译原理学了有什么用? - 知乎...

2022-04-15 09:58:33 86

转载 谷歌解码器

新的Google Lyra音频编解码器对实时视频流意味着什么? - 知乎天天接触视频,得需要了解下。

2022-04-14 11:48:09 586

转载 码率是什么?比特率是干嘛的?帧速率是啥?分辨率又是什么?

码率是什么?比特率是干嘛的?帧速率是啥?分辨率又是什么? - 知乎最近几个月经常与视频打交道,学习一下。

2022-04-14 11:12:19 175

转载 你不知道的m3u8

来,先看看m3u8的内容#EXTM3U#EXT-X-VERSION:3#EXT-X-TARGETDURATION:10#EXT-X-MEDIA-SEQUENCE:0#EXT-X-KEY:METHOD=AES-128,URI="http://yunstudy.koo6.cn/Home/Index/geturl/keyinfo/AFAAV1QAAVJZCwhcClYEVw==/keytime/Yw0yhtC*M2W0V1H8RUVZM2gxWW5wcWN3PT0O0O0O"#EXTINF:10.

2022-04-12 17:15:32 29201

转载 从输入URL到浏览器显示页面,中间都经历了哪些过程?

在浏览器里,从输入 URL 到页面展示,这中间发生了什么? - 知乎

2022-04-12 16:05:51 229

原创 你不知道的计算机网络

来吧,强化下弱点,10多年前的老知识,再复习下。计算机网络该怎么学? - 知乎

2022-04-12 15:40:32 199

原创 计算机组成原理

重温10年前的计算机组成原理,温故而知新也。计算机组成原理 - 简书

2022-04-12 15:22:33 217

转载 你不知道的-操作系统

重温一下10年前学校知识,读完如下,温故又知新也。什么是操作系统?操作系统(Operation System, OS) 是指控制和管理整个计算机系统的硬件和软件资源,并合理的组织和调度计算机的工作和资源的分配,以提供给用户和其它软件方便的接口和环境,它是计算机系统中最基本的系统软件。层次结构如下。放图用户可以直接和操作系统进行交互,但是大多数情况下都是通过应用软件与操作系统进行交互。硬件指的是CPU、内存、硬盘等资源。操作系统说明:负责管理协调硬件、软件等计算机资源的工作..

2022-04-12 12:28:05 1243 1

转载 浏览器之消息队列

有时间来细嚼慢浏览器中的消息队列和事件循环_前端探险家的博客-CSDN博客

2022-04-02 15:14:46 258

转载 数据结构与算法

如果你有幸读到了这博文,说明你和我一样,在走遍了程序的广度后,对于深度好像并未真正涉足,是时候该来捋一捋了。这也就是为什么越靠谱的面试官越注重你基础知识的掌握程度,为什么越牛的的企业越重视你的算法能力。因为当你拥有了这些,你已经比大多数人优秀了。你的天花板由你自己来决定,大家口中的中年危机可能并不会成为你的危机。新技术来临时,你对它的本质会看得更加透彻,学起来会一通百通。这样的人才,公司培养你也会花费更少的成本。记住这一句:)再记住这些队列和栈可以分别通过数组和链表实现 通常情况下...

2022-04-02 14:30:22 88

原创 网络知识之----http七层协议

​​​​​​http的七层协议_乡愁入我心的博客-CSDN博客_http七层协议逗比们,从学点知识吧,温故而知新也。

2022-04-02 09:36:37 8480

原创 浏览器之兼容

温故而知新也,自勉。WEB前端开发人员须知的常见浏览器兼容问题及解决技巧_徐小七七的博客-CSDN博客_前端浏览器兼容

2022-03-31 09:46:42 502

原创 加载性能与运行性能

检查加载性能一个网站加载性能如何主要看白屏时间和首屏时间。白屏时间:指从输入网址,到页面开始显示内容的时间。 首屏时间:指从输入网址,到页面完全渲染的时间。将以下脚本放在</head>前面就能获取白屏时间。<script> new Date() - performance.timing.navigationStart // 通过 domLoading 和 navigationStart 也可以 performance.timing.domLo..

2022-03-30 10:45:14 293

原创 重排和重绘

重排当改变 DOM 元素位置或大小时,会导致浏览器重新生成渲染树,这个过程叫重排。重绘当重新生成渲染树后,就要将渲染树每个节点绘制到屏幕,这个过程叫重绘。不是所有的动作都会导致重排,例如改变字体颜色,只会导致重绘。记住,重排会导致重绘,重绘不会导致重排 。重排和重绘这两个操作都是非常昂贵的,因为 JavaScript 引擎线程与 GUI 渲染线程是互斥,它们同时只能一个在工作。什么操作会导致重排?添加或删除可见的 DOM 元素 元素位置改变 元素尺寸改变 内容改变 浏览器窗

2022-03-30 10:15:30 1236

原创 promise优秀的讲解

温故而知新也,重温一次。大白话讲解Promise(一) - 吕大豹 - 博客园

2022-03-29 17:15:08 204

原创 前端知识精华-VUE

1.v-for为什么要加key值vue中列表循环需加:key="唯一标识" 唯一标识可以是item里面id index等,因为vue组件高度复用增加Key可以标识组件的唯一性,为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM不清楚的同学举例传送门VUE中演示v-for为什么要加key - 简书2.v-for与v-if不能同用的原因当 Vue 处理指令时,v-for比v-if具有更高的优先级(此见解在VUE2版本里,VUE3版本里已是v-if比v-for的...

2022-03-29 15:46:42 584

原创 css水平垂直居中

这个标题系列写了N篇了,但总是要温故而知新,故而多写几篇。水平居中行内元素text-align: center; //万能块级元素1.宽度确定的块级元素margin: 0 auto //(宽度不确定的用这个无效)绝对定位和margin-left: -width/2,前提是父元素position: relative2.宽度未知的块级元素inline-block实现水平居中方法。display: inline-block和text-align:center实现水平居中

2022-03-29 14:52:31 123

原创 html优化

是的,我和你一样是从未想过要去优化HTML,虽然面试官也从未问过,行业价值也不大,但是这种对于至少我来说,是用处极大的。html 语义化尽可能少的使用无语义的标签div和span; 在语义不明显时,既可以使用div或者p时,尽量用p,因为p在默认情况下有上下间距,对兼容特殊终端有利; 不要使用纯样式标签,如:b、font、u等,改用css 设置。 需要强调的文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们), strong默认样式是加粗(不要用b) , e

2022-03-29 11:57:53 98

原创 components vue 引用 assets图片

这个小问题,竟然纠缠了我近一个小时,起先我一直以为是路径出了问题,开始怀疑自己的技术。后来百度,我才明白,用了2年的WEBPACK,我竟还是一无所知。解决方法 defaultHead: require('../../assets/default_head.svg'),// defaultHead: '../../assets/default_head.svg', 这种是错误的 并且如果是JPG等图片格式,请改成SVG假如你看了我如上答案解决问题后不保持好奇心,那么你今后的程序之路也就这样了

2022-03-26 18:08:30 2777

原创 Vue 文字复制粘贴

假如不想用快捷键ctrl+c ctrl+v来达到复制效果,比如点击,比如监听键盘。方式一(推荐)1.安装插件npm install vue-clipboard2 --save2.main.js全局引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3.使用<i v-clipboard:copy="scope.row.code" v-clipboard:success="onCopy"

2022-03-26 11:49:04 1293 1

原创 【进阶】JS超实用的17个代码简写技巧

【进阶】JS超实用的17个代码简写技巧_前端阿彬的博客-CSDN博客

2022-03-25 17:13:27 414

原创 在 Vue3 成为默认版本后,盘点了 Vue3 与 Vue2 的区别

在 Vue3 成为默认版本后,盘点了 Vue3 与 Vue2 的区别_前端不释卷leo的博客-CSDN博客

2022-03-25 17:03:14 676

转载 2021了,真的不要再说 Node.js 是一门编程语言了

写的非常好,有时间就反复看,温故而知新也。2021了,真的不要再说 Node.js 是一门编程语言了_X可乐的博客-CSDN博客

2022-03-23 10:12:50 101

转载 都2021年了,再不学ES6你就out了 —— 一文搞懂ES6

这个讲的非常好,至少比我讲的强多了。学习。都2021年了,再不学ES6你就out了 —— 一文搞懂ES6_欧阳呀的博客-CSDN博客

2022-03-22 10:13:02 139

转载 WEB前端javaScript知识思维导图

精通JavaScript?关于JavaScript的内存与性能问题,你又了解多少呢?_哪 吒的博客-CSDN博客

2022-03-22 09:53:28 138

原创 冒泡排序、选择排序、插入排序、快速排序

冒泡排序(最常用,也是是原理最简单的排序,但是他是三种排序算法中效率最低的, 适用于数据量很小的排序场景,因为冒泡原理简单)时间复杂度O(n*n),可以从前向后,也可以从后向前进行排序.案例解析:每一轮把最大的数放到最后面 //冒泡排序 let arr = [2, 4, 1, 6, 3] function bubbled(arr) { for (let i = 0; i < arr.length - 1; i++) { //

2022-03-21 17:24:22 930

转载 JS object 与 map区别

JavaScript Map 和 Object 的区别 - ysx_小鱼 - 博客园不同点Key filed在 Object 中, key 必须是简单数据类型(整数,字符串或者是 symbol),而在 Map 中则可以是 JavaScript 支持的所有数据类型,也就是说可以用一个 Object 来当做一个Map元素的 key。元素顺序Map 元素的顺序遵循插入的顺序,而 Object 的则没有这一特性。继承Map 继承自 Object 对象。新建实例Ob

2022-03-21 16:37:58 936

2019程序员年终总结.ppt

2019程序员年终总结,搞笑版C

2020-01-03

扩展名大全.txt

这个文档是4K+个不重复扩展名,是我从网上各种地方搜刮下来的,各位如果要写入数据库,这里我是用空格区分的,可以自行写代码将数据写进数据库

2019-07-27

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除