自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【vue】vue2.x详解大全

1、vue.js的安装方式一:直接CDN引入<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!-- 生产环境版本,优化了尺寸和速度 --><script src="https://cdn.jsdelivr.net/npm/vue"></script>方式二:下载和引入方式

2020-07-07 15:52:17 1649

原创 【JavaScript】大文件分片

第四步:串行方式:可以通过标识在循环发送时判断是否中止,再点继续的时候重新走循环上传。并行:需要使用ajax.abort()强制中止;第五步:发送合并请求,将文件hash传给后端,后端根据hash找到临时目录进行合并;中,用于发送(并行、串行),每个请求上传成功后从分块数组中移除当前分块;,这样每一块都带有整个文件的hash,并将所有分块进行收集为数组。第一步:先对整个文件进行md5,根据文件内容生成hash;后端根据第一个分块获取hash创建临时文件夹存储;第三步:根据每个分块准备请求集合收集到数组。

2024-04-11 19:34:21 387

原创 【JavaScript】浏览器与事件循环

执行 JS 时遇到其他线程可以做的事(如定时器、网络请求、监听事件、修改页面等),调用其他线程执行,其中异步线程的执行异步任务并在执行完结束后将回调添加到消息队列尾部,属于渲染线程的就直接放到队列中,等待主线程把当前同步任务执行完去循环队列,若此时主线程休眠,则唤醒渲染主线程进行循环;任务没有优先级按先后顺序,队列有优先级,同一类型的任务放在相同的队列,如谷歌有延时队列、交互队列、微队列等,浏览器循环时可以从不同队列中获取任务,其中微队列优先级最高;1、会启动一个渲染主线程(执行js、渲染页面),处理。

2024-04-11 19:32:49 285

原创 【webpack】wabpack5 知识梳理

可处理 js、json文件,处理 js 文件引入将其打包;将es6的import规范编译为浏览器可识别的commonjs规范;生产环境比开发环境打包多了代码丑化、压缩;可使用webpack默认配置,也可以通过创建配置;项目根目录创建配置文件// webpack5 基本配置// 入口// 输出output: {},// 加载器module: {rules: [],},// 插件// 模式直接执行webpack,自动使用该文件配置后续更新常用webpack配置!

2023-10-21 19:59:34 710

原创 【python】基础语法(三)--异常、模块、包

代码中出现的报错问题,可能会导致整个代码的停止,为了避免这种情况,有了捕获异常操作;

2023-10-14 22:46:11 342

原创 【python】基础语法(二)--文件操作

列表[]\n。

2023-10-14 21:22:34 359

原创 【python】基础语法(一)--数据类型介绍

定义:内容连续、有序,可使用下标索引的数据容器;常见序列:字符串、列表、元组。

2023-10-07 22:29:21 193

原创 关于前端框架vue2升级为vue3的相关说明

在 Vue Router API 从 v3(Vue2)到 v4(Vue3)的重写过程中,大部分的 Vue Router API 都没有变化,但是在迁移你的程序时,你可能会遇到一些破坏性的变化(摘)Vue CLI是官方提供的基于 Webpack 的 Vue 工具链,它现在处于维护模式。但是,仍有一些非兼容性变更需要注意。状态管理: Vuex > Pinia, Pinia 是作为 Vuex 5 的雏形而创建的(摘)必须的变更:核心库vue@2>3、路由vue-router@3>4、状态管理vuex@3>4。

2023-07-28 21:54:45 2061

原创 【react】react18的学习(十二)– 底层原理(二)之 迭代器 iterator

是一种 ES6 规范,具有这种机制的数据结构才可以使用。属性的数据结构都具备;如数组、部分类数组、字符串等;for-of循环原理:循环获取属性值;循环:返回每一项的值;

2023-07-23 19:37:12 675

原创 【react】react18的学习(十一)– 底层原理(一)之 diff 算法

第二轮对比是以新虚拟dom的顺序从第一轮中断的位置开始依次进行,不是与映射表相同索引节点比较,而是去映射表找相同key值的节点比较,并给映射表的节点做相应标记;最多两轮后,依次得到:要删除的8、要更新的或复用的4(只内容不同或相同)、要移动位置的6、要新增的2,不变的不做标记;对比过程中,第一轮对比:按链表顺序对比,节点key值相同进一步比较标签、内容,并进行标记;第二轮对比,是新的虚拟dom从第一轮中断的位置开始与fiber链表的map映射表对比;处理:要删除的、不变的和复用的、移动的、新增的;

2023-07-19 21:08:58 1345

原创 【react】react18的学习(十)–路由react-router-dom@6

