- 博客(204)
- 资源 (28)
- 问答 (2)
- 收藏
- 关注
RSS订阅
原创 JS中常用的方法总结（算法，js编程题必备）
总结这些方法的初衷呢是自己在做js编程题练的时候，发现对于JavaScript的许多方法 包括ES6中的方法不熟练，所以呢需要去mdn中查找方法这样非常耽误，就自己总结一下js常用的方法 按照数据类型进行分类，有错误的地方欢迎大佬指导！！1、数学方法：MathMath本身就是一个对象, 不需要在通过构造函数去创建, 该对象中集合了很多关于数学运算的方法1、只保留正数部分：parselnt2、向上取整，有小数就整数部分加1：Math.ceil3、四舍五入： Math.round4、向下取整.
2021-10-25 16:26:56
3218
2
原创 前端15k需要会的手写JS代码题（多种解题方法）
话不多说 直接上代码！！！1、JS实现一个函数 完成超过方位的两个大整数相加功能// 主要思路1：将数字转换为字符串，然后每个字符串在按位相加。function bigNumberAdd(number1, number2) { let result = '', // 保存最后结果 carry = false; // 保留进位结果 // 将字符串转换为数组 number1 = number1.split(''); number2 = number2.split('');
2021-10-22 10:31:08
828
2
原创 JavaScript 7种实现排序方法原理
先上结论：每种排序的详细结解释我都放在后续的链接里了冒泡排序：基本思想是相邻的元素进行两两比较 顺序相反则进行交换，这样每一趟会将最小或最大的元素“浮”到顶端，最终达到完全有序javascript实现冒泡排序及优化选择排序：基本思想是每一趟从待排序的数据元素中选择最小（或最大）的元素作为首元素直到所有元素都排完为止。JavaScript实现选择排序及其优化插入排序：把数组分为两部分，一部分是排序好的，另一部分是没有排序好的，每次从未排序中的数组拿数插入到排序好的数组中，直到结束Jav
2021-10-21 11:15:34
139
原创 用vue想拿20k，面试题要这样答（源码版）
资料来源视频：用vue想拿20k，面试题要这样答文章是在看完视频之后总结的笔记 这个视频我觉得他将的好是在于直接去解析vue的源码，从源码分析问题，简而易懂且有说服力。总结：一共9节9个小知识点1、v-if和v-for的比较2、vue组件data函数形式3、key的作用4、diff算法5、组件化6、vue设计理念7、MVC MVP 和MVVM8、vue优化9、vue3特性1、v-if和v-for的那个优先级更高，如果两个同时出现，应该怎么优化得到更好的性能先上结论：v-for优
2021-10-07 18:17:57
3095
9
原创 一到三年经验前端面试题总结——看完这些月薪过万没问题（持续更新中）
前言：目前大三，在准备秋招的路上，没有实习经验，以下是根据自己复习的资料和面试遇到的问题整理出来的，后面逐渐更新，复习用！！希望大家都能找到满意的工作我自己的技术栈是vue加小程序，所以react这方面写的少一、思想1、说一下你是怎么学习前端的？二、html css html5和css3阶段说一下三栏布局，两边固定，中间自适应，五种bfc三、js JQueryjs基本数据类型和基本数据类型的区别js数据类型的检测和装换relpace说一下用法四、 ES6,7，8，9，10什么
2021-06-03 15:47:40
5490
2
原创 深入学习JavaScript系列（四）——JS闭包
函数体和创建函数时的作用域就是在一个执行上下文中创建的函数，如果访问了这个执行上下文中变量对象的值，那么闭包就产生了水平有限，很多地方写的不够严谨，下面几篇是我在学习过程中觉得很好的文章，想继续深入了解的同学可以去看看。参考一：# [译]发现 JavaScript 中闭包的强大威力参考二：# JavaScript闭包的底层运行机制参考三：# 我从来不理解JavaScript闭包，直到有人这样向我解释它…参考三：# 破解前端面试（80% 应聘者不及格系列）：从闭包说起。
2023-03-30 13:30:00
613
1
原创 深入学习JavaScript系列（二）——作用域和作用域链
在 JavaScript 中，每个函数都有一个作用域链，它是一个由当前函数和所有外层函数的变量对象组成的列表。当 JavaScript 引擎查找一个变量时，它会先在当前函数的变量对象中查找，如果找不到，就会在外层函数的变量对象中查找，直到找到该变量或者到达全局对象为止。每个函数内部声明的变量和函数都只能在该函数内部访问，外部无法访问。但是，如果一个函数内部嵌套了另一个函数，那么内部函数可以访问外部函数的变量和函数，这就是作用域链的作用。作用域链的创建是在函数定义时确定的，而不是在函数调用时确定的。
2023-03-30 13:15:00
360
原创 深入学习JavaScript系列（七）——Promise async/await generator
(1) 什么是promsie?从语法上讲：Promise是一个对象（类），从它可以获取异步操作的内容消息；从本意上讲，它是承诺，承诺它过一段时间会给你一种结果，Promise有三种状态：pending（等待），fulfiled（成功），rejected（失败）；状态一旦改变，就不会再变，创造promise实例后，他会立即执行如果还不明白，我把他打印出来：从上图中可以看到 promise是一个对象，本身就有all reject，resolve等方法；
2023-03-30 08:46:40
468
原创 深入学习JavaScript系列（三）——this
this的学习主要包括确定this的指向，以及this指向的改变this的指向，是在函数被调用的时候确定的1当函数作为方法调用时，this指向调用该方法的函数；2当函数作为函数调用时，this指向全局对象;3 当函数被使用new运算符调用时，this指向新创建的对象；4 当箭头函数被调用时，this指向箭头函数的执行上下文。12 是比较重要的 不容易区分开，所以要重点记忆其中全局对象调用this时，如果是非严格模式下。浏览器环境this指向window，node环境下this指向global。
2023-03-30 08:46:08
285
原创 深入学习JavaScript系列（六）——对象/继承
js中万物皆对象，这是我们刚刚接触前端便开始了解的概念，那么在js中对象到底有什么玩法呢，敢自称万物皆对象，这句话到底对不对呢？下面就通过这篇文章来探讨一下，本文只写关于对象与继承的知识点，其他的放到本系列中的其他文章。无序属性的集合，其属性可以包含基本值、对象或者函数这句话很抽象是不是，没关系，那我就具体展开来说：JavaScript中，除了原始值，都是对象那么原始值有哪些呢？原始值指的是没有属性或者方法的值；原始数据类型指的是拥有原始值的数据。
2023-03-30 08:46:05
246
原创 深入学习JavaScript系列（五）——原型/原型链
JavaScript 是一种**基于原型的语言** (prototype-based language)，这个和 Java 等基于类的语言不一样。每个对象拥有一个**原型对象**，对象以其原型为模板，从原型继承方法和属性，这些属性和方法定义在对象的构造器函数的 prototype 属性上，而非对象实例本身。上面这句话就比较绕，没关系，我们一点一点来分析：首先 JavaScript中的对象 都会有一个内部属性`__proto__`），该属性指向当前对象的原型；原型也是一个对象（普通对象），包含了
2023-03-30 08:45:34
228
原创 深入学习JavaScript系列（一）——ES6中的JS执行上下文
执行上下文是js中基础的概念，闭包，作用域等都由此展开，所以我也把他作为深入学习JavaScript系列的第一章，通过文章学习了执行上下文的相关概念，值得反复研读。在熟悉了执行上下文的概念，类型和创建，以及词法环境，变量环境原理之后，就可以继续下面的学习了。# 深入学习JavaScript系列（二）——作用域和作用域链参考一：# [译] 理解 JavaScript 中的执行上下文和执行栈参考二：# ES2018 最新 【译】理解Javascript中的执行上下文和执行栈。
2023-03-30 08:44:36
826
原创 JS基础之——作用域和作用域链
上一篇提到 在js的执行上下文中词法环境中会包含作用域链，同时词法环境解释阶段生成，在执行完毕后会被销毁，这也说明了作用域链的生命周期是随着函数的创建与销毁的。先通过两个问题来引出一下在 JavaScript 中，每个函数都有一个作用域链，它是一个由当前函数和所有外层函数的变量对象组成的列表。当 JavaScript 引擎查找一个变量时，它会先在当前函数的变量对象中查找，如果找不到，就会在外层函数的变量对象中查找，直到找到该变量或者到达全局对象为止。
2023-03-13 09:03:16
205
原创 ES6中的JS执行上下文
js的执行上下文整体过程：创建变量对象（Variable Object）：JavaScript引擎会创建一个变量对象，用于存储当前执行上下文中的变量、函数声明和形参等信息。建立作用域链（Scope Chain）：JavaScript引擎会建立一个作用域链，用于解析变量和函数的作用域。确定this指向：JavaScript引擎会确定当前执行上下文中的this指向。执行代码：JavaScript引擎会执行当前执行上下文中的代码，包括变量赋值、函数调用、条件语句、循环语句等。
2023-03-13 09:01:56
285
原创 Node框架之NestJS入门学习
文章主要分为三部分：1 NestJS 与Egg对比2 NestJS 基础知识介绍3 使用NestJS快速搭建应用，实现CURD操作e-link文档Egg官网NestJS 官网NestJS中文文档（非官方）
2023-03-03 10:13:07
3458
1
原创 vue错误：Invalid prop: type check failed for prop “autofocus“. Expected Boolean, got String with value
错误：错误原因：这块前面应该有个冒号解决：注：在报错的时候 提示单词autofcus 可能直接去文件中查找不到这个单词 可以试试分开找 auto或者focus 因为在代码中短横线会在错误中取消 auto-focus会被提示成autofocus...
2022-03-16 20:32:57
1945
原创 npm install时出现错误：[email protected] postinstall: `node scripts/build.js`/ERR
在新建项目npm install时出现错误如下：ERR! stack Error: Can’t find Python executable “python”, you can set the PYTHON env variable.ERR! [email protected] postinstall: node scripts/build.js解决办法： 执行以下命令npm config set sass_binary_site=https://npm.taobao.org/mirrors/
2022-03-04 17:16:32
2117
2
原创 Axios学习
Axios一、API的分类调用API的风格：restful风格与restless风格1.1、REST(restful) API发送请求进行CRUD哪个操作由请求方式来决定同一个请求路径可以进行多个操作请求方式会用到GET/POST/PUT/DELETE1.2、非REST(restless) API请求方式不决定请求的CRUD操作一个请求路径只对应一个操作一般只有GET/POST二、使用json-server搭建REST API1.1、json-server是什么?
2022-01-02 10:37:11
342
1
转载 使用 Hexo+GitHub 搭建个人免费博客教程
文章是转载自知乎教程 看了挺多还是这个好用前言近些年来很多用户都喜欢使用 GitHub Pages 来搭建 Hexo 静态博客网站，其最吸引人的莫过于完全免费使用，并且非常稳定。虽然搭建时比较麻烦，有点折腾，但是配置完成后，基本不需要操心维护的事，甚至放了几年都忘记了，打开来看文章依然还在。本文就详细介绍下如何使用 Hexo + GitHub 搭建免费个人博客网站的教程。为了照顾小白用户（第一次使用 GitHub 和 Hexo），尽可能详细，包括常见的坑和问题都有提示说明。下面目录中第 3~5 步为最.
2021-12-29 10:31:12
3037
2
原创 还不会配置webpack，来看看这篇文章
webpack快速入门教程重点:webpack是什么，可以干什么？gulp1、webpack 介绍什么是webpack https://www.webpackjs.com/Webpack是一个模块打包器(bundler)。在Webpack看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理它将根据模块的依赖关系进行静态分析，生成对应的静态资源五个核心概念Entry：入口起点(entry point)指示 webpack 应该使用哪个模块，
2021-12-25 16:11:07
445
原创 再走一遍ajax基础
http请求：如何发送一个普通HTTP请求：输入网址，回车刷新表单除了上述三种请求外，其余的称为AJAX请求：xhrfetch(后面学)NODE是一个JAVASCRIPT的运行环境。一、原生AJAX1.1 AJAX 简介AJAX 全称为Asynchronous Javascript And XML，就是异步的 JS 和 XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新.
2021-12-20 21:40:03
148
原创 mysql基础学习笔记
一、数据库概述1概念：数据库是用来组织 存储 和管理数据的仓库 互联网中所有的数据都是存储到数据库中的一般操作有：新增 查询 更新 删除操作常见数据库： mysql Oracle SQL Server Mongodb2分类：mysql oracle sql server：传统型数据库 关系型数据库（sql数据库）mongodb： 非关系型数据库 nosql数据库3数据组织结构：数据组织结构指的就是数据以什么样的结构进行存储传统型数据库中 数据的组织结构分为：数据库 数据表 数据行
2021-12-12 19:51:02
965
原创 MySQL 在 Windows 系统下的安装
MySQL 在 Windows 系统下的安装双击 mysql-installer-community-8.0.19.0.msi，启动 MySQL 安装程序。如果弹框提示如下的警告信息，证明你的电脑需要安装额外的 .NET Framework 依赖包。此时，先退出 MySQL 的安装程序，然后双击 NDP452-KB2901907-x86-x64-AllOS-ENU.exe，启动 .NET Framework 4.5.2 的安装程序。重新启动 MySQL 的安装程序，看到如下界面：
2021-12-11 19:31:23
1228
原创 防抖和节流代码实现
1、防抖触发高频事件n秒后函数只会执行一次，如果n秒内高频事件再次呗触发 则重新计算时间：function debounce(fn){ let timeout = null //创建一个标记用来存放定时器的返回值 return function(){ clearTimeout(timeout) //每次用户输入的时候把钱一个settimeout clear掉 timeout = setTimeout(() => {
2021-12-11 15:03:42
673
原创 vue面试题理解12-11
1、diff算法diff全称是difference 中文就是差异的意思，diff算法顾名思义就是用来找到差异点 这就需要我们要有一个本体和一个参考物，用来进行对比，这就是diff算法的本质比较本体和参照物这种方法就是diff 所以 说我们有多种diff方法多种diff方法就是称为diff算法的实现逻辑在前端中 diff算法的本体和参照物都是虚拟的dom虚拟dom： 本质就是一个对象 改对象描述了一个ui节点所对应的一些必要信息常用的方法是把真实dom虚拟成一个对象：注：一般是用对象，也可
2021-12-11 14:59:49
890
原创 前端项目笔记总结
技术栈： Spring Boot + vue3.0 Element-Plus 路由采用vue-router 图标插件采用echarts5.0编写列表采用 el-table 进行编写，并且采用 el-pagination 作为分页组件。通过 globalProperties 全局属性设置全局通用过滤器1、二次封装弹窗组件布局：左边固定 右边栏自适应 flex布局公用组件 采用路由监听的方式 浏览器地址的pathname变化时动态请求修改请求地址2、为什么要采用前后端分离：第三章开头3、vue3
2021-11-30 11:49:16
1020
原创 Vue—Router基础知识学习
1、路由前端路由核心：改变URL 但页面不进行整体的刷新1、URL的hash锚点 （#），本质上是改变window.location属性，我们可以通过直接赋值location.hash来改变href，但页面不刷新。2、HTML5的history模式：pushStatehistory接口是html5的接口，有五种模式改变URL而不刷新页面。3、HTML5的history模式：replaceState4、HTML5的history模式：go2、安装npm install vue-router
2021-11-22 19:18:11
1990
原创 力扣刷题算法笔记（javascript版）下
上篇链接：力扣刷题算法笔记（javascript版）上视频链接：人人都能看得懂的Leetcode力扣刷题教程合集在笔记上中 一共学习了31道算法题，剩下大概20到算法题在花两天的学习和总结一下1 、岛屿数量...
2021-11-16 20:59:17
2509
3
原创 力扣刷题算法笔记（javascript版）上
1、岛屿最大面积解析：提供一个数组，给了一个target 要求是在数组中找到两个数的和为target思路：1.创建一个map2、for循环遍历nums数组3、用target减nums[i]以计算哪个数跟当前数字相加等于target4、检查map里有没有这个数，有的话就放回结果，没有就把num[I]当做key。 i单做value放入map中代码实现：var towSum = function(nums, target){ const map = new Map(); for
2021-11-04 19:17:46
3001
2
原创 XML基础复习笔记
1、XML简介：xml是用来传输和存储数据 可扩展标记语言 xml不会做任何事情 xml中没有预定义的标签 都是自定义的HTML是用来显示数据的，html里面有 定义好的标签 不能自定义标签2、xml优点/用途xml把数据从html分离xml简化数据共享xml简化数据传输xml简化平台变更用于创建新的互联网语言3、xml语法规则xml必须包含根元素 是所有元素的父元素xml声明文件放在第一行<?xml version="1.0" encoding="utf-8"?>
2021-10-30 15:11:58
165
原创 node视频学习笔记入门笔记
node笔记新建文件夹打开之后运行终端npm init;npm i expressnpm i ejs 模板引擎npm i mysql配置自定义启动命令 node.js创建 views和static目录 router路由目录middleware 中间目录 存放于路由配套的一些操作方法 在路由加载页面之前获取所需要的数据model 数据模型目录 用于操作数据库的一些文件 把HTML文件放到静态资源中 把公共部分提取出来 在views中创建header.html把header里面内容都放里
2021-10-27 17:46:50
2010
cdn的高层次应用有哪些
2021-06-02
服务端到客户端传过来得是公钥还是私钥
2021-06-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人