sonicwater-CSDN博客

前篇介绍了面向对象中对象的定义、创建和基本使用，本文详细介绍一下 new 操作符，在用 new 实例化一个对象时，JS 内部都做了什么。new 首先会改变函数中的this指向function Person() { console.log(this);}Person(); // windownew Person(); // Person {}这个例子也只能告诉你 this 指向发生了变化，实际上new 后面跟的函数应该不是个普通函数，在面向对象的编程中它应该是个构造函数，我们希望它内.

2021-04-14 16:48:27 945

原创 JavaScript 数组相关方法实现

实现一些数组相关方法

2021-04-08 14:34:34 124

原创 JavaScript 实现 call、apply、bind

JavaScript 实现 call、apply、bind

2021-03-29 19:01:17 110

原创 vue.config.js 常用设置

记录 vue.config.js 各项配置，方便使用。

2021-03-18 18:56:25 731

原创 JavaScript 模拟实现栈（Stack）

栈，数据结构的一种，它遵循后进先出（Last in, First out，LIFO）的原则。我喜欢把栈比喻成一个类似乒乓球桶的容器，桶的底部是封口的，顶部是开口的，桶的横切面也是一个圆形，它的直径等于乒乓球的直径，也就是放入一个乒乓球后，再放第二个乒乓球势必压在第一个球的正上方。最先入栈的球1 在乒乓球桶的最底部（栈底）。最后入栈的球4 在乒乓球桶的最顶部（栈顶）。球4 入栈后，若要从栈中取乒乓球，最先取到的一定是球4。要从栈中取到球1，需要先取出球1 上面的所有球，最后才能.

2021-03-17 17:26:08 470

原创 JavaScript 实现 FIFO 缓存

FIFO (First Input First Output)，先入先出队列（Queue），数据结构的一种。它的特征是按序执行指令，先进入队列的指令先完成并出队列，跟着才执行队列第二个指令。

2021-03-17 10:53:33 367

原创 JavaScript 防抖（debounce）、截流（throttle）

防抖，如果在N秒内高频执行某个操作会触发一个函数，我们希望在N秒后只执行一次该函数。N秒未到时又执行这个操作，从零开始计时直到N秒结束再执行该函数。截流也是在N秒内高频执行某个操作，结果是按传入的毫秒数作为时间间隔，连续调用目标函数。

2021-03-16 15:43:50 1570 1

原创 JavaScript学习（十） —— OOP之对象

JavaScript支持面向对象(Object Oriented Programming, OOP)编程，面向对象代码的封装和实例化对象等操作都非常优雅，它和闭包结合自执行函数实现封装的方式非常不同，向高手进阶的前端同学一定要掌握。

2021-03-01 17:42:29 131

原创 vue3 + Composition API + ts + antd 登录示例

本示例是vue3和Composition API写的纯静态登录模块，用到了vue-router、vuex、typescript，UI库是ant-design-vue。项目目录vue3-ts-antd-login├── README.md├── babel.config.js├── package.json├── public│ ├── favicon.ico│ └── index.html├── src│ ├── @types│ │ └─.

2021-02-26 18:42:59 764

原创 JavaScript学习（九） —— 函数式编程

函数式编程(Functional Programming)是种编程范式，它将电脑运算视为函数的计算。函数编程语言最重要的基础是λ演算（lambda calculus），而且λ演算的函数可以接受函数当作输入（参数）和输出（返回值）。

2021-02-19 15:43:08 453

原创 JavaScript学习（八） —— 函数

函数在JavaScript中是很特别的存在，之前介绍过的函数调用栈、执行上下文、变量对象、作用域和作用域链、this的确认、闭包等都和函数相关。这里介绍一些关于函数之前没提到的内容。

2021-02-19 15:21:17 735

原创 JavaScript学习（七） —— call、apply、bind

介绍完this的指向问题，有必要专门说一下call、apply、bind三个能改变this指向的函数方法。在JS中，函数本身也是对象，它也有构造函数(Function)，call、apply、bind三个方法定义在函数的构造函数的原型上(Function.prototype)，我们声明的函数（即一个Function的实例化对象）都会获得这三个方法。先对比一下call和apply方法:var str = 'global';var obj = { str : 'local'}function.

2021-02-04 17:02:47 183

原创 JavaScript学习（六） —— this