【代码】【react】react18的学习(十)–路由react-router-dom@6。

2023-06-11 19:00:19 717

原创 【react】react18的学习(九)–路由react-router-dom@5

路由传参:三种:query传参、路径传参、隐式传参(刷新参数会丢失)

2023-06-04 18:33:05 982

原创 【react】react18的学习(八)–mobx介绍

也是代替原生redux的公共状态管理方式;mobx@5版本需要浏览器支持es6 proxy,且使用了许多装饰器;mobx@6移除了装饰器语法;

2023-05-14 18:57:46 375 1

原创 【react】react18的学习(七)--redux-toolkit

与react-redux:前者是简化store的创建;后置是简化store的使用,且针对redux、redux-toolkit的store均有封装;替代原生redux创建store,简化store的创建;

2023-05-08 21:17:15 189

原创 【react】react18的学习(六)--redux中间件

上一篇:react18的学习(五)–样式私有化

2023-04-26 22:03:16 198

原创 【react】react18的学习(五)--样式私有化

方式三:【公共样式可用,原生css写法】CSS Modules:1、以Nav.module.css为样式文件;闭包思想:使用函数执行返回函数组件,函数组件内部嵌套当前组件;可用于动态组件、类组件使用hooks;,这个对象是键值对,以css中类名为键,以生成的唯一值为值;vue中scoped,react中没有;方式一:【个别样式可用】行内样式。

2023-04-16 17:32:17 604

原创 【react】react18的学习(四)--复合组件通信

与类组件一样,区别就是使用hooks函数组件语法;且后代组件也有两种方式:标签、的结合,定义上下文对象,在祖先组件使用并传值,子孙组件使用;2、类组件使用:祖先组件提供方式1种;子孙组件使用方式2种。一般使用props、状态管理,比较常用,上下文比较难维护;包括父子、及更深层嵌套,就是借助一个共同组件上下文。借助上下文对象:类似vue事件总线。1、创建指定上下文对象。3、hooks组件使用。

2023-04-15 19:44:44 979

原创 【react】react18的学习(三)--hooks组件

【代码】【react】react18的学习(三)--hooks组件。

2023-04-08 21:54:10 602

原创 【react】react18的学习(二)-三种组件

【代码】【react】react18的学习(二)

2023-03-11 20:39:04 761

原创 【react】解决babel-preset-react-app报错

