- 博客(149)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 【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
1664
原创 【JavaScript】大文件分片
第四步：串行方式：可以通过标识在循环发送时判断是否中止，再点继续的时候重新走循环上传。并行：需要使用ajax.abort()强制中止；第五步：发送合并请求，将文件hash传给后端，后端根据hash找到临时目录进行合并；中，用于发送（并行、串行），每个请求上传成功后从分块数组中移除当前分块；，这样每一块都带有整个文件的hash，并将所有分块进行收集为数组。第一步：先对整个文件进行md5，根据文件内容生成hash；后端根据第一个分块获取hash创建临时文件夹存储；第三步：根据每个分块准备请求集合收集到数组。
2024-04-11 19:34:21
426
原创 【JavaScript】浏览器与事件循环
执行 JS 时遇到其他线程可以做的事（如定时器、网络请求、监听事件、修改页面等），调用其他线程执行，其中异步线程的执行异步任务并在执行完结束后将回调添加到消息队列尾部，属于渲染线程的就直接放到队列中，等待主线程把当前同步任务执行完去循环队列，若此时主线程休眠，则唤醒渲染主线程进行循环；任务没有优先级按先后顺序，队列有优先级，同一类型的任务放在相同的队列，如谷歌有延时队列、交互队列、微队列等，浏览器循环时可以从不同队列中获取任务，其中微队列优先级最高；1、会启动一个渲染主线程（执行js、渲染页面），处理。
2024-04-11 19:32:49
305
原创 【webpack】wabpack5 知识梳理
可处理 js、json文件，处理 js 文件引入将其打包；将es6的import规范编译为浏览器可识别的commonjs规范；生产环境比开发环境打包多了代码丑化、压缩；可使用webpack默认配置，也可以通过创建配置；项目根目录创建配置文件// webpack5 基本配置// 入口// 输出output: {},// 加载器module: {rules: [],},// 插件// 模式直接执行webpack，自动使用该文件配置后续更新常用webpack配置！
2023-10-21 19:59:34
735
原创 关于前端框架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
2087
原创 【react】react18的学习（十二）– 底层原理（二）之 迭代器 iterator
是一种 ES6 规范，具有这种机制的数据结构才可以使用。属性的数据结构都具备；如数组、部分类数组、字符串等；for-of循环原理：循环获取属性值；循环：返回每一项的值；
2023-07-23 19:37:12
697
原创 【react】react18的学习（十一）– 底层原理（一）之 diff 算法
第二轮对比是以新虚拟dom的顺序从第一轮中断的位置开始依次进行，不是与映射表相同索引节点比较，而是去映射表找相同key值的节点比较，并给映射表的节点做相应标记；最多两轮后，依次得到：要删除的8、要更新的或复用的4（只内容不同或相同）、要移动位置的6、要新增的2，不变的不做标记；对比过程中，第一轮对比：按链表顺序对比，节点key值相同进一步比较标签、内容，并进行标记；第二轮对比，是新的虚拟dom从第一轮中断的位置开始与fiber链表的map映射表对比；处理：要删除的、不变的和复用的、移动的、新增的；
2023-07-19 21:08:58
1417
原创 【react】react18的学习（十）–路由react-router-dom@6
【代码】【react】react18的学习（十）–路由react-router-dom@6。
2023-06-11 19:00:19
759
原创 【react】react18的学习（九）–路由react-router-dom@5
路由传参：三种：query传参、路径传参、隐式传参（刷新参数会丢失）
2023-06-04 18:33:05
1041
原创 【react】react18的学习（八）–mobx介绍
也是代替原生redux的公共状态管理方式；mobx@5版本需要浏览器支持es6 proxy，且使用了许多装饰器；mobx@6移除了装饰器语法；
2023-05-14 18:57:46
401
1
原创 【react】react18的学习（七）--redux-toolkit
与react-redux：前者是简化store的创建；后置是简化store的使用，且针对redux、redux-toolkit的store均有封装；替代原生redux创建store，简化store的创建；
2023-05-08 21:17:15
199
原创 【react】react18的学习（五）--样式私有化
方式三：【公共样式可用，原生css写法】CSS Modules：1、以Nav.module.css为样式文件；闭包思想：使用函数执行返回函数组件，函数组件内部嵌套当前组件；可用于动态组件、类组件使用hooks；，这个对象是键值对，以css中类名为键，以生成的唯一值为值；vue中scoped，react中没有；方式一：【个别样式可用】行内样式。
2023-04-16 17:32:17
634
原创 【react】react18的学习（四）--复合组件通信
与类组件一样，区别就是使用hooks函数组件语法；且后代组件也有两种方式：标签、的结合，定义上下文对象，在祖先组件使用并传值，子孙组件使用；2、类组件使用：祖先组件提供方式1种；子孙组件使用方式2种。一般使用props、状态管理，比较常用，上下文比较难维护；包括父子、及更深层嵌套，就是借助一个共同组件上下文。借助上下文对象：类似vue事件总线。1、创建指定上下文对象。3、hooks组件使用。
2023-04-15 19:44:44
1013
原创 【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
2843
原创 【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
794
原创 【HTTP】进程、线程与http缓存
一、线程与进程1、常见进程、线程http请求：通过一个线程发送；JS：通过单线程执行；浏览器：多线程的进程2、两者关系进程中某个线程执行出错导致整个进程崩溃；进程之间互相隔离，可通过IPC机制通信；进程所占资源在其关闭后被操作系统回收，即使某个线程产生内存泄漏，进程退出时相关内存资源也会被回收；（关机重启）线程之间通信更方便，共享进程的数据。3、浏览器早期是单进程，一个线程出错浏览器崩溃；2008，谷歌浏览器：多进程，进程间IPC通信，浏览器不容易崩溃；主进程、GPU（
2022-03-24 21:59:15
3869
原创 【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
11242
原创 【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
2487
原创 【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
1222
原创 【Unicode】自带的特殊符号
Unicode官方网址一 、页面中使用Unicode中emoji表情方式一：通过html代码，直接在页面中使用表情；方式二：通过js代码使用表情；方式三：通过css代码使用；html标签:<span>😀<span>vue:<span>{{ String.fromCodePoint(0x1F600) }}</span><span>{{ text }}</span> // text: "\u{
2022-01-10 14:00:01
922
原创 【webpack】wabpack4.x知识回顾
1、安装全局安装： npm i webpack@4.41.6 webpack-cli@3.3.11 -g默认安装到npm的目录下node_modules中C:\Users\Administrator\AppData\Roaming\npm\node_modules局部安装： npm i webpack@4.41.6 webpack-cli@3.3.11 -D安装在当前文件夹的node_modules中是否可用：webpack-cli --versionwebpack --versio
2021-12-09 14:55:48
204
原创 【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
1147
es6面向对象学习笔记整理版.md
2020-06-16
vue-cil3+elementUi 后台电商管理系统讲解
2020-06-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人