自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 浅谈 pnpm 软链接和硬链接

浅谈 pnpm 软链接和硬链接这篇文章主要讨论 pnpm 如何使用软链接和硬链接来实现对文件的复用。pnpm 简单介绍pnpm是前端项目的包管理工具,但并不是唯一的包管理工具,相同的还有 npm 和 yarn。基本的使用pnpm ipnpm add module -s...软链接和硬链接在讨论 pnpm 如何使用软链接和硬链接前先简单介绍一下软链接和硬链接的概念。软链接在计算机中我们文件夹中的文件实际上是一个指针,但这个指针并不是直接指向我们在磁盘中存储文件的位置,而是指向一个 in

2021-12-06 22:29:14 1221

原创 原生 JavaScript 实现大文件分片并发上传

原生 JavaScript 实现大文件分片并发上传首先放上github链接,代码注释的比较清除,上层使用React继续测试,基本的功能都实现了技术栈 TypeScript node模块 sprak-md5 express fs fromidadle实现的功能分片上传验证秒传断点续传并发上传前言此项目本来是作为一个react上传组件编写,编写后发现该组件内部相对比较复杂,于是将该组件抽离出来写成了一个上传工具类由于分片上传需要后端支持,所以本片会涉及到一点node的知识为什么

2020-11-23 10:46:47 1415

原创 React Divider 分隔线组件的简单实现

