![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 92
今天不是名蒸蛋
努力是唯一可控因素
展开
-
React 学习笔记(一)
React是用于构建响应式用户界面的JavaScript库React是一个自由及开放源代码的前端JavaScript工具库, 用于基于UI组件构建用户界面。 它由Meta和由个人开发者和公司组成的社群维护。 React可用作开发具有Next.js等框架的单页、手机或服务器渲染应用程序的基础。然而,React只专注状态管理和将状态渲染到DOM,因此创建React应用程序通常需要使用额外的工具库来进行路由实现,以及某些客户端功能。原创 2023-03-04 13:18:03 · 99 阅读 · 0 评论 -
koa 基础入门与源码学习
Koa的中间件(Middleware) 是一个函数,是在请求和响应中间的处理程序,它可以通过ctx对象访问请求对象和响应对象。比如,在处理请求中,可以在响应之前,可以在请求和响应之间做一些操作,并且可以将这个处理结果传递给下一个函数继续处理。原创 2023-01-15 13:40:36 · 818 阅读 · 9 评论 -
你应该掌握的JavaScript高阶技能(八)
ECMAScript 为数组定义了 5 个迭代方法。every some map forEach filter每个方法接收两个参数:以每一项为参数运行的函数, 以及可选的作为函数运行上下文的作用域对象(影响函数中 this 的值)。传给每个方法的函数接收 3 个参数:数组元素、元素索引和数组本身。因具体方法而异,这个函数的执行结果可能会也可能不会影响方法的返回值。原创 2023-01-10 09:30:00 · 219 阅读 · 4 评论 -
你应该掌握的JavaScript高阶技能(七)
手写 Promise原创 2022-12-08 23:23:58 · 307 阅读 · 0 评论 -
你应该掌握的JavaScript高阶技能(六)
只要创建一个函数,就会按照特定的规则为这个函数创建一个 属性(指向原型对象)。默认情况下,所有原型对象自动获得一个名为 的属性,指回与之关联的构造函数。对前面的例子而言, 指向 。在自定义构造函数时,原型对象默认只会获得 属性,其他的所有方法都继承...原创 2022-12-05 19:47:56 · 523 阅读 · 0 评论 -
你应该掌握的JavaScript高阶技能(五)
this 的指向是可变的、动态的,所以在判断 this 指向时很容易让人感到困惑。暂时不考虑 this 指向如何改变,首先需要清楚知道两点:this 永远指向一个对象,this 指向完全取决于函数的调用位置原创 2022-11-30 18:20:23 · 415 阅读 · 0 评论 -
你应该掌握的JavaScript高阶技能(四)
axios 是基于 promise 可以用于浏览器(客户端)和 node.js 的网络请求库同一套代码可以运行在浏览器和 node.js 中,在服务端它使用原生 node.js 的 http 模块, 而在浏览端则使用 XMLHttpRequests。从浏览器创建 XMLHttpRequests 对象从 node.js 创建 http 请求,支持 Promise 的 API,可以拦截请求和响应,转换请求和响应数据,取消请求,自动转换 JSON 数据,客户端支持防御 XSRF原创 2022-11-26 17:34:56 · 1433 阅读 · 4 评论 -
你应该掌握的JavaScript高阶技能(三)
Proxy (代理)可以给目标对象定义一个关联的代理对象,而这个代理对象可以作为抽象的目标对象来使用。在对目标对象的各种操作影响目标对象之前,可以在代理对象中对这些操作加以控制。Proxy 是一个构造函数,可以通过它生成一个 Proxy 实例。跟 JavaScript 中的类似(也就是访问器属性,关注vue2.x的朋友都知道,vue2.x 的底层响应式原理部分就是使用它来实现的,vue3.x使用的是 Proxy + Reflect 来实现的数据代理)原创 2022-11-21 19:45:08 · 1161 阅读 · 0 评论 -
从0到1学会 TypeScript (一)
如果一个目录下存在一个文件,那么它意味着这个目录是TypeScript项目的根目录。文件中指定了用来编译这个项目的根文件和编译选项。原创 2022-11-10 10:46:33 · 1055 阅读 · 0 评论 -
你应该掌握的JavaScript高阶技能(一)
本文内容参考 老师的素材与视频讲解,特别鸣谢❤️轮播图在网页中是无处不在,轮播图在网页中起到非常重要的作用,我们可以发现,点击轮播图的(图示)按钮,可以切换图片,底部(图示)小矩形同样可以有切换图片的效果,还有自动切换图片的功能。对于一名前端同学,能够使用实现轮播图是必备技能!我们将图片进行刨析,它的原型应该长这样,如图所示:可视窗口中(绿色空心矩形)只有一张图片,图片左右两侧有两个方向为左和右的按钮,点击可以进行图片切换,发生滚动效果。原创 2022-11-07 19:57:51 · 1747 阅读 · 3 评论 -
Vue 源码阅读学习(二)
本节课内容要解决第一节课遗留的问题首先,温故知新第一节的重要内容我们来理清一下思路。DOM元素(就是模板)将来会换成虚拟DOM是一个树结构,看个例子。思路:模板要求是一直驻留在内存中,是渲染的根本。我们需要做的就是利用数据和模板结合生成真正的DOM。其中数据发生变化,DOM变化,而模板不变,然后生成的DOM加入页面。原创 2022-11-03 13:04:59 · 1902 阅读 · 8 评论 -
最详细 so easy 的正则表达式(二)
括号有很多,一般指的是(),还有中括号[]、花括号{},它们长的太像了,我们一起来区分一下,上代码!// 中括号 [] 字符集合.匹配方括号中的任意字符. var reg = / ^[abc]$ /;// a 也可以 b 也可以 c 也可以 a || b || c 三选一 console . log(reg . test('a'));//false // 大括号 量词符. 里面表示重复次数 var reg1 = / ^a{3}$ /;原创 2022-11-02 10:44:54 · 334 阅读 · 2 评论 -
最详细 so easy 的正则表达式(一)
### **方法** `RegExp`的主要方法是 `exec()`,主要用于配合**捕获组**使用。这个方法只接受一个参数,即要应用模式的字符串。 如果找到了匹配项,则返回包含第一个匹配信息的数组;否则返回 `null`。返回的数组虽然是 `Array`的实例,但是包含两个额外的属性,分别是 `index` 和 `input`,词如其面,`index`是字符串中匹配模式的起始位置,`input`是要查找的字符串。 这个数组的第一个元素是匹配整个模式的字符串,其他元素是与表达式中捕获组匹配原创 2022-11-01 12:20:54 · 544 阅读 · 3 评论 -
JavaScirpt 数组(一)
情况二 : 有两个参数,第一个参数指定删除的起始位置,第二个参数为删除元素的个数。中重点内容,对于数组方法的灵活使用是一名合格前端的必备技能,所以让我们一起开始学习吧![注:不考虑低版本的浏览器] 用于将数组的某个片段切出新数组,不会改动原数组,非变异方法。现有的数组,而仅仅会返回被连接数组的一个副本,是非变异方法。是前端的基础,正所谓基础不牢,地动山腰,数组是。的情况,使用这些数组方法的时候,会发生什么?也会相应变化,是数组中的变异方法,会。也会相应变化,是数组中的变异方法,会。原创 2022-10-30 21:25:24 · 922 阅读 · 1 评论 -
Javascript 垃圾回收机制(简要)
当变量进入执行环境(声明变量)的时候,被标记为“进入环境”,当该变量离开环境的时候,将其再度标记为“离开环境”,随之进行删除。若引用次数为 0,那么在垃圾回收期下次运行时,会释放所有引用次数为 0 的值所占用的内存。Javascirpt具有垃圾回收机制,会按照固定时间间隔周期性的执行操作,用来释放那些。如果该变量的值赋值为另外一个值,则这个引用类型值的引用次数减1;同一个值又被赋值给另一个变量,这个引用类型值的引用次数加1;赋值给该变量的时候这个值的引用次数就加1;文章参考:小火柴的前端小站。原创 2022-10-30 14:17:09 · 856 阅读 · 1 评论