自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 什么是微前端?

微前端的选型和技术难点

2023-06-16 04:40:28 743

原创 url解析过程

一:浏览器解析 URL 过程:1 用户输入 URL 地址。2 对 URL 地址进行 DNS 域名解获得IP地址。3 建立 TCP 连接(三次握手)。4 浏览器向 web 服务器发送一个 HTTP 请求报文。5 服务器返回 HTTP 响应报文给客户端。 6 关闭 TCP 连接(四次挥手)。7 浏览器解析文档资源并渲染页面。二:浏览器解析流程1 浏览器可以解析的资源,HTML,SVG,XHTML等,解析完会生成DOM Tree2 CSS资源会解析成CSS Rule Tree。3 JS通

2021-03-25 14:14:26 4251 3

原创 域名解析

1. 概念DNS(Domain Name System):域名系统,是因特网使用的命名系统,用于解决IP地址和域名的映射关系。DNS解析:互联网都是通过URL来请求资源的,而URL中的域名需要解析成IP地址才能与远程主机建立连接,如何将域名解析成IP地址就属于DNS解析的工作范畴。2. 域名结构从技术角度来看,域名是在Internet上用于解决IP地址的一种方法。一个完整的域名由2个或2个以上的部分组成,各部分之间用英文的句号“.”来分隔,最后一个“.”的右边部分称为顶级域名(TLD,也称为一级域名

2021-01-05 18:17:58 527

原创 数组的去重和排序

一:数组的去重方法1 对象里面,相同的属性,后面的会覆盖前面的var arr = [1,2,2,3,4,4,6,6,7,7,9];var b = {};//var c = [];for(i = 0; i<arr.length; i++){b[arr[i]] = arr[i]; //等同于b.a[i] = a[i] 属性是一个变量,所以不能用点语法,要用中括号}for(v in b){c.push(b[v]);//for in 遍历对象,取出value值,然后推到新的空数组里}c

2020-05-20 20:07:20 2547

原创 js 继承的几种方式

**一、ES6之前的继承**1.原型赋值方式简而言之,就是直接将父类的一个实例赋给子类的原型。如下示例:function Person(name){this.name=name;this.className=“person”}Person.prototype.getClassName=function(){console.log(this.className)}functi...

2020-03-30 12:19:58 271

原创 清除浮动的几种方式,各自的优缺点

清除浮动的几种方式,各自的优缺点1.使用空标签清除浮动clear:both。原理:添加一个空div,利用css提高的clear:both清除浮动,让父级div能自动获取到高度优点:通俗易懂,容易掌握缺点:会添加很多无意义的空标签,有违结构与表现的分离,在后期维护中将是噩梦建议:不推荐使用,但此方法是以前主要使用的一种清除浮动方法2.父级div定义overflow:hidden原理:必...

2020-03-06 13:59:51 875

原创 微前端架构应用

微前端架构:优势,缺点和痛点一. 什么是微前端“微前端架构”就是构建基于微服务的前端应用架构。其思想是将前端应用切分为一系列可以单独部署的松耦合的应用,然后将这些应用组装起来创建单个面向用户的应用程序。微前端的实现各不相同,因为不同的公司的技术方案不同,从服务器端页面嵌入到iframes到Javascript元框架(meta-frameworks)和web components。二. 微...

2020-03-05 12:15:11 533

原创 阿里前端一面总结

2020.3.2杭州阿里电话一面1 是否能接受杭州工作2 简单做下自我介绍3 es5继承和es6的继承有那些方式及区别4 js处理异步的所有方式以及优缺点5 浏览器缓存机制及原理6 js事件循环机制7 图片懒加载的方式及其原理8 移动端的适配以及原理9 js为什么是单线程10 什么是精灵图,优化原理11 http协议和三次握手,四次挥手12 聊天websocket 长链接等...

2020-03-03 10:26:45 2038 4

原创 什么是防抖和节流?有什么区别?如何实现?

什么是防抖和节流?有什么区别?如何实现?防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间思路每次触发事件时都取消之前的延时调用方法/* 防抖 */function dou(fn, wait) {var time = null;return function () {clearTimeout(time)// time = setTimeout...

2020-02-28 13:55:43 279

原创 HTTPS加密解密过程

https:在http(超文本传输协议)基础上提出的一种安全的http协议,因此可以称为安全的超文本传输协议。http协议直接放置在TCP协议之上,而https提出在http和TCP中间加上一层加密层。从发送端看,这一层负责把http的内容加密后送到下层的TCP,从接收方看,这一层负责将TCP送来的数据解密还原成http的内容。SSL(Secure Socket Layer):是Netscape...

2020-02-18 13:45:08 276

空空如也

空空如也

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

TA关注的人

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