- 博客(40)
- 收藏
- 关注
原创 typescript笔记(1)基础类型
never 类型表示的是那些永不存在的值的类型。在对现有代码进行改写的时候,any 类型是十分有用的,它允许你在编译时可选择地包含或移除类型检查。never 类型是任何类型的子类型,也可以赋值给任何类型;然而,没有类型是 never 的子类型或可以赋值给never 类型(除了 never 本身之外)。元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。object 表示非原始类型,也就是除 number,string,boolean,symbol,null或undefined 之外的类型。
2023-03-16 20:50:06
271
原创 webpack4系列笔记之(8)development 和production模式区分打包
development 和production模式区分打包
2022-06-12 23:09:09
1068
原创 webpack4系列笔记之(2)loader及打包图片资源
一、webpack的loader是什么?webpack默认只能识别js和JSON文件,但是实际工作中会有很多类型的文件,比如:jpg、png、gif、css等,这时就需求loader来帮助webpack去识别翻译这些文件。备注:本文node版本10.13.0 ,webpack版本4.26.0 webpack-cli版本3.1.2二、file-loader打包图片资源1、安装file-loadernpm i file-loader -D2、配置 webpack.config.jsconst p
2022-05-31 23:09:02
374
2
原创 js预编译 GO 和AO
js预编译语法分析(检查代码的语法错误)预编译(初始化变量和函数)代码执行js在预编译会在代码执行前一刻执行,同时会创建对象“全局上下文GO”,遇到函数时会创建对象“函数上下文AO”。二、暗示全局变量(imply global variable)暗示全局变量是js预编译的特点,顾名思义,就是在js中,如果变量没有声明就赋值,该变量就会被默认成为全局变量。代码:functi
2022-05-05 23:31:51
450
原创 js __proto__、prototype、constructor的关系
一、 前言这篇文章涉及到js的原型和原型链,对这块内容不熟悉的同学,可以移步:js 的原型和原型链 这篇文章先了解一下。二、什么是constructor?constructor 是每个引用类型(数组,对象,函数)都会拥有的一个属性,而且这个属性指向了创建当前这个实例对象的构造函数(类)。class Foo{};let f1 = new Foo();console.log(f1); // {} 是一个空对象 console.log(f1.__proto__); // {constructo
2022-04-30 16:49:41
460
原创 js 原型和原型链
一、前言今天我们来学习老生常谈的两个问题:原型以及原型链;首先,来看一段代码: class Student{ constructor(name,age){ this.name = name; this.age = age; } introduce(){ console.log(`我是${this.name},年龄${this.age}岁`); } } const student = new Student('zhangsan',18); console.log(stud
2022-04-27 11:03:41
1523
原创 js eventLoop 事件循环机制
js是单线程脚本语言 why?js作为主要运行在浏览器的脚本语言,js主要用途之一是操作DOM。如果js同时有多个线程,同时对同一个dom进行操作,这时浏览器应该听哪个线程的,如何判断优先级呢?为了避免这种问题,js必须是一门单线程语言;因此,js在同一时间,只能做同一件事,为了协调事件、用户交互、脚本、UI渲染和网络处理等行为,防止主线程阻塞,Event Loop应运而生;什么是 EventLoop?Event Loop顾名思义:“事件循环”,是指浏览器或Node环境的一种解决javaScript
2022-04-23 22:31:06
1356
原创 js 的内存,堆和栈
这里写自定义目录标题js的内存新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入js的内存在JS中,每一个数据都需要一个内存空间,内存空间又分为栈内存(stack)与堆内存(heap)。新的改变我们对Markdown编
2022-04-19 12:19:35
3253
原创 js new操作符
new操作符是什么?在JS中,new操作符是用来通过构造函数来创建一个实例对象的。例如:function Foo(name){ this.name = name;}let foo = new Foo('zhangsan');console.log(foo);console.log(foo.__proto__ === Foo.prototype )new操作符在实例化对象过程中做了什么?从上图可以看到,new帮我们做了这样几件事:创建了一个空对象;将空对象原型的内存地址__pro
2022-04-03 13:41:51
940
原创 JS symbol 的应用
symbol是什么?symbol是一种原始类型。Symbol()函数会返回symbol类型的值,具有唯一性。symbol的值可以作为对象的key值。原始数据类型创建一个显式包装器对象从 ECMAScript 6 开始不再被支持,即不在支持 new Symbol()语句,可以通过Symbol([description])来创建symbol值;(现有的包装器对象如new Boolean,new String,new Number因为历史遗留原因仍可被创建)。 var sym1 = Sy
2022-04-01 15:56:22
741
原创 node.js fs.stat() fs.statsync() 用法
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、fs.stat(), fs.statsync() 是什么?二、fs.stat(), fs.statsync() 的实例常用方法一、fs.stat(), fs.statsync() 是什么?获取文件信息状态异步方法 fs.stat()fs.stat(path,callback),path表示文件路径; callback是指回调函数,有两个参数:(err,stats),其中stats是fs.stat的实例;2..
2022-03-24 19:50:14
14243
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人