自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(67)
  • 资源 (2)
  • 收藏
  • 关注

原创 聊一聊 Promise中then方法的各种骚操作

promise真的有点东西,今天先看看then有什么瓜吧

2021-12-05 19:18:20 2155 3

原创 聊一聊浏览器缓存控制

缓存是计算机领域一个很重要的概念,今天我们主要聊一聊浏览器中缓存的策略首先聊一下需要缓存的时候的过程是什么样子:客户端发起HTTP请求,服务器响应👇响应内容包含所需数据和缓存规则(标示)并且浏览器会将数据和缓存规则存入浏览器缓存中👇客户端再次发起上一请求,会带着缓存规则先向浏览器缓存询问,缓存是否过期👇没有过期则直接返回缓存内容,过期则重新想服务器发送请求以上过程其实分为两种方法:强缓存和协商缓存强制内存和协商缓存`浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识.

2022-04-16 17:33:02 518

原创 grid布局

一起学习grid布局吧

2022-01-21 08:00:00 2001

原创 计算机网络之多版本HTTP协议

多版本HTTP协议你知道多少?

2022-01-19 10:20:20 243

原创 箭头函数为什么不能当做构造函数

箭头函数为什么不能当做构造函数定义:构造函数:专门用来生成实例对象的函数(本质还是一个函数)箭头函数:ES6的一种新语法,允许使用 “=>” 定义函数例如:let func = (a,b) =>{ return a + b;}func(1,2);可简写为let func = (a,b) => a + b;那么,普通函数和箭头函数有什么区别呢最大的区别在于this的指向问题(严格来说,其实箭头函数没有自己的this)一、1、普通函数的this

2022-01-18 20:05:46 2041 1

原创 HTML5新增的属性和标签

回顾一下HTML5新增标签和属性

2022-01-14 16:40:51 726

原创 手写promise的方法(all、race、allSettled、any、finally),你会几个

Promise里面大有文章,不过基础的几个方法你知道怎么写的吗?一起来看看!

2022-01-13 08:00:00 3187

原创 聊一聊call、apply、bind

大家都知道this,那改变this指向的办法有哪些呢?他们分别有什么特点?能不能自己实现这些方法?一起来看看吧!

2021-12-12 07:45:00 504 5

原创 聊一聊常见的网络请求方式(AJAX、$.ajax()、fetch 、axios)

对于前端伙伴们来说,学习各种请求方式应该是一个必经之路,今天简单总结一下常见的请求方式(ajax、fetch、$.ajax()、axios),一起看看吧

2021-12-10 19:54:34 3489

原创 聊一聊JavaScript的类型检测

类型检测看了很多,说了很多,但是感觉自己之前还是有点混,啥啥没搞清楚,还是得自己敲一遍,才能记住这些知识啊!!!

2021-12-08 17:11:49 463

原创 聊一聊JavaScript的深拷贝

灵魂提问:你知道JS的深拷贝吗?实现一下?这些方法有什么问题?怎么改进?

2021-12-06 17:55:15 307

原创 一起实现图片瀑布流

一起来实现一个每天都会看到的图片瀑布流吧!

2021-12-04 13:58:52 2316

原创 聊一聊web worker

web worker一、web worker到底是个啥啊?MDN中这样解释:Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面在我理解来看就是给你一个高科技的盒子(worker),分一部分你的灵魂(不等于你自己)进去,帮你干其他事平时有很多情况,我们需要进行大量的计算,但是还需要保持页面的交互尽量不出问题,也就是页面交互和脚本进行数据计算尽量不产生冲突或者互相干扰worker就可以解决这个问题,因为它可以保证一部分的代码在后

2021-11-29 16:16:24 715

原创 【算法之LeetCode系列(8)】——双指针

双指针真的很香,所以我又又又淦了 一万字 题解,快来看看吧

2021-11-03 08:30:00 339

原创 一起学JavaScript继承

万字详解——JavaScript继承,就怕你不会!

2021-10-29 08:45:00 117

原创 【算法之LeetCode系列(7)】—— 二叉树的遍历

一篇文章,带你砍掉所有的二叉树(的遍历)

2021-10-26 08:45:00 267 4

原创 typescript之面向对象、类、接口、泛型

TS1、类(class)2、面向对象的特点3、接口(Interface)4、泛型(Generic)1、类(class)要想面向对象,操作对象,首先便要拥有对象,那么下一个问题就是如何创建对象。要创建对象,必须要先定义类,所谓的类可以理解为对象的模型,程序中可以根据类创建指定类型的对象,举例来说:可以通过Person类来创建人的对象,通过Dog类创建狗的对象,通过Car类来创建汽车的对象,不同的类可以用来创建不同的对象。定义类:class 类名 { 属性名: 类型; construct

2021-10-24 21:37:10 201

原创 前端面试题系列【2】—— css知识总结

一、css标准盒模型、怪异盒模型二、单行、多行文字自动改变靠齐方式三、水平、垂直居中的方法四、画一个三角形五、左右等高布局六、link和@import导入css的区别和使用场景七、重排和重绘(what,how,why)八、块元素和行元素九、position属性有哪几个可选

2021-09-26 15:44:00 133

原创 前端面试题系列【1】—类型检测、this、跨域及其解决方案、BFC(万字详解——建议收藏)

金八银九,金九银十,秋招你准备好了吗?万字面试题详解拿去食用吧!

2021-09-06 09:00:12 582 3

原创 【算法之LeetCode系列(6)】—— 二叉搜索树(BST)

一起来淦二叉搜索树

2021-09-05 09:21:20 114 1

原创 【算法之LeetCode系列(5)】—— 二叉树系列(easy类)

层层递进——干二叉树easy

2021-09-03 20:13:36 226 4

原创 TypeScript编译配置选项说明

typescript编译配置文件中的配置选项你知道多少?一起来看看吧

2021-09-01 19:47:11 386

原创 【算法之LeetCode系列(4)】—— 最大子序列和(easy)

数组最大子序列和虽然这是一个easy的题目,但是我确实没做出来,我的思路是使用双指针,但是……还是没做出来,下面介绍一下官方提供的动态规划的思路(以下是我根据官方思路讲述的个人想法)题目描述给定一个整数数组 nums ,找到一个具有最大和的连续子数组(子数组最少包含一个元素),返回其最大和。示例 1:输入:nums = [-2,1,-3,4,-1,2,1,-5,4]输出:6解释:连续子数组 [4,-1,2,1] 的和最大,为 6 。示例 2:输入:nums = [1]输出:1示例

2021-08-23 16:57:28 117

原创 手把手教你 图片懒加载(使用节流)—— 皮一下 很开心

快去学一下懒加载,不然学姐打屁股了……

2021-08-21 18:15:03 214

原创 初识typeScript之变量类型、类型断言、类型别名

TypeScript介绍:TypeScript是JavaScript的超集, TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的 ———— TS中文官网typescript环境搭建1. 下载Node.js - 64位:https://nodejs.org/dist/v14.15.1/node-v14.15.1-x64.msi - 32位:https://nodejs.org/dist/v14.15.1/node-v14.15.1-x86.ms

2021-08-20 21:54:22 260

原创 canvas手绘heike代码雨(代码瀑布)

提到黑客,你会想到什么呢

2021-08-20 15:24:56 293

原创 github搞事情之token的天下——remote: Support for password authentication was removed on August 13, 2021

git push 需要使用token了今天在github上创建了一个仓库,最后我将本地代码push上去的时候,出现问题了emote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.以上主要报错问题,由于刚刚没有截图,只保存了错误信息,所以见谅了这是github在今年七夕时做出的改变,在今年8月14之后,使用git push

2021-08-19 22:51:45 236

原创 CSS——两栏、三栏布局总结

css布局总结,请查收

2021-08-19 15:32:54 111

原创 Canvas之绘制时钟

用canvas画一个时钟玩玩吧,比css+js简单太多了……

2021-08-18 10:52:41 1305

原创 看了这个,不能手撕promise你捶我!

“1”基础,自定义promise,你心动了吗?

2021-07-15 09:54:59 91

原创 node+express+MySQL实现数据增删改查

期末实训来了,你会使用程序对MySQL进行增删改查了吗?

2021-06-17 19:56:25 900 4

原创 vue——制作简易版to do list

使用vue做了一个简单的to do list ,之后想写一个全栈的to do list APP出来,目前这个demo作为一个逻辑铺垫,顺带练习vue

2021-05-20 17:58:54 491 5

原创 VUE之父子组件传值

vue之父子组件传值组件可以分为父组件和子组件(当然还有后代组件和根组件等),以父子组件举例,实现父组件的数据传递给子组件,子组件的值传递给父组件父组件传值子组件使用 props 属性子组件通过一个动态的属性设置,将父组件的值保存到自身上(下面的例子中设置 :content=“item”,这个:content即为动态属性)然后在子组件中设置props属性,将动态属性填写到props数组中(这里类似于声明一个变量,上面的 :content="item"类似于变量赋值)接下来就可以在子组件中使

2021-05-18 08:46:01 120

原创 将本地项目上传至GitHub上

将本地项目上传至github上我以vue项目作为案例首先,先在本地搭建一个vue项目(我之前的文章有介绍如何搭建一个vue项目——如何搭建一个vue项目)进入到你本地项目的文件根目录,右键打开git bash here当然,首先要在安装好Git,直接官网下载就OK了输入命令git init -------------这个命令会在你的项目目录下生成一个.git的文件夹然后将你的本地项目添加到本地的Git仓库里,输入命令第一条命令(将你的项目添加到缓存区,并没

2021-05-02 10:42:42 145

原创 JavaScript之——异步编程

异步编程异步是什么,有哪些操作是异步的,有什么用,怎么用同步是什么,异步又是什么同步是指同一时间只能做一件事,也就是说一件事情做完了才能做另外一件事异步是指多件事可以在同一时间执行异步的操作ajax请求定时器setTimeout、setIntervalJS的异步加载(例如外部文件的异步加载,只兼容IE的defer(也可以异步加载script标签内部的js代码)、async(不能将js代码写在有async属性的script标签内),支持chrome,safari,

2021-04-26 17:24:22 167 6

原创 【算法之LeetCode系列(3)】 —— 求无重复字符的最长子串的长度

使用滑动窗口解决无重复字符的最长子串的长度给定一个字符串,请你找出其中不含有重复字符的 最长子串 的长度。示例 1:输入: s = “abcabcbb”输出: 3解释: 因为无重复字符的最长子串是 “abc”,所以其长度为 3。示例 2:输入: s = “bbbbb”输出: 1解释: 因为无重复字符的最长子串是 “b”,所以其长度为 1。示例 3:输入: s = “pwwkew”输出: 3解释: 因为无重复字符的最长子串是 “wke”,所以其长度为 3。请注意,你的

2021-04-22 18:23:50 108

原创 ES2017——async、await

async、await知多少……

2021-04-21 21:27:45 192

原创 ES6之代理——Proxy对象

proxyProxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”,即对编程语言进行编程。 ——阮一峰Proxy可以认为是在要代理的目标对象前加一个拦截层,外界对象想要操作访问这个目标对象的时候,都需要经过这个拦截层的过滤和筛选。假如需要对某个对象的读取和更改设置操作进行重定义,我们可以对这个对象进行代理:var proxy = new Proxy({}, { get: function(target, propKey) { console.

2021-04-19 19:16:34 296

原创 es6中的let和const命令

let和const命令首先回忆一下es5中声明变量的命令var,使用var命令,存在变量提升问题,对于很多场合非常不方便,在es6中为了解决这种不方便,js引入了let和const命令。let命令let命令和var类似,但是let 命令只在它所在的代码快中有效;let命令不会发生变量提升问题,即let命令声明的变量只能先声明再使用赋值,否则报错;let x = x;//报错,x未声明就被使用出错let命令存在暂时性死区,即let命令会绑定它所在的代码块区域,而不受外界模块的影响

2021-04-18 19:31:20 140

原创 3D正方体旋转

使用css3的transform属性和动画效果制作一个自动旋转的3D正方体盒子需要使用css3中的transform属性和@keyframes规则正方体制作需要旋转rotate、景深(视距)perspective、3D规则transform-style:preserve-3d自动旋转需要@keyframes规则、animation动画看效果(使用迅捷,有水印^ _ ^):上代码:html:<div class="wrapper"> <div id="rightBoxd

2021-04-16 18:25:41 442 2

省市区三级联动数据(用于练习再好不过了)

适合练习三级联动、原生js事件、数据请求、node练习的朋友们,有兴趣就下载吧,反正免费哈

2021-04-09

前端学习推荐视频.md

对于学习了一段时间的前端小白,学完html,css,js等基础之后就可以看这些视频,整理的视频都是自我感觉不错的

2021-02-06

空空如也

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

TA关注的人

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