偷吃零食的小猫咪-CSDN博客

原创 Antd - 上传图片 & 裁剪图片

首先取消默认上传时的接口，在beforeUpload方法return false，来阻止默认上传。即【Upload上传有个action的坑，就是你选择文件之后自动调用地址然后就会执行上传接口，如果不取消会一直有一个失败请求，但不影响主体流程】上传前文件格式校验在上传文件校验或onchange方法中获取上传的文件，进行自定义接口请求传递});if (!message.error('请上传png、jpeg、jpg、webp格式图片');isLt2M) {

2024-06-19 19:25:56 721

原创 npm设置淘宝镜像源

一般各个公司都有自己的镜像源，当你去一家公司上班时，会将默认的官方的镜像源改成公司内部的镜像。但是当你离职之后别忘记把镜像改回来呀~

2022-09-08 09:45:29 1010 1

原创微前端实际应用：iframe、qiankun

多应用同时激活在线框架具备同时激活多应用，并保持这些应用路由同步能力组件式的使用方式无需注册，无需路由适配，在组件内使用，跟随组件装卸，卸载应用级别的keep-alive子应用开启保活模式，应用发生切换时整个子应用的状态可以先保存下来不丢失，结合预执行模式可以获得类似ssr的打开模式纯净无污染：利用iframe和ShadowRoot搭建js隔离沙箱和css隔离沙箱利用iframe的history和主应用的history在同一个来搭建天然的路由同步机制性能和体积兼具开箱即用。............

2022-08-16 17:19:47 5485 2

原创微前端理解

微前端的基本理解

2022-07-29 14:39:47 407

原创 Ajax、Axios、Fetch

前端和后端交互的时候，前端的小伙伴都离不开 "请求" 。关于"请求"有几种方式来提供使用：Ajax、Axios、Fetch 2、Fetch Fetch是一个API，是真实存在的，是基于promise的（ES6之后出现的Fetch）Fetch特点：使用promise，不使用回调函数（不形成回调地狱）采用模块化设计，比如rep，res等对象分散数据流对象处理数据，提高性能在掘金学习时看到一张图可以很好概况它们之间的关系首先区分一下Axios和Ajax两种的使用：待完善.

2022-07-10 22:51:08 649

原创 CSS常见布局

实现思路：一般思路–直接写flex弹性布局实现双栏三栏布局方法汇总：2、方法2使用方法：左右两边使用float浮动，中间使用margin来设置注意：html中center在左右盒子的下面原理：3、方法3使用方法：两边使用absolute，中间使用margin原理：4、方法4使用方法：两边使用float和负margin原理：5、方法5 推荐使用-grid使用方法：grid网格布局grid-template-columns 属性设置列宽，grid-template

2022-06-19 20:51:13 756 5

原创 JS中执行上下文的理解

执行上下文是什么执行上下文是对JS代码执行环境的抽象概念，即只要有JS代码在运行，则一定是在执行上下文中进行运行。执行上下文的分类全局执行上下文：即浏览器中的全局对象是window对象，this指向的是这个全局。即有一个函数执行上下文：当函数被调用的时候被创建，每次调用函数会创建一个新的执行上下文。即有无数个 Eval函数执行上下文：是eval函数中的代码，很少使用注解：调用函数创建的新的上下文会有一个私有作用域，函数内部声明的任何变量都不能在这个函数作用外进行访问，只能在函数内...

2022-04-17 19:22:23 1639

原创 vue2的双向绑定简单理解

vue2中是通过Object.definedProperty()来实现数组的劫持，当vue初始化数据上的对象之后，在控制台打印可以看到有get和set方法，get是在读取属性值触发的函数，set是设置属性值触发的函数。var Book = {}var name = '';Object.defineProperty(Book, 'name', { set: function (value) { name = value; console.log('你取了一个书名叫做' + va

2022-04-03 14:20:32 1763 1

原创 sort()排序方法纠正解析

目录1、arr.sort()基本理解2、错误思想3、返回顺序不正确的原因4、正确实现升序和降序的实现对象数组排序对非ASCII字符排序1、arr.sort()基本理解arr.sort([compareFunction])此方法对数组元素进行排序2、错误思想在我们一般学习印象中sort函数可以直接对数组进行从小到大的默认排序。但是在一次动手输出的过程中，我发现此函数并没有按照预期将数组进行小到大的排序//未正确排序的例子 -- 将其进行排序，但是未按小到大进

2022-03-20 15:21:02 1217

原创 js对数组的操作方法汇总

面试过程中遇到js操作数组的具体实现和返回值的提问，自己对于这部分知识不熟练，故而专门整理出来进行运行学习操作数组方法含义返回值数据实现截图是否改变原数组 arr.push() 数组尾部添加返回添加元素改变原数组 arr.unshift() 数..

2022-03-20 15:12:46 1703

原创实现响应式效果

响应式布局1、理解1-1 对于响应式1-2 响应式与自适应的区别1-3 响应网站的特点2、响应式部分配置3、响应式具体实现方式3-1. 媒体查询3-2.百分比3-3. rem3-4. vw/vh1、理解1-1 对于响应式响应式布局是同一页面在不同的屏幕尺寸下有不同的布局，根据设备的环境进行相应的响应和调整当屏幕的宽度改变时后面的样式会覆盖前面的样式。移动端一般使用min-width，PC端一般使用max-width1-2 响应式与自适应的区别响应式：开发一套界面，通过检测视口分辨率，针对不

2022-03-19 16:05:51 612

原创 “招聘项目“总结（二）

一、各自负责的模块中你所做出的亮点是什么？二、此次项目最大的收获？分享；是否已经将收获进行输出？三、此次项目最大难点，如何解决掉的？四、此次项目理论的提升有哪些？实践的提升有哪些？解决问题能力提升？...

2022-03-09 17:55:02 224

原创 Vue获取DOM节点方式

文章目录Vue获取DOM节点1、原生js获取节点的方式2、在vue项目中引入jquery3、ref属性4、直接使用DOM API寻找元素Vue获取DOM节点1、原生js获取节点的方式document.getElementById() – 使用id获取方式较少document.getElementByClassName() – 类名document.getElementByTagName() – 标签名document.getElementByName() – name属性，使用少

2022-03-08 19:50:37 6935

原创 JS获取DOM节点的六种方式

JS获取DOM节点1、getElementById() --- id选中元素2、getElementByClassName() --- 类名选中元素3、getElementByTagName() --- 标签名选中元素4、querySelector和queryselectorAll4-1 querySelector() --- 精准的获取某个元素4-2 queryselectorAll() --- 获取符合类名或者标签名等条件的的所有元素5、getElementByName --- 通过name属性获取元素

2022-03-05 10:37:51 4208 1

原创事件流的简短介绍

文章目录前端事件流1、含义2、addEventListener3、让事件先冒泡再捕获如何实现先冒泡再捕获前端事件流1、含义html和js之间进行交互，了解事件的调用时间先了解事件流事件流：事件描述的是从页面中接收事件的顺序，DOM2级事件流包括几个阶段。“事件捕获阶段”“处于目标阶段”“事件冒泡阶段”事件捕获：一个事件触发后，从Window对象触发，不断经过下级节点，直至目标节点。在事件到达目标节点之前的过程为捕获阶段，经过的节点有对应触发的事件 — 【事件捕获时(true), 先执行body

2022-02-28 08:42:35 141

原创 tki-qrcode插件二维码的生成

二维码的生成步骤1、全局安装tki-qrcode插件2、查看下载插件后的版本信息3、在页面中引入tki-qrcode4、生成二维码整体代码5、效果展示1、全局安装tki-qrcode插件 npm i tki-qrcode2、查看下载插件后的版本信息3、在页面中引入tki-qrcodeimport tkiQrcode from "tki-qrcode"export default { components: { tkiQrcode }}4、生成二维码整体代码<templa

2022-02-27 20:49:21 5809 5

原创 Mixin混入对象的理解与使用

Mixin混入对象1、含义：2、使用方法：2-1 js文件中混入对象的定义2-2 页面中使用Mixins3、Mixins的特点4、Mixins使用重复强调注意点Mixin混入对象1、含义：接收一个混入对象的数组，可复用功能非常灵活的方式此混入对象可以像正常的实例对象一样包含实例的选项，使用Vue.extend()一样的选项合并逻辑到最终的选项中2、使用方法：2-1 js文件中混入对象的定义在建好的vue项目的src文件夹中建立mixins来存放混入对象的js文件在建立好的js文.

2022-02-27 17:10:03 430

原创 Element-ui中el-upload上传图片并有预览功能

适用端uniapp和vue的PC端使用功能介绍：上传图片之前显示一个边框的样式上传图片进行预览点击确认上传（接口对接）效果展示：上传之前上传预览（点击确定之前，未对接接口时）具体实现：HTML<el-upload action="/source/upload" accept=".jpg,.jpeg,.png,.gif,.JPG,.JPEG" :show-file-list="false" :on-change="handleLicensePreview" :bef

2022-02-11 15:51:56 12729

原创 JS数据类型基本知识

文章目录1、数据类型包括：2、数值与字符串相加情况3、数值表示4、字符串值4-1基本理解4-2 字符串方法（查找、替换、连接、删除、提取、大小写转换、字符串转换为数组）4-3 字符串搜索(字符串包含、指定字符串开头、结尾)4-4 字符串模板5、布尔值6、数组（创建、访问、数组属性、关联数组、识别数组）6-1 数组基本6-2 数组方法7、对象8、运算符1、数据类型包括：字符串值、数值、布尔值、数组、对象var length = 7;

2021-10-31 16:07:38 164

原创 JS基本变量之间的区别与联系

文章目录1、JS基本变量1-1 全局变量和局部变量1-2 块作用域1-3 var和let的区别1-4 Const1、JS基本变量1-1 全局变量和局部变量在仅有var时，分为全局变量和局部变量全局变量–var在函数外声明的变量–在任何位置都能进行访问局部变量–var在函数内声明的变量–在被声明的函数内进行访问1-2 块作用域使用let关键字声明拥有块作用域的变量在块{ }中声明的变量在快外无法访问var x = 10;//此时x = 10{ let

2021-10-23 21:50:07 180

原创 CSS居中方式（一）

文章目录CSS居中方式一、水平居中a. 内联元素水平居中b. 块级元素水平居中c. 多块级元素水平居中使用inline-block使用display：flex二、垂直居中a. 单行内联（inline-）元素垂直居中b. 多行元素垂直居中利用表布局利用flex布局利用“精灵元素”**【未使用过】**c. 块级元素垂直居中固定高度的块级元素未知高度的块级元素三、水平垂直居中a. 固定宽高元素水平居中b. 未知宽高元素水平垂直居中c. 利用flex布局利用grid布局【未使用过】d. 屏幕上水平垂直居中CSS居

2021-09-27 20:59:34 409

原创伪类---伪元素知识汇总

文章目录一、伪类1、anchor伪类1.1 anchor伪类1.2 anchor伪类的种类1.3 使用时的注意事项2、搭配使用2.1 结合CSS类配合使用2.2 搭配元素使用2.2.1任何元素的第一个子元素 p 元素2.2.2 所有p元素的第一个 i 元素2.2.3 第一个子元素p元素中所有的i元素3、所有的伪类（W3school上的汇总）二、伪元素1、伪元素举例1.1 ::first-line伪元素----为文本首行添加样式1.1.1 书写方式1.1.2 ::first-line使用的属性1.2 ::fi

2021-09-26 21:39:55 876

原创 Flex布局使用

文章目录Flex布局1、理解1.1 为何使用1.2 指定为Flex布局：1.3 使用flex后失效元素2、目前常用四种场景：3、属性解释3.1 flex-direction属性----决定主轴排序方向3.2 flex-wrap属性----换行3.3 flex-flow属性----flex-direction和flex-wrap的结合体3.4 justify-content属性----主轴上的对齐方式3.5 align-items属性----交叉轴上如何对齐4、项目中常使用属性4.1 order属性----定

2021-09-24 22:32:33 978

原创万民优学小程序项目总结(一)

目录前言一、成长二、不足三、反思四、改进前言2021年8月份接到自己的第一次项目，在这次项目中学到了很多东西，同时也发现了自身的不足，接下来就这次项目来进行总结。一、成长参与了整个项目，对于项目的整体流程有了一定的了解较为准确的进行排期 — 从刚开始的排期不合理进行多次调整后较为准确的进行排期对于时间戳二、不足三、反思四、改进...

2021-09-18 15:48:35 418

原创 typora笔记去除英文下面的红色波浪线

点击：文件 --> 偏好设置 --> 编译器 --> 拼写检查 --> 不适用拼写检查

2021-09-15 21:37:10 3023 3

原创微信小程序弹框种类汇总

1. 含有确定、取消按钮wx.showModal({ title: '弹窗题目', content: '显示内容区域', success: function (res) { if (res.confirm) { console.log('点击确定')//点击确定事件 } else { console.log('点击取消')//点击取消事件 } }})2.直接显示成功图标wx.showToast({ title: '操作成功', icon: 'success'

2021-09-10 22:39:31 1050

原创 swiper滑动切换使用（手动、点击滑动均可）

当前页面的swiper滑动切换（手动、点击滑动均可）<template> <view class="content"> <view class="nav"> <view :class="current== 0 ? 'skyblue' : '' " @tap="onnav(0)">当前课程</view> <view :class="current== 1 ? 'skyblue' : '' " @tap="onnav(1)"

2021-09-10 15:52:25 4475

原创 swiper的理解

目录一、swiper是什么？1.swiper的含义二、使用步骤1.引入库2.读入数据一、swiper是什么？1.swiper的含义滑块视图容器，一般用于左右滑动与上下滑动。用处最多：轮播图滑动与滚动的区别：滑动是屏幕之间的切换、滚动二、使用步骤1.引入库2.读入数据...

2021-09-10 15:41:59 2017

原创时间戳转换为年月日时分秒

目录一、时间戳是什么1.时间戳是什么1-1、百度百科1-2.自己理解2、时间戳的目的二、时间戳的使用1.时间戳的基本理解2.时间戳的使用2-1.两个时间戳之间的计算2-2.日期格式转换为时间戳2-3.将时间戳转换为日期格式三、实例将毫秒转换为日期类型一、时间戳是什么1.时间戳是什么1-1、百度百科指格林威治时间自1970年1月1日（00:00:00 GMT）至当前时间的总秒数时间戳（time-stamp）是一个加密后形成的凭证文档，三部分组成1、需加时间戳的文件的摘要（digest）2、D

2021-09-06 15:20:25 13878

原创微信开发者工具 - 【关闭提示】根据 sitemap 的规则[0]，当前页面 [pages/index/index] 将被索引

1、问题当我们运行微信开发者工具时，控制台会爆出黄色的提示。这不是错误，但是它也不会消失会持续的提示，但我们可以关掉它2、关闭方式在小程序目录里找到 project.config.json，找到 setting 配置对象，将 checkSiteMap 设置为 false ，最后保存重启开发者工具就可以了。"setting": { "checkSiteMap": true,}...

2021-09-06 14:44:25 1858 1

原创 git实际使用步骤----在coding上拉取、提交代码

在coding上拉取、提交代码的两种方式一、方式一：stash用法二、方式二：拉代码解决冲突一、方式一：stash用法$ git stash save "备注" //将本地修改存储起来$ git pull origin develop //拉取代码$ git stash apply //恢复暂存时的状态$ git add . //添加当前目录下的文件到暂存区$ git commit -m "feat:备注" //将暂存区内容添加到仓库中$ git push orig

2021-09-02 20:43:09 932

原创 git的基本使用---在coding上进行拉取、提交代码

文章目录前言一、在coding上进行SSH公钥配置的步骤二、在coding中git的基本操作I.第一次拉取代码时1.克隆仓库代码II.进行修改后向仓库提交代码2.查看自己修改完毕的代码3.创建新的分支并切换到分支上(每次提交都需要创建新的分支并切换到该分支上进行提交代码)4.查看当前分支5.添加当前目录下的文件到暂存区6.将暂存区内容添加到仓库中7.拉取仓库代码到本地，解决拉取代码时发生的文件冲突8.最后将代码推到远程仓库的分支上（每次提交新创建的分支）III.再次拉取代码（第一次克隆仓库代码后更新代码）p

2021-08-14 16:05:32 6571

空空如也

空空如也