React Divider 分隔线组件的简单实现实现的功能基本的状态信息由其父组件传入,包括基本的字与线的margin, color… , 其余可自行拓展实现思路使用 flex布局, 左右的线条设置flex-grow属性为1, 中间字体部分为0代码实现本例子只提供基本的思路,剩下的其他功能可自行拓展export interface Iprops { text?: string color?: string lineColor?: string margin?

2020-08-27 20:40:20 3211

原创 从执行环境及作用域开始深入理解闭包及其原因

从执行环境及作用域开始深入理解闭包及其原因对闭包的概念总是有种一知半解的感觉,结合JavaScpript高级程序设计第四章和第七章后发现对闭包有了一定的理解。执行环境执行环境是JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,也就是我们通常所说的vo,环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。而每个函数都有自己的执行环境。当

2020-07-17 18:54:55 176

原创 手动搭建webpack4.X React项目脚手架

记录一次自己搭建webpack4.43.0 React项目脚手架的过程之前在网上跟着一位老师搭建过一次,不过只是跟着老师敲了一下,并没有理解每一步为什么要这么做,后面有一段时间没有练习就忘了,想重新写一个webpack打包的react项目的时候,自己又重新搭了一次,过程过踩了一些坑,写篇博客记录一下由于速度原因,整个脚手架均使用cnpm安装一、整体的流程文件夹初始化首先新建文件夹,后初始化项目文件夹,自动创建出一个包管理配置文件package.json,之后我们安装的相关的包都会在这个配置文件

2020-06-19 22:52:54 212

原创 手把手带你实现ES6 Promise原理(使用Es6部分语法编写)

手把手带你实现ES6 Promise原理(使用Es6部分语法编写)一、前言使用Promise已经很长时间了,但是一直只是停留在应用的层面,底层的实现方式一直没有深究,感觉学一个东西还是知道底层原理比较好,于是好好研究后在此记录一下二、什么是Promise?Promise是一种异步编程的解决方案,避免了"回调地狱",最早是由社区提出并实现,ES6后面将其写入语言标准。Promise的两个特点对象的状态不受外界影响,Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulf

2020-06-16 23:47:26 249 2

原创 原生js实现无缝轮播图(面向对象思维)

原生js实现无缝轮播图(面向对象思维)因为最近为了锻炼面向对象编程的思维,再加上以前写轮播图也有点小bug,所以就抽出时间重新写了一下轮播图一 、核心的思路将所有需要展示的图片连成一张“长”的图片将图片放入一个 BOX 内并为 BOX设置 overflow: hidden属性通过定时器动态的改变绝对定位的left值实现图片在BOX自左向右或者自左向右滑动的效果二、难点如何在自动播...

2020-04-21 18:14:26 374

原创 js原生 上拉刷新和下拉加载的实现

webapp 上拉刷新和下拉加载的实现用到了 css3动画 touchstart touchend touchmove事件下拉刷新主要利用了e.touches[0].pageY的差值判断是否执行刷新页面的回调函数let start_pos = 0, // 记录开始的位置 move_distant = 0; // 记录移动距离变量的值// 添加事件element.ad...

2020-03-27 18:28:54 434

原创 webapp将添加本地图片并展示在页面,并利用photoswipe实现图片预览,以及photoswipe的图片宽高问题

webapp将添加本地图片并展示在页面,并利用photoswipe实现图片预览最近在写一个类似与微博的webapp 在图片预览的时候犹豫过于复杂,就使用了photoswipe,下面我将说一下如何将图片从本地添加至页面并实现点击预览一、如何选中本地图片思路首先利用input标签选中本地图片利用JavaScript监听input标签的onchange方法input标签选...

2020-03-13 12:24:44 464 2

原创 弹性盒子布局学习笔记

弹性盒子学习笔记一、定义在盒子上的属性(容器上的属性)使用方法.box { display: -webkit-flex; /*在webket内核的浏览器上加上前缀*/ display: flex; /*将对象作为弹性伸缩盒子显示*/}为行内元素设置flex布局.box{ display: inline-block; /*将对象作为内联块级弹性伸缩盒显...

2020-02-11 20:06:14 285

原创 git推送的文件夹在远程库中为空?

为什么git有时候推送的文件夹在本地的库中有文件,但是推送至远程库后,远程库中该文件夹为空一、为什么会出现这种情况首先我们需要明白一点就是每个 git init 后的文件夹都有一个 隐藏的 .git文件每个本地的文件夹都会对应一个远程或者多个远程的库,而这些库得信息就会被存储在.git文件里,每次当我们向远程库推送的时候,系统会检查并发送,但是如果你的本地仓库中的一个 子文件夹(这里假设...

2020-02-08 23:47:57 2411 1

原创 SyntaxError: Unexpected token o in JSON at position 1

这种错误一般都是解析错误确认一下你要解析的对象到底是不是一个json!!!

2019-11-18 20:54:36 249

原创 js中JSON学习笔记

json学习笔记前言: json是JavaScript的一个严格的子集,利用了JavaScript中的一些模式来表示数据结构化语法类似js, 但不支持undefined对象,数组json不支持变量,函数或对象实例简单值json的字符串与js的字符串的最大区别在于,json字符串必须使用双引号对象json的对象要求给属性名上面加上双引号...

2019-11-01 22:10:37 171

原创 js中的定义的XMLHttpRequest对象的onreadystatechange函数放在其send函数后面为什么不会执行其回调函数

js中的定义的onreadystatechange函数放在send函数后面为什么不会执行其回调函数自己在写项目的时候遇到了onreadtstatechange函数放在send函数的后面导致不执行的情况,在网上搜了一下,发现都说的不是很详细,就自己分析了一下并发现了问题所在,写个博客总结一下首先我们对于onreadystatechange函数要明白以下几点onreadystatech...

2019-10-29 20:51:16 1265 1

原创 js创建对象的三种形式(详细)

js创建对象的三种形式(详细)前言: 为了省去Object 构造函数和对象字面量创建对象的大量重复代码,人们开始使用工厂模式的一种变体1. 工厂模式工厂模式是一种广为人知的设计模式, 这种模式抽象了创建具体对象的过程。考虑到在ECMAScript中无法创建类,开发人员就发明了以一种函数,用函数来封装以特定的接口创建对象的细节// 工厂模式function createPero...

2019-10-25 11:22:40 585

原创 js变量,作用域与内存问题(垃圾回收机制)

js变量,作用域与内存问题(垃圾回收机制)JavaScript变量可以用来保存两种类型的值: 基本类型值和引用类型值。基本类型的值源自一下5中基本数据类型:Undefined, Null, Boolean, Number, String。引用类型值指的是那些由多个值构成的对象(Object, Array, Date, RegExp, Function, 基本包装类型, 单体内置对象...

2019-10-22 22:08:05 131

原创 KMP的简单理解(思路)

KMP算法1. 什么是KMP算法定义:KMP算法是一种改进的字符串匹配算法,由D.E.Knuth,J.H.Morris和V.R.Pratt提出的,因此人们称它为克努特—莫里斯—普拉特操作(简称KMP算法)。KMP算法的核心是利用匹配失败后的信息,尽量减少模式串与主串的匹配次数以达到快速匹配的目的。具体实现就是通过一个next()函数实现,函数本身包含了模式串的局部匹配信息。KMP算法的时间复...

2019-09-29 21:42:23 238

原创 js原型链(详细图解)

原型链原型链就是构造函数,原型对象,和实例的关系概念每个构造函数都有一个指向该构造函数的原型对象(prototype)每个构造函数的原型对象都有一个指向构造函数的指针(constructor)每个原型内部都有一个指向其构造函数的原型对象的指针(__ proto __)三者的关系图是这个样子的这里多说一下为什么在图的右上角会多出来以一个 __ proto __ ,因为原型对象也...

2019-09-02 22:17:58 1443 1

原创 git工作区,暂存区和本地仓库以及git status

个人对git的一些基本命令及工作区,暂存区以及本地仓库的一些理解一. 工作区,暂存区和本地仓库(分支)都是什么?工作区就是git init后的本地的文件夹(git init后这个文件中就包含了版本库),你可以手动添加文件暂存区和本地仓库()都存在在该文件夹中一个隐藏目录.git目录下每次向远程库push的时候都推送的是HEAD指向的分支(当前分支)那么问题来了,HEAD始终指向ma...

2019-08-15 22:07:36 1777

原创 为什么有时候git本地已经连接到远程库却无法push! [rejected] master -> master (fetch first) error: failed to push some ref

为什么有时候git本地已经连接到远程库却无法push1. 首先确定是不是连接问题$ git remote add origin git@github.com:这里是你的git名/这里是你的远程库名.git然后检查一下$ git remote -vorigin git@github.com:kibuniverse/learn1.git (fetch)origin git@githu...

2019-08-09 11:10:33 409

原创 c语言通讯录管理系统的总结

c语言课设管理系统总结完成情况防暴力输入密码加密输入并删除管理员和用户端两个端管理员对用户的账号删除注册用户用户的账户名及密码修改用户基本操作管理员基本操作存在的问题管理员无法对用户的数据进行修改未使用链表由于给每一个用户都创建了一个文件,导致当用户过多时不好操作一些写管理系统前的建议在着手写代码之前一定先将思路理清楚,比...

2019-06-09 13:33:34 2831

原创 c语言大数相乘

大数相乘大数相乘的方法很多,在这里我就介绍一个理解和写起来比较方便的思想和大数相加差不多!!!为什么大数相乘相较于大数相加比较难呢?(以 n × m 位的数为例)加法只需要遍历一次, 而乘法则需要遍历 m 次或者 n 次乘法的进位比较麻烦假设两个大数的字符数组分别为 s1, s2 ,答案数组为 a[]遍历是比较简单的,主要是进位的问题,我们可以先不考虑进位,将 s1 的第 i 位...

2019-05-12 14:45:36 262

原创 链表与数组的比较及链表的简单创建

链表的简单创建1. 什么是链表我们先来想一下,在一个数组中我们只能储存同一类型的数据,而且数组的地址是连续的。假设一个数组如果特别大的话,那么就会在系统中占用很大一部分的 "地址连续"内存空间 ,而且这个数组中的每一个元素还只能是同一种类型。链表可以理解为一个结构体数组,不过这个数组的地址在内存空间中不连续,一个元素的地址不能通过上一个或者下一个元素的地址推出。2. 为什么要用链表链表...

2019-04-23 21:56:28 226

原创 DP背包问题的简单理解

c语言 DP背包问题的理解先上题目题目描述 Description有一个箱子容量为V(正整数,0<=V<=20000),同时有n个物品(0<n<=30),每个物品有一个体积(正整数)。要求n个物品中,任取若干个装入箱内,使箱子的剩余空间为最小。输入描述 Input Description一个整数v,表示箱子容量一个整数n,表示有n个物品接下来n个整数,分别表示这n 个物品的各自体积...

2019-04-14 10:25:00 284

原创 CODE[VS]1011题的简单解法

CODE[VS] 1011 题不同的两种解法的比较题目描述 Description我们要求找出具有下列性质数的个数(包含输入的自然数n):先输入一个自然数n(n<=1000),然后对此自然数按照如下方法进行处理:不作任何处理;在它的左边加上一个自然数,但该自然数不能超过原数的一半;加上数后,继续按此规则进行处理,直到不能再加自然数为止.输入描述 Input Descri...

2019-04-07 16:18:09 861

空空如也

空空如也

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

TA关注的人

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