- 博客(185)
- 收藏
- 关注
原创 【json代码diff效果展示】vue项目 手动实现高仿github的内容diff效果
思考: 对比两个json字符串,维护增删改的三个数组。mt指示:做成git的json做成diff效果即可😁。
2023-03-03 14:01:22 1593
原创 【代码编辑器记录一】vue项目中如何实现代码高亮效果+输入
1-1 代码高亮显示但不可以实现编辑输入vue-highlightjs1-1-1 vue31-1-2 vue21-2 编辑输入高亮代码,进行格式规范code-mirror1-2-1 展示1-2-2 基本配置1-2-3 使用
2023-03-03 11:53:57 2497
原创 【前端报错】前端发送请求到后端status错误问题记录一
1-1 前端发送请求到后端报400错误问题1-1-1 解决方法1-1-2 问题记录1-2 npm ERR! code ERESOLVE1-3 vue弹出框组件关闭并销毁
2023-02-23 11:27:26 663
原创 【图片上传记录三】element-ui组件详解与封装(自定义上传、限制文件大小、格式以及图片尺寸)
业务上有需求是前端上传 jpg/png/gif 格式, 并且 尺寸为 150px * 150px,300px300px,428428px 的图片因此在 element-upload 基础之上。
2023-02-21 20:04:48 986
原创 【图片上传记录一】mac上如何将png变为jpg
直接改后缀名,查看图片的二进制文件,格式没有发生变动。打开终端Command+空格---->终端。
2023-02-16 17:07:18 344
原创 mac新机配置相关环境
在所处的环境中, 那些供系统或应用程式取用, 而固定存在的一种特殊变数, 称之.也就是说: 不管你身处何方, 这些变数的值都跟着你的环境而存在.环境变数可由系统预定或由您自行定义及修改, 又称为整体变数.command+空格-----> 放大镜----> 终端。$SHELL 使用哪一种 shell。如: echo $PATH。$TERM 终端机的型态。$MAIL 邮件收件位置。$PATH 程式搜寻路径。echo $变数名称。
2023-02-07 16:07:09 453
原创 【每日CSS3代码】
1-1 两栏布局【1/27】1-2 三栏布局【1/28、29双飞翼,圣杯】1-3 实现三角形【2023/1/30】1-4 块级子元素水平垂直居中【2023/1/31】1-5实现自适应的正方形【2023/2/1】1-6 清除浮动【2023/2/2】1-7 实现滚动条导航栏【2023/2/3】1-8 hover下拉菜单【2023/2/4】1-9 onclick下拉菜单【2023/2/5】1-10 css实现轮播图片【2023/2/6】1-10 渐变实现轮播图片【2023/2/7】`1-11
2023-01-28 22:04:46 2791
原创 【每日数据结构与算法】
这里面有 10 个数据结构:数组、链表、栈、队列、散列表、二叉树、堆、跳表、图、Trie 树;10 个算法:递归、排序、二分查找、搜索、哈希算法、贪心算法、分治算法、回溯算 法、动态规划、字符串匹配算法。
2023-01-24 22:47:59 509
原创 git使用日常问题记录【按日期频繁记录,欢迎收藏】
2023.1.14 将gitee仓库转移到github遇到的问题1-1 `add`到暂存区,`commit`到仓库之后,不想push了???1-2 git push大文件失败解决1-3 上传多余文件,如何从远端仓库中删除2023.1.151-1 github fork别人的项目到自己仓库并进行贡献1-2 git 查看所有远程分支以及同步命令
2023-01-15 12:46:36 952 3
原创 防抖节流【问题三】
var timer只能在setTimeout的父级作用域中,这样才是同一个timer,并且为了方便。: 在事件被触发n秒后再执行回调,如果这n秒内又被触发,则重新计时。函数的调用和回调函数fn的传参问题,应该用闭包来解决这些问题。函数防抖和节流: 优化高频率执行js代码的一种手段。忘记当时啥子题目,知识点是二分查找。每隔一段时间,只执行一次函数。
2023-01-11 16:35:18 204
原创 Vue3兄弟,爷孙组件间传值【包含手撸发布/订阅类】
1、 父组件通过v-model传递值给子组件时,会自动传递一个value的prop属性,在子组件中通过this.$emit(‘input’,val)自动修改v-model绑定的值。注意: 因为在setup中无法访问到应用实例(this),如果你需要在setup中使用eventBus,则需要通过provide/inject方式引入。1、 父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件做到的。父组件A下面有子组件B,组件B下面有组件C,组件A传递数据给组件B。
2023-01-09 22:27:30 1263 10
原创 React Hook组件间传值 与 React类式组件传值【兄弟组件+父子组件】
父组件传值给子组件(props), 爷爷给孙子组间传值(context),子组间传值给父组件(父组件props传递回调函数)
2023-01-04 15:59:36 2222 2
原创 Vue与React中父子组件生命周期的执行顺序?【生命周期详细知识讲解!!!】
挂载阶段 :组件实例被创建和插入 DOM 树的过程更新阶段 :组件被重新渲染的过程卸载阶段 :组件从 DOM 树中被删除的过程【React二】生命周期钩子函数。
2023-01-04 10:33:36 592
原创 力扣:两数之和与n数之和的(Map)与(排序+双指针)解法 【三刷终于明白HashMap求和的去重问题】
> - 两数之和【返回数组下标】使用HashMap解决就很巴适,真简单!> - 排序+双指针给n数之和铺路【返回数组元素】> - 排序之后数组下标对应的元素发生改变!!!
2023-01-03 20:49:36 382
原创 Vue与React分别实现登录拦截【详细例子+讲解】
创建store文件夹,进行初始化在 main.js 中创建全局的导航守卫中,拿取到这个实例。通过判断来守卫导航next()或者在login组件中通过提交userInfo数据项目地址:放置在github,点击此处项目在线查看。
2023-01-01 23:21:55 1896
原创 offsetTop、clientTop、scrollTop等属性详解【概念+详细例子分析】
1、 offsetTop、offsetLeft2、 offsetWidth、offsetHeight3、 offsetX、offsetY1、 clientWidth、clientHeight2、 clientTop、clientLeft3、 clientX、clientY1、 scrollWidth、scrollHeight2、 scrollTop、scrollLeft
2022-12-24 11:42:36 6860 1
原创 vscode使用shift+alt+f格式化html文件时不生效
4、 按快捷键alt+shift+f格式化代码就可以了。2、 在setting.json进行配置。1、 打开setting.json文件。该插件已停止维护,输入下载其他插件。3、 记得重启vscode!
2022-12-24 09:07:21 3248
原创 数组reduce()方法
1、: reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue))currentValue (数组中当前被处理的元素)index (当前元素在数组中的索引)array (调用 reduce 的数组)initialValue (作为第一次调用 callback 的第一个参数。
2022-12-19 20:50:39 1107
原创 【js记录】递归进行深拷贝时对于Object遍历方法的思考【深浅拷贝+object县官属性介绍+类型判断方法+for...in+for...of】
1、 typeof3、 原型链判断某实例是否在对象的原型链上哥们,可以先好好了解一下原型链,上面网址里头有原型链的介绍。
2022-12-18 11:22:28 480
原创 【记录】props和data响应式、watch初始化..谁先执行【Vue父子组件生命执行周期】
1、 组件初始化的时候,created,props,data…执行先后顺序injectmethodsthisaccess)computedwatch。
2022-12-17 12:04:17 2103
原创 Ajax中XMLHTTPRequest的方法和属性介绍
该方法将以字符串的形式返回完整的HTTP头信息,包括Server、Date、Content-Type和Content-Length。注意:在指定所触发的事件处理器时,所谓用的JavaScript函数不能添加小括号和指定参数名。但可以使用匿名函数。例:指定状态改变时触发JavaScript函数getResult的代码。用于设置进行异步请求目标的URL、请求方法以及其他参数信息。value:用来为指定的HTTP头设置的值。以字符串的形式返回指定的HTTP响应头信息。用来指定状态改变时所触发的事件处理器。
2022-12-13 16:45:00 1287
原创 【SQL Server + MySQL三】数据库设计【ER模型+UML模型+范式】 + 数据库安全性
关系模式由五部分组成 :R : 关系名U: 组成该关系的属性名集合D: 属性组U中属性所来自的域DOM: 属性向域的映像集合F : 属性间数据的依赖关系集合完整性约束的表现形式:限定属性取值范围定义属性值间的相互关连,这就是数据依赖,数据库模式设计的关键数据依赖 :通过一个关系中属性间值得相等与否体现出来得数据间的相互关系现实世界属性间相互联系的抽象数据内在的性质数据依赖的主要类型 :函数依赖(functional Dependency),FD。
2022-11-29 11:47:22 1210
原创 【SQL Server + MySQL二 】SQL: DDL数据定义【定义、修改、删除基本表】,DML【憎删改查】,DCL数据控制语言
- 数据定义DDL : create,drop,alter - 数据操纵DML : select ,insert,update,delete - 数据控制DCL:grant,revoke
2022-11-29 11:14:13 556
原创 【React七】---React扩展---Hooks、setState、Lazyload、Context...
父子组件兄弟组件(非嵌套组件)祖孙组件(跨级组件)
2022-11-28 22:47:33 155
原创 【React四】 React-router-dom【关于React18及React16的路由使用对比】
React Router以三个不同的包发布到npm上,分别为:react-router: 路由的核心库,提供了:组件、钩子包含react-router所有内容,并添加一些专门用于DOM的组件等包含react-router所有内容,并添加一些专门用于ReactNative的API,等与React Router5.x版本比:内置组件的变化:移除,新增等语法的变化 :变为等新增多个hook:usePrams/useNavigate/useMatch。
2022-11-28 22:37:41 562 1
原创 怎么在VScode中写代码模板【以创建express模板为例】
注意:新文件中可能会有解释代码,是用来生成空的文档的,需要将他们全部注释,包括括号(统统注释)选择想要构建的模板语言,此处以JavaScript为例,打开图示界面。在VScode中点击“文件-首选项-用户片段”,打开图示界面。并且有prefix、body和description。每个代码段都是在一个代码片段名称下定义的。把代码片段写在json里。
2022-11-20 15:34:53 735
原创 如何根据项目的eslint去配置vscode的setting
添加如下的配置到你的setting.json (这个注释很全就不过得解释了)诶,和规则不一样,多敲几个空格,好了。报错,Ctrl+s之后自动修改。目前新的vscode 都需要安装这个 代码格式化插件。对以下文件不进行eslint校验。具体配置可以参考官网。
2022-11-19 09:57:36 2369
原创 Webpack基础使用 + 高级配置【重点!】
有哪些常见的 Loader?file-loader:把文件输出到—个文件夹中,在代码中通过相对 URL 去引用输出的文件url-loader:和 file-loader 类似,但是能在文件很小的情况下以 base64 的方式把文件内容注入到代码中去source-map-loader:加载额外的 Source Map 文件,以方便断点调 试image-loader:加载并且压缩图片文件babel-loader:把 ES6 转换成 ES5。
2022-11-15 21:17:43 672
原创 【React二】ref与事件处理与生命周期钩子函数
一、 React中的事件处理1-1 例子: 不要过度使用ref1-2 受控组件与非受控组件1-2-1 受控组件1-2-2 非受控组件1-3 高阶函数1-3-1 函数的柯里化1-3-2 不用柯里化的写法二、生命周期2-1 引出生命周期2-2 组件生命周期2-2-1 生命周期钩子【新旧】2-2-2 生命周期的三个阶段(旧)2-2-2-1 基本介绍2-2-2-2 例子 setState触发更新2-2-2-3 例子 componentWillReceiveProps :2-2-3 生
2022-11-15 11:10:40 484
原创 【React一】React基础+组件化编程【ref+props+state】
1-1 基础1-1-1 react简介1-1-1-1 react创建虚拟DOM1-1-1-2 虚拟DOM与真实DOM1-1-2 JSX1-1-2-1 语法规则【摘自word】1-1-2-2 渲染虚拟DOM(元素)1-1-2-3 JSX语法规则1-1-2-4 列表例子1-1- 3 模块与组件1-2 React面向组件化编程1-2-11-2-1-1 函数式和类式组件1-2-1-2 渲染类组件标签的基本流程1-2-2 组件实例的三大属性1-2-2-1 state1-2-2-1-1
2022-11-14 17:35:09 449
原创 【Vue3】--setup两个属性+computed+watch【练习代码已上传至Gitee】
二、 setup的两个注意点2-1-1 set的两个参数: props,context2-1-2 props与emits【子像父传递参数,父向子传递参数】2-1-2-1 父组件App.vue2-1-2-2 子组件Demo.vue三、计算属性computed + watch3-1 computed3-2 watch3-2-1 两个小坑3-2-2 监视的几种情况及结果展示3-2-3 watch时value的问题3-3 watchEffect四、生命周期4-1-14-1-2
2022-11-13 18:54:48 913
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人