- 博客(20)
- 收藏
- 关注
原创 【m1 pro 芯片macbook搭建前端开发环境】
m1芯片搭建前端办公环境安装git安装nvm安装git1、打开安装地址https://git-scm.com/download/mac根据提示***下载homebrew***复制命令操作、报错,开始百度还是不行,最后终于找到了正确的下载方式参考链接:https://zhuanlan.zhihu.com/p/372576355我是用里面的安装镜像下载的,这里选的是1,文章里面讲的很详细,这里就不在啰嗦。然后下载git。按照官网命令:brew install git安装后接下来就是安
2021-11-21 00:07:49
825
原创 Fetch的二次封装
文章目录一、fetch请求的特点二、支持的请求参数三、对fetch进行二次封装一、fetch请求的特点服务器只要有返回结果,不论HTTP状态码是多少,promise实例都是fulfilledfetch 不会发送 cookies。除非你使用了credentials 的初始化选项。通过网络获取一个 JSON 文件并将其打印到控制台。最简单的用法是只提供一个参数用来指明想 fetch() 到的资源路径,然后返回一个包含响应结果的promise(一个 Response 对象)。当然它只是一个 HTTP
2021-10-16 15:06:50
565
原创 axios基础知识
文章目录前言一、axios发送数据的返回情况1、默认情况下,http状态码是2开始,则让promise状态成功2、自定义服务返回的HTTP状态码为多少是成功,为多少失败!!二、基于axios发送请求的方式1、axios([config]) 或者 axios([url],[config])2、axios.request([config])3、axios.get/delete/head/options([url],[config])4、创建axios 实例发起请求三、axios发送请求时候的配置项 config
2021-10-10 21:04:09
1094
原创 倒计时抢购案例实现
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、倒计时抢购案例(利用ajax)1-1思路1-2 具体实现二、传统方法实现2-1实现思路2-2 实现代码一、倒计时抢购案例(利用ajax)1-1思路/*两个时间:目标时间 18:00:00当前时间目标时间-当前时间=时间差 「毫秒差:计算时间差中包含多少小时,多少分钟,多少秒」每间隔一秒中都需要重新获取当前时间「定时器 setInterval」,重算时间差等核心的问题:当前时间是不可以获取
2021-10-10 10:56:28
487
原创 ajax(async javascript and xml)
文章目录1. 什么是AJAX?2、AJAX的基础操作2-1.创建一个XMLHttpRequest2-2. 打开一个URL地址「发送请求前的一些配置信息」1、第一个是 请求方式:GET(get/delete/head/options...) / POST(post/put/patch...)2-3 监听请求的过程,在不同的阶段做不同的处理「包含获取服务器的响应信息」1、ajax状态 xhr.readyState2、HTTP状态码 xhr.status/xhr.statusText2-4、发送请求「send
2021-10-07 10:33:12
310
原创 浏览器的底层渲染机制
文章目录前言一、从服务器基于HTTP网路请求回来的数据二、进程和线程三、渲染页面过程3-1、遇到style内嵌样式,GUI直接渲染即可3-2、外链式和导入式3-3.遇到 前言CRP:critical rendering path 关键渲染路径围绕渲染的机制和步骤,去详细的进行每一步的优化,以此来提高页面的渲速度和运行性能一、从服务器基于HTTP网路请求回来的数据从服务器请求回来的是16进制的文件流,浏览器会把他解析为字符串(html字符串)按照w3c规则识别成一个个的节点【词法解析】最后生
2021-10-06 18:16:23
263
原创 JQ部分源码解读
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings(
2021-10-05 17:30:24
912
原创 js中数据类型检测专题汇总
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-09-11 16:53:36
372
原创 函数的柯理化思想
文章目录一、函数的柯理化二、面试题一、函数的柯理化形成一个闭包(不被释放的上下文),我们就可以“预先”存储一些东西,而这些东西可以供其下级上下文“后期”调取使用 ->柯理化函数思想「预先存储的思想」例如:实现一个下面的打印let res = fn(1, 2)(3);console.log(res); //=>6 const fn = (...params)=>{ return (...args)=>{ let arr = params.conca
2021-09-04 23:08:03
88
原创 解决类数组使用数组的方法
文章目录前言方法一、把其转化为数组方法二、把数组方法赋值给这个集合方法三、基于call实现this的改变应用:前言 鸭子类型:长得像鸭子但是没有鸭子的方法,就想让鸭子具备这个方法类数组:结构很像数组但是不是Array的实例,所以无法使用Array.prototype上的方法,而我们期望它可以使用这些方法,这就需要函数借用//获取一个类数组let elements = document.getElementsByTagName('*')conosle.log(elements)假如想使用f
2021-08-27 17:58:48
739
原创 重写内置NEW
文章目录一、内置new的时候做了什么1、创建当前内的一个实例(空实例对象)2、让函数中的THIS指向这个对象3、看函数的返回值,如果返回的是对象,则以自己返回的为主,否则把创建的实例对象返回二、重写内置new三、哪些可以new实例对象1、必须是个函数2、必须具备prototype属性3、不能是生成器函数4、排除Symbol/BigInt一、内置new的时候做了什么首先会像正常函数一样,产生私有上下文1、创建当前内的一个实例(空实例对象)2、让函数中的THIS指向这个对象3、看函数的返回值,如果返
2021-08-26 15:25:46
153
原创 前端开发中的同步异步编程
文章目录一、JS单线程异步编程1、进程和线程:2、JS是单线程异步编程**代码执行过程中,遇到一个异步编程的任务**:**常见情景一:Promise产生的实例****常见情景2:async/await:是promise+generator的语法糖**二、面试题一、JS单线程异步编程1、进程和线程:进程:每个进程都有独立的代码和数据空间(进程上下文),进程间的切换会有较大的开销,一个进程包含1–n个线程。(进程是资源分配的最小单位)线程:同一类线程共享代码和数据空间,每个线程有独立的运行栈和程序计
2021-08-23 21:01:13
819
原创 CLASS创造类的语法
文章目录一、基于ES6中的CLASS重构下面的代码一、基于ES6中的CLASS重构下面的代码function ModalFun(x,y){ // 构造函数体:给实例设置私有属性方法 this.x=x; this.y=y;}// 在构造函数原型上设置实例可调用公共属性方法 实例。xxxModalFun.prototype.z=10;ModalFun.prototype.getX=function(){ console.log(this.x);}ModalFu
2021-08-21 17:17:38
161
原创 面向对象基础「构造函数执行的机制」
文章目录面向对象基础构造函数执行的机制二、「原型和原型链」2.读入数据总结面向对象基础 面向对象:object oriented programming OOP编程/设计思想 + JS + JAVA + Python + PHP + C# + C++ + GO + ... 面向过程:procedure oriented programming POP + C语言面向对象是基于类和实例
2021-08-21 12:56:25
181
原创 LET 和 VAR 的区别?及其LET 和 CONST 的区别?
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、LET 和 VAR二、LET 和 CONST 的区别一、LET 和 VAR@1 变量提升: let不存在变量提升、而var是具备变量提升的console.log(n); //Uncaught ReferenceError: Cannot access 'n' before initialization 词法分析阶段,我们就知道未来在全局上下文中会基于let声明一个n的变量,所以此时报错是:不允许在声明之前使用他...
2021-08-14 22:26:27
122
原创 函数的底层运行机制
文章目录一、JS中的堆(Heap)栈(Stack)内存二、变量提升三.块级上下文和函数是个渣男四、 闭包作用域和浏览器垃圾回收机制浏览器垃圾回收机制「GC」1、标记清除2、引用计数一、JS中的堆(Heap)栈(Stack)内存都是在计算机内存中开辟的空间栈内存 Stack:ECStack(Execution [ˌeksɪˈkjuːʃn] Context Stack) 存储原始值类型值 代码执行的环境堆内存 Heap: 存储对象类型值EC(Execution [ˌeksɪˈkjuːʃn]
2021-08-14 21:48:01
455
1
原创 数据类型的转换
前言通过第一篇文章我们已经知道了js中的数据类型,可回顾一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('ignore')im
2021-08-14 15:15:52
286
原创 栈结构和队列结构
栈结构和队列结构文章目录栈结构和队列结构一、栈结构二、使用步骤1.引入库2.读入数据总结一、栈结构特点:后进先出、只能在一端操作、包括进栈和出栈、递归算法中的递归会出现栈溢出的情况应用:十进制转换成二进制涉及其他知识点:在js里面写的数字浏览器默认是处理成十进制数字;如果是0x开头则处理成16进制;如果是0开头的则处理成8进制。十进制转化为二进制:示例浏览器验证结果:利用toString()实现十进制格式的整数转化为二进制:在这里插入代码片二、使用步骤1.引入库代码如下(示
2021-08-13 10:55:05
204
原创 js中的数据类型
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-08-09 19:35:38
93
原创 如果要做优化,CSS提高性能的方法有哪些
如果要做优化,CSS提高性能的方法有哪些前言实现方式内联首屏关键CSS**异步加载CSS** 进行展示;**资源压缩****合理使用选择器****减少使用昂贵的属性****不要使用@import**其他总结前言每一个网页都离不开css,但是很多人又认为,css主要是用来完成页面布局的,像一些细节或者优化,就不需要怎么考虑,实际上这种想法是不正确的作为页面渲染和内容展现的重要环节,css影响着用户对整个网站的第一体验因此,在整个产品研发过程中,css性能优化同样需要贯穿全程实现方式内联首屏关键CS
2021-05-04 10:58:46
315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人