- 博客(22)
- 收藏
- 关注
RSS订阅原创 宏任务和微任务的理解
概念：- 宏任务：常见的定时器，用户交互事件等等（【乌龟的屁股】这些就是宏任务）- 微任务: Promise相关任务，MutationObserver等（一样，只是一种称呼而已！！！）第一个原则：同步代码运行结束后才开始执行异步第二个原则：同一层级下微任务永远比宏任务先执行第三个原则：每个宏任务都单独关联了一个微任务队列...
2022-07-06 10:36:57
96
转载 webstorm快捷键（最全）
Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/…/ ）Shift+F6 重构-重命名Ctrl+X 删除行Ctrl+D 复制行Ctrl+G 查找行Ctrl+Shift+Up/Down 代码向上/下移动。F2 或Shift+F2 高亮错误或警告快速定位写代码，按Tab 生成代码选中文本，按Ctrl+Shift+F7 高亮显示所有该文本，按Esc高亮消失。(因为这个功能我就可以发放心的放弃sublime了)Ctrl+B或Ctrl+鼠标左键单击 快速打开光标处的类或方法，（NB的功
2021-06-29 10:13:29
2454
原创 如何将一个对象里面键值相同的筛选出来，以数据的形式放到一个新对象中
原理：利用对象的键不能重复的原则。话不多说直接上代码： var arr = [ {id:1,sort:2,age:18}, {id:2,sort:2,age:19}, {id:3,sort:3,age:120}, {id:4,sort:2,age:18165}, {id:5,sort:3,age:18} ] let obj = {} for (let i = 0; i < arr.len
2021-06-29 09:22:11
413
原创 28种你需要了解的javascript优化代码技术
开发人员的生活总是在学习新事物，并且跟上变化的难度不应该比现在已经难，我的动机是介绍所有JavaScript最佳实践，例如，速记和功能，我们作为前端开发人员必须知道这些使我们的生活在2021年变得更加轻松。您可能已经进行了很长时间的JavaScript开发，但是有时您可能没有使用不需要解决或编写一些额外代码即可解决问题的最新功能。这些技术可以帮助您编写干净且优化的JavaScript代码。此外，这些主题可以帮助您为2021年的前端面试做好准备。在这里，我将提供一个新系列，介绍速记技术，这些速记技术可帮助
2021-04-21 14:23:17
73
原创 二维码扫码登陆原理
二维码扫码登陆的原理在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选型时提供新的思路。对于非技术人员呢，除了解惑，还可以引导他更好地辨别生活中遇到的各种二维码，防止上当受骗。在扫码的过程中，大家可能会有疑问，这二维码安全吗？会不会泄露我的个人信息等等。这个时候就需要了解二维码背后的技术和逻辑了！二维码最常用的场景之一就是通过手机端应用扫描PC或者WEB端的二维码，来登录同一个系统。比如手机微信扫码登录PC微信，手机淘宝扫码登陆PC端淘
2021-04-16 09:41:03
1110
原创 浅谈前端性能优化
什么是前端性能它是一个跨功能需求，优化的方式有很多种，可以将其总结分为俩大类，第一类是运行环境的优化，如【网络、服务器资源】等，第二类为代码级别的优化，例如js中DOM操作优化，css选择器优化，图片优化以及HTML结构优化等等。理解影响性能的关键因素延迟带宽(流量、流量控制)DNS解析TCP/TLS（安全传输层协议）静态资源...
2021-03-10 10:52:38
446
转载 window如何添加右键在CMD打开命令行
新建记事本文件，将以下代码对应操作系统的文件写入，然后保存为".reg"的注册表文件，双击运行，确定，OK。windows 7Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\background\shell\cmd_here]@="在CMD打开""Icon"="cmd.exe" [HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\b
2021-03-10 10:33:27
566
原创 如何实现负载均衡
什么是负载均衡当一台服务器的单位时间内的访问量越大时，服务器压力就越大，大到超过自身的承受能力的时候，服务器就会崩溃，为了避免服务器崩溃，让用户有更好的体验，我们可以通过负载均衡的方式来分担服务器的压力。我们可以建立很多的服务器，组成一个服务器集群，当用户访问网站时，先访问一个中间服务器，在让这个中间服务器的在服务器集群中选择一个压力较小的服务器，然后将该访问请求引入到该服务器。如此一来，用户每次访问，都会请求压力最小的服务器，这样服务器的压力就趋于平衡了。负载均衡是用反向代理的原理实现的实现均衡的
2021-03-01 22:23:41
1412
原创 jQuery的基本操作
一、了解jQuery特点：选择器，隐式迭代（遍历），链式编程类库：比人封装好了一些方法，放在一个js文件里，只需引入。学习网站：https://jquery.cuishifeng.cnjs选择器1.基本选择器$(选择器)css选择器怎么选，括号里面就可以怎样写注意：1.如果用id选择器，那么只能拿到一个元素2.如果你用的是其他的选择器，那么有多少就获取多少（迭代）3.不管拿到多少个元素，都是放在一个元素集合里面返回2.特殊选择器专属于jQuery的特殊选择器1.:first 表示
2021-03-01 21:07:11
191
1
原创 如何减少http请求的次数
每当有人访问您网站上的页面时，浏览器都必须请求大量文件。这些HTTP请求直接影响网页的加载速度。通常，更少的HTTP请求意味着网站加载速度更快。 现在，网站的加载速度是搜索引擎排名的重要因素。所以减少http请求的数量是网站性能优化非常重要的一环。1.删除不必要的图像需要请求的文件越多，http请求的次数就会越多。因此最小化网页必须加载的文件（压缩，base64，shortpisel）和图像的数量（精灵图）。2.实施延迟加载技术当用户进入网站的时候，站点会请求所有的图像，发送http请求，根据您的
2021-01-26 08:41:15
3208
1
原创 BFC
BFC：格式化上下文，一个创建了新的BFC的盒子是独立布局的，盒子内元素的布局不会影响到盒子外面的元素，再同一个BFC中的俩个响铃的盒子在垂直方向发生margin重叠的问题。BFC是指浏览器中创建了一个独立渲染的区域，该区域内的所有元素的布局不会影响到区域外的元素的布局，这个渲染的区域只对块级元素起作用...
2021-01-01 14:42:54
62
转载 href和src的区别
href与src的区别我们在开发页面的时候，需要引入一些外部的资源，经常分不清href与src，下面我们就来谈谈它们之间到底是什么。1.href：HyperText Reference的缩写，超文本引用，它执行一些网络资源，建立和当前元素或者说是本文档的链接关系，在加载它的时候，不会停止对当前文档的处理，浏览器会继续往下走，常用在a，link（当浏览器加载到link标签时，会识别这是css文档，并行下载该css文档，但并不会停止对当前页面后续内容的加载，这也是不建议使用@import加载CSS的原因）等
2020-12-28 16:33:13
1050
原创 mvc，mvp，mvvm的个人理解
前言随着项目的需求的增减，代码的推挤会造成整个程序臃肿不堪，那么就急切需要了解些实用的架构设计，优化代码结构以及增加扩展性。mvc架构（模式）开发可以分为三部分，Model，View，Controller。视图（view）：用户界面，完成前端的数据展示。控制器(controller):业务逻辑。模型（Model）：数据保存和处理，在传递给视图层响应或者展示优点：1.耦合性低2.重用性高3.可维护性高4.有利于软件工程化管理缺点：1.没有明确的定义2.不适合小型，中等规模的应
2020-12-22 18:58:54
102
原创 高内聚低耦合
高内聚低耦合，是软件工程中的概念，是判断软件设计好坏的标准，主要用于程序的面向对象的设计，主要看类的内聚性是否高，耦合度是否低。目的是使程序模块的可重用性、移植性大大增强。通常程序结构中各模块的内聚程度越高，模块间的耦合程度就越低。内聚是从功能角度来度量模块内的联系，一个好的内聚模块应当恰好做一件事，它描述的是模块内的功能联系；耦合是软件结构中各模块之间相互连接的一种度量，耦合强弱取决于模块间接口的复杂程度、进入或访问一个模块的点以及通过接口的数据。自己的理解：耦合： 模块与模块之间的联系。内
2020-12-18 17:53:21
4567
4
原创 打开浏览器，输入网址，经过了哪些步骤才能将页面呈现在你的浏览器上
输入网址后，首先会让dns域名解析服务器将你输入的网站转化为对应的ip。（dns就是一个分布式数据库，上面记录了所有的域名和其ip地址的对应关系）通过TCP/IP协议簇传输到服务端，TCP/IP协议簇是指能够在多个不同网络间实现信息传输的协议簇。TCP/IP协议不仅仅指的是TCP 和IP两个协议，而是指一个由FTP、SMTP、TCP、UDP、IP等协议构成的协议簇， 只是因为在TCP/IP协议中TCP协议和IP协议最具代表性，所以被称为TCP/IP协议。TCP是一种面向连接的可靠的字节流服务协议，这是.
2020-12-17 08:29:47
781
转载 restful规范
什么是restful规范？RESTFUL是一种网络应用程序的设计风格和开发方式，基于HTTP，可以使用XML格式定义或JSON格式定义。RESTFUL适用于移动互联网厂商作为业务使能接口的场景，实现第三方OTT调用移动网络资源的功能，动作类型为新增、变更、删除所调用资源。REST倾向于用更加简单轻量的方法设计和实现。值得注意的是REST并没有一个明确的标准，而更像是一种设计的风格十大规范？1.API与用户的通信协议，总是使用HTTPS协议2.域名规范 -尽量将API部署在专用域名（会存在跨
2020-12-16 21:17:37
176
原创 为什么要把方法写在原型上，而不是直接写在构造函数中？
首先，将方法写在原型上或者直接写在构造函数中，都是可以正常使用的，那为什么还要写在原型上呢？函数是引用数据类型，每一次通过new，都会创建一个实例对象，每一次创建的实例身上的方法的功能是一样的，但却不是同一个方法，每一个方法都会在堆内存中开辟一段新的空间，这样的话，浪费内存空间，完全没有必要，用的是同一个方法，实现的是同一个功能，那为什么不用同一个方法呢!原型就帮我们解决了这个问题，如果将方法写在构造函数的prototype身上，那么他的实例就可以通过__proto__来找到，而且每一次找到的都是同一个
2020-11-25 08:49:48
1818
原创 关于cookie的一些知识总结
前言本次主要围绕以下四个问题进行总结？1.什么是cookie？2.cookie的作用？3.cookie的特点？4.cookie的工作机制(运行流程)？5.如何使用cookie？增删改查？1.什么是cookie？是一个在浏览器端的存储空间2.cookie的作用？HTTP协议本身是无状态的。什么是无状态呢，即服务器无法判断用户身份。Cookie实际上是一小段的文本信息（key-value）。客户端向服务器发起请求，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Co
2020-11-24 10:14:26
445
转载 TCP/IP协议
TCP/IP协议族（TCP/IP Protocol Suite，或TCP/IP Protocols），简称TCP/IP。由于在网络通讯协议普遍采用分层的结构，当多个层次的协议共同工作时，类似计算机科学中的堆栈，因此又被称为TCP/IP协议栈（英语：TCP/IP Protocol Stack） 。这些协议最早发源于美国国防部（缩写为DoD）的ARPA网项目，因此也被称作DoD模型（DoD Model）。这个协议族由互联网工程任务组负责维护。TCP/IP提供点对点的链接机制，将数据应该如何封装、定址、传输、路
2020-11-22 20:32:51
192
1
翻译 DOM的回流和重绘
DOM的回流和重绘回流：1当页面中的元素的位置，大小或者结构、定位发生改变，会引发浏览器对当前页面结构进行重新计算，非常消耗 性能。（一次回流会触发很多DOM操作，浏览器会重新计算元素的尺寸和位置，并且还会触发该元素的子元素，原 先的元素和发生改变的元素进一步重排，然后调用最后的重绘），既然回流这么不好，那我还要告诉你一个坏消息， 回 流很容易触发,啧啧啧！！！回流发生在一下情况：1.修改页面上的内容，例如输入文本框的文本，移动DOM元素2.为DOM元素设置动画、事件3.进行元素的测
2020-11-20 22:29:53
479
原创 节流和防抖的一些总结
节流和防抖节流指的是高频事件触发，但是在n秒内只会执行一次，所以节流会稀释函数的执行频率。举例：规定一个函数只有在大于等于执行周期时才执行，在周期内不调用不执行。就好像双十一，你在淘宝抢购某一件热卖商品时，你不断的点击刷新购买，可是总有一段时间你 点击上是没有效果的，这里就使用到了节流，就是怕点击的太快导致系统出现bug。防抖指的是触发高频事件后，在n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。举例: 就好像在百度搜索时，每次输入之后都会有相关的词弹出，这个控制联
2020-11-20 16:57:48
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人