在函数作用域中使用this，想一想有没有一些场景让你感到困惑，this指向不是你期望的结果。一时又不知道问题出在哪，需要重新去看this相关的知识，这篇文章就要详细解释this。

2021-02-03 15:18:04 181

原创 JavaScript学习（五） —— 闭包

本文要结合之前介绍过的一些JS机制，解释闭包的特性。解释闭包我一直认为用一段抽象的文字解释一个复杂的概念，写的人累，看的人也会累。用一个实际例子说明闭包，简单省事：function A(){ // A函数 var n1 = 10; var n2 = 20; function B(){ // B函数 return n1 + n2; } return B;}var n = A();console.log(n()); // 30上面代码中，有一个定义在全局上下文.

2021-01-27 19:00:39 266 1

原创 JavaScript学习（四） —— 作用域、作用域链

因为ES6有了块级作用域，我们还是以ES5为基础。回顾一下前一篇文章变量对象、活动对象，其中有关于在函数级作用域中变量提升和函数提升的JS特性的部分内容。本文结合之前几篇系列文章，讨论和作用域、作用域链有关的问题。

2021-01-26 15:37:54 287 1

原创 JavaScript学习（三） —— 变量对象、活动对象

JS代码在浏览器中运行时，解释器执行代码到调用某个函数时，被调用的函数加入Call Stack栈，创建对应这个函数的执行上下文，在这个当口，解释器接下来做了什么？

2021-01-08 19:08:42 1097

原创 JavaScript学习（二） —— 执行上下文

我们编写的JS代码在运行时经过了两个步骤：编译过程：在编译过程中生成执行上下文，和生成可执行代码。执行过程：执行可执行的代码，输出结果。在创建执行上下文的时候会先确定当前代码所在的执行环境。执行环境有三种：全局环境：JS代码运行时会首先进入全局环境，对应创建全局执行上下文函数环境：当调用函数时，会创建这个函数的执行上下文eval（不推荐使用，暂且忽略）JS代码运行时会首先进入全局环境，创建全局执行上下文。全局环境只有一个，全局执行上下文也只有一个。但是在这个全局环境中可能有一个或多个

2021-01-07 18:23:11 376 2

原创 JavaScript学习（一） —— 内存机制

作为前端开发，应该很少有人关注与内存有关的部分。我在刚入门前端开始学习有关闭包、作用域(链)、深拷贝对象、按值和引用传递等概念时，经常以为自己弄懂了，可遇到实际问题时又很糊涂。本次记录一下js的内存机制。1...

2021-01-04 18:01:43 1406

原创 eggjs登陆、jwt路由加权鉴

eggjs登陆功能查看 egg 文档启动$ npm i$ npm run dev$ open http://localhost:7001/部署$ npm start$ npm stop说明执行sql语句创建user表CREATE TABLE `user` ( `user_id` char(32) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '用户ID(主键)', `name` char(

2020-12-28 12:00:11 275

原创用eggjs返回xml格式数据，前端解析xml

最近公司有个需求，需要从接口返回xml格式数据，再由前端解析后渲染。之前处理过类似的场景，接口是用java写的。本次想写个demo，用eggjs尝试返回xml格式接口，再由前端处理结果。nodejs端首先是eggjs，根据官方文档，先把应用跑起来。接着需要安装依赖egg-view-ejsnpm i egg-view-ejs -S配置文件 /config/plugin.js 添加'use strict';...exports.ejs = { enable: true, pack.

2020-09-24 15:03:48 758

原创 React + Hooks + TypeScript + Ant Design Demo 项目

React + Hooks + TypeScript + Ant Design Demo 项目

2020-09-23 14:18:46 1020

原创 vue-cli项目中axios的配置文件

首先引入

2020-01-11 11:24:19 354

Node.js开发指南

本书是一本 Node.js 的入门教程，写给想了解 Node.js 的开发人员。我的目标是使读者通过阅读本书，学会使用 Node.js 进行 Web 后端开发，同时能熟悉事件驱动的异步式编程风格，以便进一步了解 Node.js 的许多高级特性，以及它所应用的更多领域。本书共6章，分别讨论了 Node.js的背景、安装和配置方法、基本特性、核心模块以及一些进阶话题。除此之外，还有2个附录，分别介绍了JavaScript 的高级特性和 Node.js 编程规范。下面简要概述各章的主要内容。

2014-06-03

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人