一笑程序猴-CSDN博客

原创 JavaScript高级 - 纯js实现文件上传大文件切片上传断点续传（客户端）

文章目录前言一、环境准备及依赖库二、项目结构三、功能实现1、axios二次封装2、单文件上传FROM-DATA，先选文件再上传3、单文件上传BASE64，只能上传小于100K的png或jpg图片文件4、多文件上传FORM-DATA5、多文件拖拽上传FORM-DATA6、大文件切片上传，断点续传FORM-DATA总结前言在另一篇文章JavaScript高级 - nodejs+koa2实现文件上传大文件切片上传断点续传(服务器端)中已经介绍了文件上传的服务器端实现，并实现了几个不同上传形式的服务

2021-03-18 12:35:53 7341 2

原创 JavaScript高级 - nodejs+koa2实现文件上传大文件切片上传断点续传（服务器端）

const Koa = require('koa');const Router = require('koa-router');const koastatic = require('koa-static');const fs = require('fs');const bodyParser = require('koa-bodyparser');const multiparty = require('multiparty');const SparkMD5 = require('spark-md5

2021-03-10 00:08:43 6167 2

原创 JQuery源码分析 - 数据类型检测方法封装（数字、对象、数组类数组）

JQuery中的数据类型检测在本系列的上一篇文章(JQuery源码分析 - 闭包机制在jQuery中的使用及冲突解决)中我们已经分析了闭包机制在jQuery中的使用、不同环境的判断以及冲突的解决方案；接下来我们继续来分析一下jQuery源码的核心内容中的数据类型检测封装。对应jQuery源码： 64~72行//创建一个空对象var class2type = {};//用来检测数据类型var toString = class2type.toString;//Object.prototype.

2020-11-23 17:38:46 5754

原创 web前端高级JavaScript - 数组和对象的浅克隆与深克隆

浅克隆浅克隆是指：只克隆数组/对象的第一层级内容（开辟新的堆内存），而第二层级及以上层级的内容则直接引用（使用原来第二层级及以上层级的堆内存）。如果对克隆后对象的二级或以上层级进行修改，那么克隆前对象的二级或以上层级也会跟着被修改。例如：现有一个对象obj1对应堆内存地址0x000，obj1对象中还有个子对象obj1_1对应堆内存0x001，现在想对obj1对象进行浅克隆，则会创建一个新的对象obj2对应新的堆内存地址0x002，对于对象obj1中的基本类型数据则会直接拷贝到obj2中，而obj1中的

2020-11-18 19:51:07 6213 1

原创 web前端高级JavaScript - 深挖new的实现原理并封装自己的new以及实现内置类原型方法的扩展

深挖new的实现原理在面向对象开发中，我们常常用new关键字来创建一个对象的实例，然后通过这个实例，我们就可以访问类的各种成员了。这是我们对new的最直观的理解。那么在底层我们看不到的地方，new还干了什么呢，接下来我们用代码来做进一步分析。function Fun(name){ this.name = name; this.sayHello = function(){ console.log(`hello ${this.name}`); } console.log(this);

2020-11-11 09:12:18 5755 1

原创 javascript 的七种继承方式（一）原型链

原型链的概念ECMAScript中描述了原型链的概念，并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。简述一下构造函数、原型和实例的关系：每个构造函数都有一个原型对象，反过来原型对象又都包含一个指向构造函数的指针，而实例又都包含一个指向原型对象的内部指针。如下图所示。那么，如果我们让原型对象等于另一个类型的实例，结果会怎样呢，显然，此时的原型对象将包含一个指向另一个原型的指针，相应的另一个原型对象也包含着指向另一个构造函数的指针。假如另一个原型

2020-08-19 10:57:59 24543 17

原创完美解决pyinstaller 打包报错找不到依赖pypiwin32 或pywin32-ctypes的错误

报错信息最近闲来无事，用python的tkinter库开发了一款带日程提醒的万年历桌面程序。在程序开发结束开始打包时，却发现一直报错PyInstaller cannot check for assembly dependencies.Please install PyWin32 or pywin32-ctypes.pip install pypiwin32但是运行pip inst...

2020-01-14 16:09:30 29627 18

原创【NodeJs】基于nodejs加koa2搭建一个的后端服务框架并实现一个简单的token生成及校验功能

背景最近在学习nodejs以及相关框架koa。后来发现学习时是学会了，但是没过多久再想使用时又忘了，于是决定通过一个小demo的形式将所学及所用的知识记录一下，便于日后回顾和使用。案例介绍本文将通过一个简单的小案例来搭建一个基于nodejs+koa的后端服务。主要涉及到的功能点有：token生成及校验token校验中间件不同模块路由拆分及组合用户登录及信息查询APIdb相关操作类封装常用工具类封装项目目录结构用到的知识点及第三方库jsonwebtoken：用于生成及校

2021-12-24 11:26:28 2064 1

原创【Vue3.0实战逐步深入系列】为问卷系统添加权限控制功能

【千字长文，熬夜更新，原创不易，多多支持，感谢大家】前言小伙伴们大家好。上篇文章中我们为问卷系统进行重新布局以及添加了用户登录功能，并且在用户登录时可以选择不同的角色进行登录。但是不管是什么角色（包括匿名）登录进来后显示的权限都是一样的，即只要登录不管是什么角色都能看到所有的菜单及所有的页面功能，这显然是不合理的，作为一个系统就应该为不同角色分配不同的权限，比如管理员权限最大可以看到所有的页面，而普通用户和匿名用户则只能进行问卷填写，对于其它页面则是没有权限的。那么接下来就为我们的系统添加权限校验.

2021-12-01 14:26:38 1501 1

原创【Vue3.0实战逐步深入系列】为问卷系统重新布局并添加登录及注销功能

前言HomePage.vue<template> <div class="main-box"> <div class="header-box"> <div class="header-title"> <span>YANNIS 问卷调查管理系统</span> <div class="user"> <div> <el-icon size="

2021-11-30 08:51:56 1619

原创【Vue3.0实战逐步深入系列】为问卷列表添加查看详情及删除记录功能

【千字长文，熬夜更新，原创不易，多多支持，感谢大家】前言Hello，小伙伴们大家好。我们继续来完善问卷调查功能。今天依然还是从问卷提交记录页面上做文章。前面的分享中我们已经实现了提交记录的列表展示功能，但仅仅一个列表展示还是不够的，因为列表中无法显示更多的信息（比如问卷详情）。下面我们就基于列表实现一个点击标题跳转到问卷详情页（结果页）和删除问卷的功能。列表页改造先来看看我们列表页要增加的功能：点击标题跳转到详情页点击某条记录实现删除问卷基于以上两点我们就知道该从何下手了首先.

2021-11-29 09:26:15 1511 1

原创【Vue3.0实战逐步深入系列】保存问卷记录到localStorage并基于elementui的table组件实现历史记录的展示功能

前言小伙伴们大家好。今天我们继续来完善我们的问卷调查功能。昨天我们已经为问卷添加了数据有效性校验功能。从问卷主题配置到问卷数据有效性校验再到问卷的保存和提交，整个问卷系统已经初具雏形逐步完善了，但仍然还欠缺许多功能比如按角色登录，后台管理，提交记录展示等等。别急，既然是逐步深入系列我们就一步步慢慢来。今天就将实现问卷提交记录保存及展示功能。保存提交记录为了操作方便我们就不借助后台数据库了，依然使用本地存储localStorage进行历史记录的保存，拢共分为三大步：首先来分析一下我们要保存的信

2021-11-28 13:59:54 1434

原创【Vue3.0实战逐步深入系列】为问卷主题添加必填项配置及数据有效性校验功能

前言小伙伴们大家好。今天将带着大家继续来完善我们的问卷调查功能。到目前为止我们的问卷调查功能已经实现了问卷主题配置、问卷结果提交，问卷结果保存及回填，问卷结果展示等基本功能。看上去貌似一个问卷调查功能已经实现了，然而还有一个比较重要的功能没有实现，那就是数据有效性校验功能，想想如果没有数据有效性的校验，打开一个问卷什么都不填就直接提交，那就失去了问卷调查的意义了。因此本文将在前面分享的基础上增加数据有效性校验功能。需求描述...

2021-11-27 15:04:29 2248 1

原创【Vue3.0实战逐步深入系列】基于localStorage为问卷调查添加保存及回填功能

前言hello，小伙伴们大家好。到目前为止在【vue3.0实战逐步深入系列】文章中，我们已经实现问卷调查的配置、填写、获取结果以及结果展示功能。看似已经完成了简单的问卷调查功能，但实际上体验还不够友好。为什么这么说呢，我们先来看一个场景。假如一个问卷调查中有很多问卷主题十几个甚至几十个都有可能，正当我们填到一半的时候突然出现故障（浏览器崩溃或者电脑断电等），当我们再次重新打开浏览器时发现问卷已经变成了空白，原来辛辛苦苦填写的全都不见了，是不是瞬间崩溃。为了解决这一问题我们继续完善我们的问卷调查功能，为我

2021-11-25 21:38:22 1915

原创【Vue3.0实战逐步深入系列】引入vue-router借助路由实现点击提交按钮跳转到问卷结果页面

前言hello，小伙伴们大家好。在上一篇文章中我们已经实现了问卷调查的提交功能，在填写完问卷点击提交后会把问卷结果显示在控制台中。然而这种形式对用户来说显然很不友好，甚至有的用户并不知道如何打开控制台，给人的感觉就是点了提交按钮没有任何反应，看不到提交结果也不知道有没有提交成功。在本次分享中我们将沿着上篇文章继续向下深入，借助vue-router路由来实现点击提交按钮后携带者问卷结果跳转到一个新的“问卷结果”页面，并将结果展示给用户。安装及配置路由因为本次分享中会涉及到页面的跳转，因此我们将引入

2021-11-25 08:53:01 1485

原创【Vue3.0实战逐步深入系列】vue3.0获取问卷调查结果并输出到控制台

前言hello，小伙伴们大家好。昨天我们对最初的投票功能做了一个简单的扩展：实现了一个简单的问卷调查功能。在实现该问卷功能时，我们分别封装了几个不同类型的组件：投票组件，单选组件，多选组件，输入组件和评分组件。不知有没有小伙伴发现，虽然问卷的大部分功能都实现了，问卷主题可自由配置，用户也可以进行点选输入填写问卷，但最后问卷填写完成后发现点击提交按钮并没有反应，那岂不是白操作了一顿？没错该问卷还少了个提交功能，接下来我们就把问卷的提交功能补齐，同时对App.vue组件进行一个简单的优化。给自定义问卷组

2021-11-24 09:01:58 3110 1

原创【Vue3.0实战逐步深入系列】扩展投票功能基于elementui进行组件封装实现一个简单的问卷调查功能

前言小伙伴们大家好。在前面一偏文章中我们把投票功能进行了简单的改造：引入了axios第三方库并进行了二次封装用于模拟请求服务器数据。同时添加了一个json文件来替代服务器从而达到前后端交互的目的，最终实现了一个可动态配置的，不限个数的投票功能。然而不管有多少个投票功能都只能统计支持和不支持的个数，如果来了新的需求：想要实现点选或者输入功能，那么简单的投票就无法满足。接下来这篇文章就基于前面的投票功能继续扩展改造，实现一个可以点击，可以点选，可以输入的问卷调查功能。分析在我们常见的问卷调查中一般都

2021-11-22 08:49:35 2529

原创【Vue3.0实战逐步深入系列】基于axios+elementui实现一个动态可配置的投票功能

前言小伙伴们大家好。前面文章我们引入了elementui组件库，对我们的投票功能做了一下简单的美化，在经过一番的折腾后终于我们的投票模块在保证了功能的情况下，也变得美观了两全其美。然而一次只能做一个主题的投票显得太过单调，并且投票主题都是定死的，如果想换其它主题就不得不修改源码了。今天我们在前面投票功能的基础上进行一个扩展：投票还是投票，但是要让我们的投票主题动起来，并且一次能够进行多个主题的投票。安装和配置axios为了让我们的投票主题能够动起来（可配置），我们需要借助第三方库axios来从数

2021-11-21 22:54:43 2338

原创【Vue3.0实战逐步深入系列】使用elementui组件库element-plus美化投票功能

前言小伙伴们大家好。前面一篇文章中我们利用vue3.0实现了一个超级简单的投票功能，虽然功能是实现了也达到了巩固vue3.0知识点的目的，但是页面没有添加任何样式也没有进行任何的UI设计，因此页面很丑。前端作为一个项目的门面是万万不能少了样式和ui设计的，因而本篇文章就将在上一篇的基础上添加一些样式，引用一些新的UI组件库。先来看下优化前后的效果草图，实际页面更好看一点element-plus本着尽可能少的写样式我们本次案例中引用了elementui的UI组件库，我们用的是vue3.0，因此

2021-11-20 21:15:29 2465

原创【Vue3.0实战逐步深入系列】利用setup+ref+computed实现一个简单不能再简单的投票功能

前言小伙伴们大家好。在前面一篇文章中我们学习了vue3.0中组合式API的使用，组合式API能够给我们带来的好处以及组合式API中一些常用的方法等。但是整篇文章下来感觉知识点有点散，对于没有vue基础的小伙伴来说可能只知道有这么个知识点，但是具体怎么使用还是不太理解。接下来我们就从零开始实现一个超级简单的投票功能，目的是学以致用，把零散的知识点串联起来形成一个整体，从而更方便我们理解和使用。创建vue3.0项目首先我们用vue脚手架来创建一个vue3.0项目：vue3vote。...

2021-11-19 10:26:31 2054

原创【Vue3.0】Vue3.0组合式API的使用

前言小伙伴们大家好。为期近半个月的TypeScript分享到这里就结束了，当然了前面关于TypeScript的分享都是一些表面的基础知识，想要更深入的了解还需要多学多练多看源码，本猴就不再做过多分享了。从今天开始将为小伙伴们奉上关于Vue3.0相关知识的一些分享。vue3.0相较于vue2.0还是有很大的改变的，个人感觉vue3.0的用法更接近于react的了。至于一些语法指令啥的相较于2.0没有什么变化，这里就不再分享了。那么我们要学习的是3.0中的一些变化和新的技术点，下面我们先从vue3.0的使

2021-11-18 13:44:17 2074 1

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的装饰器

前言小伙伴们大家好。今天我们继续学习TypeScript。在开始今天的主题之前我们先来看一个场景：小A入职了一家公司并接手了一个后台项目，目前这个后台项目有很多问题，比如系统中的一些增删改查操作不需登录就可操作，这显然很不合理。于是项目经理就要求小A给所有的增删改查添加登录验证操作，需要用户登录后才能操作，一开始小A把每个方法中都添加了相同的登录校验代码，后来写着写着发现所添加的代码都是相同的，于是干脆封装成了一个check方法，然后再在每个方法中去调用。开发完成感觉良好，但没过几天项目经理突发奇想跟小

2021-11-17 14:44:19 2029

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的命名空间

前言小伙伴们大家好。上篇文章中我们学习了TypeScript中的模块以及模块的几种导入导出方式，通过学习我们了解到模块可以很好的避免不同文件间变量函数等重名的问题（当然了模块的好处也不仅仅只有这一点）。前面说到模块可以很好的解决不同文件间的重名问题，那么同一个文件中有时候也是避免不了重名问题，那又该如何解决呢？不知道有没有小伙伴记得，在上篇文章中我们提到“在TypeScript1.5版本之前有两种模块：内部模块和外部模块，而在1.5以后内部模块更名为命名空间，外部模块则更名为模块”。而这个命名空间就可以

2021-11-16 10:53:41 1771

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的模块

前言小伙伴们大家好。今天将继续给大家分享TypeScript的相关知识。在进入今天的主题之前我们先来看一下这样一种场景：在我们开发一个大型项目的时候，避免不了会引入各种JavaScript文件，而在es6（不含）之前都是通过script标签将各种我们需要用到的js文件引入到页面中，那么由此就容易导致一些问题，比如在开发中一般都是多人协作开发，也就是说一个页面可能会由多个不同的人来开发，不同的人会使用不同的js文件，这个时候就有可能会产生一些同名的变量或者方法等，比如：A在a.js中定义了一个getVal

2021-11-15 09:15:52 1600

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的高级类型

前言小伙伴们大家好。今天继续来学习typescript。

2021-11-14 20:45:24 2014

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的泛型

前言小伙伴们大家好。我们继续来学习TypeScript。今天要给大家分享的是TypeScript中的泛型。不知道小伙伴们有没有了解泛型的。先来看这么一种场景：假设有一个函数，该函数只接收一个参数，现要求函数的返回值类型必须与参数的类型一致，并且该函数的参数可接收任意类型的参数。想想该如何定义该函数呢。我们先来看看下面的代码能不能实现//使用上篇文章学到的重载函数function add(x:number):number;function add(x:string):string;functio

2021-11-13 08:26:40 1886

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的函数

前言小伙伴们大家好。今天要给大家分享的是TypeScript中的函数。无论是前端语言还是后端语言，函数都是必不可少的一部分。函数是一起执行一个任务的语句，也就是说在函数中封装了一堆代码，这堆代码会共同完成一个任务。这样既便于代码的可重用也便于后期维护，比如说有一段代码需要重复执行，那么这个时候就可以把这些需要重复执行的代码封装成一个函数，然后哪里用到就在哪里调用函数即可，从而实现的代码的可重用性。下面我们就来看看TypeScript中的函数。函数TypeScript中虽然已经支持类，命名空间和模

2021-11-12 09:29:19 1532

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的接口

前言小伙伴们大家好。前几篇文章我们已经学习了TypeScript中的基本语法，数据类型以及类的抽象类。今天将继续学习TypeScript中的另一个知识点 - 接口。不知道小伙伴们有没有了解过后端语言（像C#/Java等），相信了解过后端语言的小伙伴一定都知道接口的概念。那么TypeScript中的接口又是什么样的呢，有哪些用途，我们又该如何去使用它。下面就让我们来一探究竟！接口接口的定义抛开语言本身，不知道小伙伴们对接口是如何理解的。我个人理解是：接口就是一种标准一种规范。你如果想用我的

2021-11-11 09:21:31 1606

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的类

前言小伙伴们大家好。前面我们已经掌握了TypeScript中变量的声明和使用。而我们知道TypeScript与JavaScript一样都是一种面向对象的编程语言，而面向对象的程序设计必然少不了信息的封装，而类又是信息封装的基础。因此类是面向对象程序设计中一个必不可少的类型。今天就跟大家一起学习一下TypeScript中的类。类类的概念：类是对现实生活中一类具有相同特征的事物的抽象。那么在程序设计里，类是由程序员自己定义的一种引用数据类型。类的内部会定义一些属性和方法，用于对类本身的一个描述和操

2021-11-10 09:56:02 1330

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的变量声明

前言小伙伴们大家好。至此我们已经学习了TypeScript的基础知识以及TypeScript中的数据类型。其中在数据类型的分享中，我们用了大量的代码来展示每种类型是如何使用的，并且在所有的案例中基本都用到了变量的声明。相信通过这些案例的学习小伙伴们应该大概也都知道了变量声明的一些语法了，然而这只是其中的一部分。下面我们就专门拿出一篇文章来介绍一下TypeScript中的变量声明。变量变量的命名规则，TypeScript中变量的命名跟JavaScript中的是一样的变量名可以包含数字、字母、

2021-11-09 09:23:38 1760

原创【TypeScript】从零开始玩转TypeScript - TypeScript中的基础数据类型

前言小伙伴们大家好。上一篇文章我们对typescript已经有了一个初步的了解：掌握了什么是typescript，如何使用typescript以及什么时候使用typescript。今天我们将一起来学习一下typescript中的数据类型。前面文章已经提到：TypeScript是JavaScript的一个超集，既然是超集那么JavaScript中有的数据类型在TypeScript肯定也是存在的，同时作为超集的TypeScript，肯定也不仅仅是只有JavaScript中的那几种数据类型，那么除了这些数据

2021-11-08 09:14:07 1755

原创【TypeScript】从零开始玩转typescript - typescript入门

前言小伙伴们大家好。从今天开始我们将从零开始系统的学习一些TypeScript相关的知识。相信小伙伴们或多或少应该也都听说过这玩意了，那么这家伙是干嘛的呢，已经有JavaScript了为什么又要搞出个TypeScript，接下来就为大家一一揭晓。TypeScriptTypeScript是个啥，它跟JavaScript又有啥区别？TypeScript是由微软团队开发的一种开源、自由的编程语言。TypeScript是JavaScript的一个超集，支持ES6的所有标准。TypeScript是

2021-11-07 20:19:57 1934

原创【微前端】手把手从零开始带你实现一个React子应用的接入

前言小伙伴们大家好。今天继续给大家分享关于微前端qiankun的相关知识。前面的文章我们基于qiankun+vue2.0已经实现了一个简单的微前端应用了，并且还实现了history和hash两种路由模式的切换。在该应用中无论是主应用还是子应用我们用的都是vue的技术栈，这并没有体现出微前端的最大特点（与技术栈无关）。因此本文将在原有微前端应用的基础上再接入一个react的子应用。另外：本文目的仅仅是为了体现一下微前端与技术栈无关的特点，所以这里只描述一下接入react项目的简单步骤和关键代码，关于更多

2021-11-06 20:46:23 2381 2

原创【微前端】手把手带你改造一个qiankun+vue2.0的hash模式的微前端应用

前言小伙伴们大家好。上篇文章我们分享了如何使用qiankun+vue2.0实现一个简单的微前端应用。在文章的最后还提到：在实现的微前端应用中，所用到的路由模式都是以history模式为基础进行路由配置的，如果按照当前的配置一旦改成hash模式，那么就会出现各种问题，页面找不到或者资源加载错乱等等。那如果就是想用hash模式该怎么办呢，接下来我们就一起来看下如何配置一个hash模式的微前端应用！本文将基于上篇文章实现的微前端应用进行修改配置，所以这里只会整理出配置的操作步骤以及需要修改的代码。完整的代码

2021-11-05 10:36:49 3996

空空如也

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

TA关注的人

css属性分类.xmind

asp.net 订餐系统源码

asp.net订餐系统

css帮助文档 帮助有关页面设计的方案

asp教学管理系统源代码

销售管理系统源码实例

项目(学校管理系统源码实例附加数据库)

递归代码包括从xml文件中读取信息从本地磁盘中加载信息等

空空如也

css帮助文档帮助有关页面设计的方案