学习笔记

js文件异步上传进度条 学习笔记

js文件异步上传进度条

进度条的应用是为了显示的告诉用户文件上传了多少,对于小文件的上传基本上应用不到进度条。进度条主要应用于大文件的上传,在于告诉用户上传情况,不至于让用户无状态等待,增加了用户的体验,如果没有进度条,在上···
前端图片压缩及上传 学习笔记

前端图片压缩及上传

图片的上传一般情况下不需要上传大体积的图片,因为如果是用户头像或者是一些要求清晰度不是太高的场景上传大体积图片会很消耗资源,一个是上传耗时比较长,同时也增加了存储的开销,当展示的时候也会消耗下载的带宽···
JavaScript实现单向链表数据结构 学习笔记

JavaScript实现单向链表数据结构

学习过数据结构的人都应该清楚,链表是一种动态的数据结构,这意味着我们可以从中任意添加或移除项,它会按需进行扩容。链表存储有序的元素集合,但不同于数组,链表中的元素在内存中并不是连续放置的。每个元素由一···
使用nodejs做文件下载中转 学习笔记

使用nodejs做文件下载中转

之前做了一个功能就是点击按钮实现文件下载,文件保存在了阿里云的OSS上,阿里的OSS和七牛的OSS其实个人感觉差不多,一般情况下,前端下载文件很多都是通过一个a标签来进行下载。但是对于OSS存储的文件···
使用JavaScript创建队列结构 学习笔记

使用JavaScript创建队列结构

队列和栈是两种相似的结构,区别主要在于栈是先进后出,队列是先进先出(FIFO)。队列插入元素是在队尾插入,在队列头弹出,形象的描述为排队,先到的先办事,后到的后办事。在算法应用上可以应用在消息队列、的···
JavaScript创建栈结构 学习笔记

JavaScript创建栈结构

在数据结构中栈是一种遵从后进先出(LIFO)原则的有序集合。新添加的或待删除的元素都保存在栈的末尾,称作栈顶,另一端就叫栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。栈的形象描述可以比作一桶水、我···
css滚动进度条 学习笔记

css滚动进度条

需求 首先先描述一下需求,就是在顶部有一个进度条,随竖向滚动条的滚动而长短变化,用以显示文章阅读进度,实现的方式是采用css来实现。 既然是使用css来实现,那么我们应该思考一下如何使用css,貌似c···
解析瀑布流布局实现原理 学习笔记

解析瀑布流布局实现原理

说瀑布流原理其实很简单,原理就是哪列高度和小就将元素放到哪列。那么这就涉及到一个算法了,就是给定一个数组,分成N组,使得这N组的每组和之差最小。 基本算法 下面我们先来说一下这个思路,我们首先应该想到···
nodejs实现图形验证码 学习笔记

nodejs实现图形验证码

nodejs生成图形验证码可以自己写一个,我感觉比较麻烦,因为有现成的……下面我来介绍一下这个现成的验证码生成模块:svg-captcha 我个人觉得使用起来很方便,首先得需要安装svg-captch···
微信小程序如何跳转公众号文章 学习笔记

微信小程序如何跳转公众号文章

公众号跳小程序相信大家已经不陌生了,以前的时候小程序是无法跳转到公众号的,但是现在可以了,微信规定互相绑定的公众号和小程序之间可以实现自由跳转。下面我们来看一下如何实现。 实现方式其实很简单,就是一个···
vue/react服务端渲染实例 学习笔记

vue/react服务端渲染实例

vue和react官方已经给出了服务器渲染的方法,两个框架本身也拥有服务器渲染的相应api,但是无论是next.js还是nuxt.js,还是说网上各种服务器端渲染的方案,个人认为都有很大的局限性,这对···
深入理解JavaScript中的this 学习笔记

深入理解JavaScript中的this

很多人看到this这个关键字就会感觉很恶心,因为this 关键字是 JavaScript 中最复杂的机制之一。它是一个很特别的关键字,被自动定义在所有函数的作用域中。但是即使是非常有经验的 JavaS···