自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 typescript笔记(3)类

typescript 类

2023-04-15 17:32:30 1120

原创 typescript笔记(2)接口

typescript 接口

2023-04-05 14:47:19 647 4

原创 css盒子垂直水平居中常用的几种方法

盒子水平垂直居中

2023-03-25 16:29:42 343

原创 typescript笔记(1)基础类型

never 类型表示的是那些永不存在的值的类型。在对现有代码进行改写的时候,any 类型是十分有用的,它允许你在编译时可选择地包含或移除类型检查。never 类型是任何类型的子类型,也可以赋值给任何类型;然而,没有类型是 never 的子类型或可以赋值给never 类型(除了 never 本身之外)。元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。object 表示非原始类型,也就是除 number,string,boolean,symbol,null或undefined 之外的类型。

2023-03-16 20:50:06 271

原创 vue 源码中依赖 Watcher 和 parsePath函数

vue依赖watcher和parsePath函数

2023-01-17 17:54:20 419

原创 vue v-for为什么要绑定key

vue v-for绑定key

2022-12-26 22:15:50 1386

原创 webpack打包原理

webpack原理

2022-12-09 13:54:43 274

原创 css3 属性选择器

css3属性选择器

2022-11-30 13:30:38 191

原创 js防抖节流函数封装

防抖节流

2022-11-28 22:21:26 528

原创 css 圣杯布局 和 双飞翼布局

圣杯布局和双飞翼布局

2022-10-14 13:48:57 253

原创 常见数据结构

数据结构

2022-09-26 15:53:55 196

原创 es5类的继承

es5类的继承

2022-09-19 19:32:01 1224

原创 es5 类

es5 类

2022-09-15 22:54:23 374

原创 js之手写promise

手写promise

2022-09-12 22:26:43 265

原创 vue2.x 自定义指令

vue2.x 自定义指令

2022-09-08 19:47:24 329

原创 es6 Proxy

es6 proxy

2022-08-12 13:42:48 129

原创 vue源码解析--数据代理

vue源码-数据代理

2022-07-27 21:00:07 338

原创 js 正则中 replace() 使用

正则中 使用replace

2022-07-18 10:37:11 5352

原创 正则笔记(2)- 正则表达式位置匹配攻略

正则表达式位置匹配

2022-07-16 20:57:19 539

原创 正则笔记(1)- 正则表达式字符匹配攻略

js正则表达式笔记

2022-07-15 13:35:31 1209

原创 webpack自定义loader--编译.tpl文件

webpack自定义loader

2022-07-04 00:22:32 460

原创 js的“类数组”及“类数组转数组”

js的类数组及类数组转数组

2022-06-27 22:48:28 116

原创 webpack4系列笔记之(8)development 和production模式区分打包

development 和production模式区分打包

2022-06-12 23:09:09 1068

原创 webpack4系列笔记之(7)babel 处理es6语法

babel处理es6语法

2022-06-08 22:27:41 681

原创 webpack4系列笔记之(6)简单配置开发服务器 devServer

开发服务器devServer

2022-06-06 22:37:35 716

原创 webpack4系列笔记之(5)sourcemap的配置

webpack的sourcemap的配置

2022-06-05 22:34:27 1345

原创 webpack4系列笔记之(4)plugins 让打包更便捷

webpack的plugins

2022-06-04 23:06:17 432

原创 webpack4系列笔记之(3)loader 打包静态资源--样式篇

webpack 打包样式资源

2022-06-04 21:57:13 688

原创 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

原创 webpack4系列笔记之(1)

webpack 笔记

2022-05-28 18:18:08 95

原创 js 之 Object.defineProperty()

Object.defineProperty()

2022-05-09 22:49:41 1520

原创 js预编译 GO 和AO

js预编译语法分析(检查代码的语法错误)预编译(初始化变量和函数)代码执行js在预编译会在代码执行前一刻执行,同时会创建对象“全局上下文GO”,遇到函数时会创建对象“函数上下文AO”。二、暗示全局变量(imply global variable)暗示全局变量是js预编译的特点,顾名思义,就是在js中,如果变量没有声明就赋值,该变量就会被默认成为全局变量。代码:functi

2022-05-05 23:31:51 450

原创 js 中this指向

js中this指向问题

2022-05-03 18:55:57 247

原创 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关注的人

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