报错:Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` environment variables. Valid values are "development", "test", and "production". Instead, received: undefined.

2023-03-11 19:06:26 2676

原创 【linux】ubuntu1804安装配置mongodb数据库

【代码】【linux】ubuntu1804安装配置mongodb数据库。

2023-03-09 23:06:04 295

原创 【前端工程化】工程化笔记

前端工程化

2023-03-05 16:48:07 86

原创 【react】react18的学习(一)-基本配置

react18

2023-03-01 22:00:30 907

原创 【vue】vue2.x项目中使用md文件

Vue2.0项目展示md文件的三种方式

2023-02-26 18:03:02 2504 2

原创 【加密】开发常见加密类型

开发常见加密类型

2023-02-25 11:03:21 818

原创 【node】原生nodejs开发脚手架

Node 开发脚手架工具

2023-02-23 22:32:59 148

原创 【node】yeoman 脚手架工具的使用

yeoman通用脚手架

2023-02-23 21:32:47 143

原创 【linux】 Ubuntu 18.04.6 LTS版本全局安装 nodejs

linux系统安装nodejs

2023-02-09 21:52:30 317

原创 【node】pnpm新型包管理工具

新型包管理工具,pnpm

2022-12-29 09:56:45 465

原创 【前端理论】前端身份认证session与jwt

三种前端身份认证方式

2022-10-07 19:36:44 456

原创 【node】为vue获取本机IP地址

获取本机ipv4地址:可通过,执行预览本地ip信息;

2022-06-05 10:26:46 4300 1

原创 【react】扩展知识点

1、setStatesetState本身是同步的函数,引起的后续动作(状态更新)可能是异步的;即当前方法执行完再更新; state = { num: 0, }; add = () => { const { num } = this.state; this.setState({ num: num + 1 },()=>{ console.log(this.state.num); //1 }); console.log(this.s

2022-04-17 17:44:07 790

原创 【HTTP】进程、线程与http缓存

一、线程与进程1、常见进程、线程http请求:通过一个线程发送;JS:通过单线程执行;浏览器:多线程的进程2、两者关系进程中某个线程执行出错导致整个进程崩溃;进程之间互相隔离,可通过IPC机制通信;进程所占资源在其关闭后被操作系统回收,即使某个线程产生内存泄漏,进程退出时相关内存资源也会被回收;(关机重启)线程之间通信更方便,共享进程的数据。3、浏览器早期是单进程,一个线程出错浏览器崩溃;2008,谷歌浏览器:多进程,进程间IPC通信,浏览器不容易崩溃;主进程、GPU(

2022-03-24 21:59:15 3835

原创 【JavaScript】原生js阻止事件的三种方式

三种阻止事件执行的方式event.preventDefault()event.stopPropagation()return false1、event.preventDefault()阻止特定事件的默认行为(只有 cancelable 设置为 true 的事件才可以使用),比如:点击 type=“submit” 的 input 标签提交表单,你在 onclick 事件处理中调用 event.preventDefault()方法, 那么在点击 submit 后就不会自动提交表单了。但是并不阻止事

2022-01-29 09:39:59 10894

原创 【react】react支持less的两种方案(参考antd)

前言create-react-app默认配置了sass,只需要安装依赖包即可,使用sass/scss文件;npm install sass-loader sass --save-devoryarn add sass-loader sass1、安装修改配置的依赖包对 create-react-app 的默认配置进行自定义,这里我们使用 react-app-rewired (一个对 create-react-app 进行自定义配置的社区解决方案)。 yarn add react-app-re

2022-01-24 21:33:13 2459

原创 【vue】命名规范

VUE前端项目命名规范参考Vue.js官方风格指南;一、常见命名风格PascalCase (大驼峰命名法)camelCase (驼峰命名法)kebab-case (短横线分隔命名)二、具体使用特别的,项目名可以使用下划线,vue_test或vue-test1、PascalCase组件name:name: "TestSm",组件导入:import InputGroup from "..";组件使用标签(为了区别第三方的短横线命名组件)<InputGroup>&l

2022-01-13 14:42:26 1199

原创 【Unicode】自带的特殊符号

Unicode官方网址一 、页面中使用Unicode中emoji表情方式一:通过html代码,直接在页面中使用表情;方式二:通过js代码使用表情;方式三:通过css代码使用;html标签:<span>&#128512;<span>vue:<span>{{ String.fromCodePoint(0x1F600) }}</span><span>{{ text }}</span> // text: "\u{

2022-01-10 14:00:01 894

原创 【webpack】wabpack4.x知识回顾

1、安装全局安装: npm i [email protected] [email protected] -g默认安装到npm的目录下node_modules中C:\Users\Administrator\AppData\Roaming\npm\node_modules局部安装: npm i [email protected] [email protected] -D安装在当前文件夹的node_modules中是否可用:webpack-cli --versionwebpack --versio

2021-12-09 14:55:48 203

原创 【vue】关于eslint检查

背景使用vue-cli4搭建vue2.x项目;命令行npm run lint一般用于对项目整体检测,可以打印全部的【警告warn、报错error】信息;相对于直接npm run serve:直接运行这个命令时,vue-cli内部在开发环境下有--fix,可以自动修复功能,但只会对刚修改的页面的不合eslint规定的语法进行打印;不能对所有项目文件进行检测;npm run serve:自带eslint语法修复功能,这个修复是在内存里的,不影响文件中代码;(这里的修复是:让页面中不符合esli

2021-09-28 16:35:35 1119

原创 【vue】防抖与节流函数

前言防抖、节流是为了在某个事件频繁发生时,不把这个频繁的事件内的操作也这么频繁的触发;一、防抖1、使用场景当我们只需要调用一个频繁事件的最后一次触发时,用防抖;即:在频繁事件不再触发的n秒后触发一次;比如,监听输入框做关键字搜索,当用户1秒内没有再输入时我们再去搜索,而不是一边输入一边搜索;2、思路频繁事件的每一次触发做两件事,先清除定时器,再创建定时器;在定时器里执行我们最终的操作;3、代码例子<el-input v-model="val" placehold

2021-09-06 11:23:55 620

es6面向对象学习笔记整理版.md

md文件,可用Typora软件打开编辑。### 1.两大编程思想 - ###### 面向过程编程POP(process-oriented programming) - 含义:分析问题的解决步骤,通过函数实现每一步,然后依次调用函数来完成; - ###### 面向对象编程OOP(Object Oriented programming) - 含义:把事务分解成一个个对象,通过对象之间分工与合作解决;(**拟人化,把万物写活**)

2020-06-16

vue-cil3+elementUi 后台电商管理系统讲解

此文件为markdown文件,由typora编写;记录做管理系统的笔记。电商系统提供了PC端、小程序、移动web、移动APP等多种用户访问方式,内部人员采用PC后台管理系统进行数据管理。

2020-06-04

空空如也

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

TA关注的人

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