- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端模块化
什么是模块将一个复杂的程序依据一定的规则封装成几个块,并进行组合在一起块的内部数据和实现是私有的,只是向外部暴露一些接口与外部其他模块通信模块化演变过程文件划分方式最原始的模块系统,具体做法是每个功能及其相关的状态数据存在不同的文件当中,约定每个文件就是一个独立的模块.使用时将模块引入到对应的 html 文件当中,每个 script 标签对应一个模块,在代码当中直接调用模块中的全局成员缺点:污染全局作用域命名冲突问题模块成员之间看不出直接关系命名空间方式每个模块只暴露一个全局对
2023-06-20 11:43:10
69
原创 从输入页面地址到展示页面信息都发生了什么
总体分为以下几个过程：DNS解析TCP连接：三次握手发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束：四次挥手。
2023-06-18 23:42:07
74
原创 react v18新特性 分享
Concurrency React博客部分翻译并发本身不是一个特性。这是一种新的幕后机制，使 React 能够同时准备多个版本的 UI。您可以将并发视为一个实现细节——它之所以有价值，是因为它解锁了一些功能。 React 在其内部实现中使用了复杂的技术，例如优先级队列和多重缓冲。但是您不会在我们的公共 API 中的任何地方看到这些概念。当我们设计 API 时，我们试图向开发人员隐藏实现细节。作为一名 React 开发人员，您专注于您希望用户体验的样子，而 React 负责处理如何提供这种体验。所以我们
2022-04-06 02:43:06
1934
原创 HTTPS工作原理
前言近几年,随着互联网的发展,一直习以为常的 http 协议正在逐渐被 https 取代.https 已经成为传输协议的主流.读完本文,希望你能明白:http 通信存在什么问题https 是如何改进 http 存在的问题https 的工作原理是什么首先先来初步地回顾一下 http 的一些相关概念1. http 篇1.1 介绍http 是 Hyper Text Transfer Protocol(超文本传输协议)的缩写.它的发展是万维网协会 (World Wide Web Consort
2021-12-06 16:51:11
347
原创 前端学习(一) 浏览器渲染原理
前言浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分,一是渲染引擎,另一个是JS引擎,渲染引擎在不同的浏览器中也不是都相同的.目前市面上常见的浏览器内核可以分为4种: Trident( IE ), Gecko( FireFox ), Blink( Chrome,Opera ), Webkit( Safari ),以 Webkit 为例,对现代浏览器的渲染过程进行一个深度的剖析页面加载过程简介要点如下:浏览器根据 DNS 服务器得到域名的 IP 地址向这个 IP 的机器发送 HTTP 请
2021-11-29 13:50:14
309
原创 JS学习(六) 性能优化
垃圾回收JavaScript中内存管理是自动的对象不再被引用时就是垃圾对象不能从根上访问到时是垃圾可达对象可以访问到的对象就是可达对象(引用,作用域链)可达的标准就是从根出发是否能够被找到根可以理解为全局变量对象...
2021-08-26 16:48:19
161
原创 JS学习(五) TypeScript
强类型与弱类型强类型----------------语言层面限制函数的实参类型必须与形参类型相同弱类型----------------语言层面不会限制实参的类型强类型语言不允许任意的隐式数据类型转换,而弱类型则允许静态类型与动态类型静态类型------------一个变量声明时它的类型就是明确的,声明过后,它的类型就不允许再修改动态类型------------在运行阶段才能够明确变量类型,而且变量的类型随时可以改变...
2021-07-04 16:45:18
72
原创 JS学习(四) ES6
let const和作用域简单来说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期.JS的作用域是考函数来形成的,一个函数的变量在函数外不可以访问全局作用域函数外部定义的变量拥有全局作用域未经过定义而直接赋值的变量window对象的属性拥有全局作用局部作用域局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部,所以在一些地方会把这种作用域成为函数作用域function fn () { var a = 1 return a}console.
2021-07-03 11:12:31
82
原创 JS学习(三) 手写Promise
好,我们今天来手写Promise/* 1.Promise 是一个类 在执行这个类的时候 需要传递一个执行器进去 执行器会立即执行 2.Promise 有三种状态 分别为 成功(fulfilled) 失败(rejected) 等待(pending) pending -> fulfilled pending -> rejected 一旦状态确定就不可更改 3.resolve 跟 reject 就是用来更改状态的,resolve 就是把状态改为 fulfilled,reject就
2021-06-24 15:04:16
67
原创 函数式编程
面向对象编程把现实世界中的事物抽象成程序世界中的类和对象,通过封装,继承和多态来演示事物事件的联系函数式编程把现实世界的事物和事物之间的联系抽象到程序世界中(对运算过程进行抽象)头等函数1.函数可以存储在变量中2.函数作为参数3.函数作为返回值高阶函数1.可以把函数作为参数传递给另一个函数2.可以把函数作为另一个函数的返回结果...
2021-06-22 15:03:55
68
原创 JS学习(二) 异步编程
前言众所周知,目前主流的JS环境都是以单线程模式去执行的JavaScript代码,之所以采用单线程模式工作,与它最早的设计初衷有关.最早JS就是一门运行在浏览器端的脚本语言,目的是为了实现页面上的动态交互,而实现动态交互的核心就是DOM操作,这就决定了必须使用单线程,不然会出现很复杂的线程同步问题同步模式同步模式指的是代码中的任务依次执行,后一个任务必须要等待前一个任务结束才能开始执行,程序的执行顺序跟代码的编写顺序完全一致.异步模式不会等待这个任务的结束才开始下一个任务,对于耗时操作,都是开启过
2021-06-22 15:03:11
46
原创 VUE学习(四) vuex
组件状态管理state :驱动应用的数据源view :以声明方式将state映射到视图actions :响应在view上的用户输入导致的状态变化new Vue({ // state data () { return { count: 0 } }, // view template: `<div>{{ count }}</div>`, // actions methods: { increment () { this.count++
2021-04-28 15:47:15
89
原创 VUE学习(三) 响应式原理
数据驱动1.数据响应式数据模型是普通的JS对象,而当我们修改数据时,视图会进行更新,避免DOM操作2.双向绑定数据改变,视图改变;视图改变,数据也随之改变(玩过Angular的不会陌生)3.数据驱动Vue最独特的特性之一,开发过程中仅需关注数据本身,不需要关心数据是如何渲染到视图...
2021-02-04 13:49:37
110
原创 vue学习(二) 路由
how to use1.导入Vue跟VueRouter,注册路由组件 Vue.use(VueRouter)2.定义路由规则const routes = [{path: xxx //路径name:xxx //名称component:xxx //对应的组件}]3.创建router对象const router = new VueRouter({routes}) //要传入路由规则export default router;4.main.js中导入r
2021-01-12 21:15:20
133
原创 Vue学习(一) 生命周期
生命周期新建VUE实例初始化事件&生命周期成员 ex. h函数(createElement函数)beforeCreate()初始化注入&校验(把props data methods等注入到vue实例)created()把template(模板)编译成render函数(先判断选项中是否设置了el选项,如果没有,则调用$mount();如果有,则把el元素的外层html作为模板,然后把template编译到render函数中)beforeMount()(在这个函数中,无法获取新元素
2021-01-08 16:48:15
31
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人