自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(553)
  • 资源 (8)
  • 收藏
  • 关注

原创 【前端】原生实现图片的放大与缩放

,否则会不断地触发监听事件,表示为:当手指捏合操作图片的放大和缩小时,图片的变化显得很卡,且控制台输出一堆信息(中:我们点击图片会显示一个蒙版,图片显示在蒙版上,允许放大和缩小。因此,点击图片时才渲染这个蒙版,点击图片,出现一个蒙版和图片,双指捏合可以使图片放大或缩小。使用前端框架是svelte,但是不影响,功能都是JS实现。中定义此事件的监听,此时可能不存在。,要先把之前定义的监听移除(至于蒙版和图片:点击图片时。等,简单逻辑不赘述。

2024-07-16 16:33:50 449

原创 【Swiper】轮播图 笔记

网络请求得到数据,原本使用循环渲染每一个slide,即3个。但是,这样会使得loop失效:使用loop的话(loop:true)要请求完图片才知道有多少个slide,会导致:一进页面不能立即显示轮播图。需求是:一共三张图,来回切,保持循环(1,2,3->2,3,1->3,1,2->1,2,3).虽然会显示循环,但是效果不好,在循环的图active(选中居中)之前,它是没有图片渲染出来的。,循3 才会显示出图片,但是此时循2没有显示出图片。的 循3 是空的,要把 循3 滑到中间,即。是选中居中的前一个的类,

2024-07-09 11:01:29 870 1

原创 【前端】上传和下载zip文件,有进度条(el-progess)

传入一个srtProgress即可。不过效果是一下就闪到100了(可能是接口响应很快?场景:要上传一个zip,调用接口,然后下载一个zip。调用接口的接口响应要显示在进度条中。点击button实现上传,调用input原生组件的方法。的响应头,File对象不能被序列化为JSON。上传用的是input原生控件,在页面中隐藏。创建一个url和a标签,点击a标签则下载。在event中拿到上传的文件file。,要使用formData和。,以支持二进制的传输。请求某个接口下载文件。限制只能上传zip。

2024-07-02 16:45:38 355

原创 【ElementPlus源码】Scrollbar 滚动条

Scrollbar 滚动条组件从里到外分为三个组件:thumb(滚动条的可拖动部分)、bar(thumb的相关信息)和Scrollbar(滚动条组件)。此方法做的事情是:将滚动条thumb移动到点击位置,并相应地调整滚动区域的滚动位置。,可以在elementPlus滚动条的文档中试验一下,拖动滚动条结束后,滚动条的显示会消失。鼠标移动时,函数会根据鼠标位置更新滚动条thumb的位置,并调整滚动区域的滚动位置。通俗的语言就是:点击滚动条然后拖动,滚动条和滚动区域都会更新位置,就做了这样的事情。

2024-07-01 16:42:06 730

原创 【ElementPlus源码】Layout 布局

col中注入一个rowContextKey,如果没有就默认为ref(0),解构出gutter。row和col感觉都挺简单的,样式文件的话,是以import形式写的。rowContextKey在row中provide。gutter是一个row的属性,表示栅格间隔。左右margin是gutter间隔/2。看源码时候做的笔记。col有属性如下:(与文档一致)

2024-06-28 15:40:54 301

原创 【ElementPlus源码】Container 布局容器

返回了一个对象ElContainer ,有一个install方法,若调用install方法,则将Container、Aside、Footer、Header、Main五个组件注册到app上,并可以通过ElContainer.Container的方法访问Container。在许多编程语言和环境中,它通常被用作一个占位符函数,当你需要一个函数但又不希望它做任何事情时,可以使用NOOP。若没有props.direction,判断插槽中是否有header和footer,有则返回true,代表垂直。

2024-06-28 14:22:47 848

原创 【ElementPlus源码】Button 按钮

vm.proxy 是当前 Vue 实例的代理对象,$props 是代理对象的属性集合,[name] 是指定的属性。获取当前Vue实例,返回一个计算属性,其值是:实例的某个属性。调用useButton创建button实例,解构出一堆属性。,即是字符串类型的,values值是枚举值,非必填的属性。如:在button中,当传入的type为text时,定义了button有哪些属性,和属性的类型。作用:传入一个name,返回实例的name属性。是一个构建属性的方法,没看懂。看源码时候做的笔记。其他props的属性。

2024-06-28 09:48:39 571

原创 el-pagination分页组件导致发送两次请求

当分页组件选择到别的页数(非第一页),再进行查询,查询的内容会显示在第一页,此时会发送两次网络请求。,这里是自动切到1,因为bookTotal<pageSizes。页数的参数变化后,会。网络请求后,返回的数据会改变bookTotal,即分页组件的total参数,网络请求代码:将返回的数据中的数据个数赋值给bookTotal。搜索代码:将分页组件页数选择为1,发送网络请求。可以控制当前分页的页数,写上它就不会触发。,于是又调用了一次接口getList。

2024-06-18 14:47:22 340

原创 el-radio单选框的选中与取消

结果为:第一次点击时选中,之后多次点击都是选中,且控制台输出为false。需求是有一个单选框,点击选中,再次点击取消。

2024-06-18 14:33:23 478

原创 本地localhost与目标地址跨域问题的解决方法

启动本地前端项目,通过abc访问即可。

2024-06-17 17:19:34 279

原创 【随记】分享第2期(2024.06.11)

记录这段时间,看到的有趣/有用/值得分享的东西。

2024-06-11 16:37:43 378

原创 NodeJs实现脚本:将xlxs文件输出到json文件中

最近有一个功能,将json文件里的内容抽取到一个xlxs中,然后维护xlxs文件。不要做那种:“没有outputKey应该不传,但我就传个空串”,可能会报奇怪的错误!中途使用md5加密后的en翻译为key,将对应xlsx文件中的翻译(那一行)保存到set中,是因为xlsx中。维护一个xlsx文档,里面包含国际化的所有翻译,如下:第一行 为 语言。:传入一个数组,包含要求的语言,没有就不填,会默认xlsx里的所有文件。),将对应翻译生成到对应文件夹。其中key值为i18n的标记,value值为对应的翻译。

2024-06-07 16:56:09 716

原创 【debug】element-ui时间控件回显后不可编辑且显示为空

问题:使用element-ui的时间控件回显数据,编辑数据没有反应:点时间和“确认”按钮都没反应。我认为不是这个原因,因为其他的控件都回显成功且可以编辑。输入框中会显示数据,但提交时的校验显示为空。查了很多资料,基本上都说要手动赋值,如。中显式地声明值,这里是。中显示的声明这个值。

2024-03-06 19:05:55 761

原创 【前端】登陆页面:记住密码、设置cookie、加密

这里有加密和解密的操作。在线生成RSA的公钥和私钥,使用。将保存在cookie中的密码自动填入表单:库。

2024-03-03 21:07:55 821

原创 【随记】分享第1期(2024.03.02)

而课堂上现在的教法,把历史上长长的思考过程压缩,裁减掉所有的错误和累赘,压缩成一条条公式与冷冰冰的推导。背了那些,除了考出完美的答卷,就没太多意义了。

2024-03-02 17:40:55 951

原创 【国际化】用JQuery-i18next的国际化demo,引入json

【代码】【国际化】用JQuery-i18next的国际化demo,引入json。

2024-02-21 15:30:40 759

原创 【国际化】文段中的HTML标签(JQuery-i18next)

【代码】【国际化】文段中的HTML标签(JQuery-i18next)

2024-02-19 16:40:00 404

原创 【Vue.js设计与实现】第二篇第4章:响应系统-响应系统的作用与实现-阅读笔记(完结)

从高层设计的角度去探讨框架需要关注的问题。第二篇 响应系统。

2024-01-31 17:41:29 1408

原创 【Vue.js设计与实现】第一篇:框架设计概览-阅读笔记(完结)

从高层设计的角度去探讨框架需要关注的问题。

2024-01-29 11:42:40 1173 1

原创 tab切换抖动问题

整个页面有margin,把它改为padding。

2023-12-27 16:21:36 432

原创 【Vue】修改组件样式并动态添加样式

但是由于其他vue文件(组件)中也有可能会出现相同的class名相同的css样式,于是vue就采用了添加随机后缀的方式防止class名重复的样式出现样式覆盖的情况。假设想修改两个圆之间的线的长度,由于组件没有暴露相关的类名,我们需要自己修改它。组件中的一些类可能添加样式无法生效。动态添加完类后发现样式不生效。可以确认类是已经添加了的。使用组件库中的组件,修改它的样式并动态添加/删除样式。可以生效:注意,deep与后面的括号不能有空格。由于这里使用的是组合式API,没有。最后一个节点下面的tail不显示。

2023-12-07 14:21:21 795

原创 TS类型报错解决:元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型 “{}“。 在类型 “{}“ 上找不到具有类型为 “string“ 的参数的索引签名。

遍历对象,在没有专门定义的情况下,object中并没有string,即。元素隐式具有 “any” 类型,因为类型为 “string” 的表达式不能用于索引类型 “{}”。在类型 “{}” 上找不到具有类型为 “string” 的参数的索引签名。。这样就定义了key是string。如:一个去除对象中空值的方法。

2023-12-04 17:05:31 3006

原创 《你不知道的JavaScript》-LHS与RHS

你不知道的JavaScript》-第一章 笔记。

2023-11-27 16:39:31 125

原创 表单邮箱密码登录 原生+Jquery实现

正确密码为:123456。

2023-11-24 15:55:58 151

原创 【css】Google第三方登录按钮样式修改

提供两种第三方登录的API:HTML版和JS版。它们都使用的是封装好的按钮。也就是说,目前不能自己放置一个图片,点击它跳转第三方登录,而是。如果不想总是访问谷歌的库,可以进入此链接,把对应的代码复制到本地,本地引入库或上传到CDN引入。那么我们需要修改它的宽高、border-radius、logo和文字的位置或布局等。自动生成谷歌第三方登录的代码(这里的data-client_id随便在。需要用到谷歌的第三方登录,登录按钮有自己的样式。ps:访问谷歌文档需要科学上网。是自己加的类,用来改css。

2023-11-22 14:20:56 918

原创 【Vue-Demo】倒计时3秒后返回首页

【代码】【Vue-Demo】倒计时3秒后返回首页。

2023-11-16 11:02:51 187

原创 【Debug】此语法需要一个导入的帮助程序,但找不到模块“tslib”

代码可以编译运行,但是会有红线和报错。

2023-11-13 14:49:02 777

原创 【React入门实战】实现Todo代办

Todo的状态表示:text表示代办内容,done表示是否完成,id表示它在列表中的位置。// 操作只有添加todo和修改todo两种// 点击修改状态return [...list,},if (index!default: {useReducer部分:写在比较父级的组件中。把对应方法用prop的方式传给需要用的子组件。此博客写在了Main组件中。

2023-11-09 15:54:08 372

翻译 TypeScript的文字类型:Boolean、Number、Enum

如,有一个消息,若是成功消息,则有value值为它本身。若是失败消息,则有error为失败信息。以要验证输入的内容是否是合格的邮箱为例,方法如下:(输入为邮箱的话,value的T为string)这里的正则表达式验证合格的邮箱:xxx@xxx.com。此时返回:是没有error属性的。可以作为类型和值进行初始化。

2023-11-08 11:27:09 115

翻译 TypeScript中的标记联合类型:实现Todo代办

先定义一个Todo接口,表示它的内容和完成状态,注意是。属性表示此接口类型。

2023-11-08 10:22:55 73

翻译 TypeScript中的只读属性

readonly修饰符是TypeScript的类型系统的一部分。编译器只使用它来检查非法的属性赋值。一旦TypeScript代码被编译成JavaScript,readonly的所有概念都消失了。举个例子,定义一个Point类型,它的属性x和y都是。,不能写入,只能在构造函数处初始化。

2023-11-07 15:45:02 324

翻译 TypeScript报错:Object is possibly “null“ 解决方法——断言函数

如果很急,可以直接看 文章目录:省流结论。断言函数是一种对类型系统的支持。举个例子,我们想拿到一个id为root的节点,并给它添加点击事件:此时TS会报错。因为root是,而是没有办法添加点击事件的。因此,我们在添加点击事件前需要保证root是非空 、非未定义 的。我们有3种方法。非空断言运算符:,告诉TS假定root是非空非未定义。root原本的类型是,使用了后忽视了,TS会只把他当作。然而, 使用非空断言!并不是这种情况的正确解决方法 。原因是:运算符编译成JS后会自动消失,TS代码不会去判断roo

2023-11-07 14:59:56 1094

原创 【Angular】非父子组件通信(使用rxjs+service)

组件间共享一个service服务,那么组件之间就可以通过service实现通信。也可以使用Subject的变体,如BehaviorSubject等。本博客使用rxjs中的subject来实现。如果没有这个需要不建议使用。

2023-10-30 17:24:43 165

原创 Angular改变组件中样式(两种方法)

项目中遇到修改组件样式的情况,搜了半天资料基本只有vue和react的方法,什么/deep/,v-deep统统不起效,崩溃!所以这里总结一下Angular的方法。angular中想引入组件并修改组件内样式,有两种方法。

2023-10-26 15:30:58 797

原创 css flex实现同行div根据内容高度自适应且保持一致

可以把这段css放到一个新的类里,命名为alignHeight,在任何想要实现此效果的div中加入此类。有情况如下:三个div的高度是随着内容自适应的,但希望每列的高度都相同,即,实现方法:令父元素flex,且。

2023-10-23 11:27:45 4409 1

原创 【angular】实现简单的angular国际化(i18n)

实现简单的angular国际化。本博客实现中文版和法语版。我们这里想有两种语言,法文和中文。报错了,不知道怎么搞,等会了再来补充。跟前面的xml文件一致。ps:后面的生产构建。

2023-10-11 17:41:47 1901

原创 【angular报错】组件设置standalone后:Can‘t bind to ‘ngModel‘ since it isn‘t a known property of ‘input‘.

由于组件已经被设置为standalone,而它本身并没有。以此类推,解决方法为:在组件中引入对应指令的模块。在练习路由的组件懒加载的时候,将组件设置为。搜了很多解决方法,都是直接import导入。,然后组件对应的html中使用的。由报错内容可知,需要引入。在出现这个问题的同时,

2023-10-11 14:31:35 487

原创 【angular】TodoList小项目(已开源)

功能:todo打勾(点击事件),它就加到doingList中。doing到done、done到todo以此类推。在每个会修改todoList、doingList、doneList的代码下面加上对应的。刷新一下,发现页面中的数据都没了。如果想要保存页面数据,我们需要做以下操作。到这里我们已经知道组件怎么创建和引用了。创建了组件后,要把它在根组件配置(定义数据,写addTodo方法。接下来开始写TodoList!把组件引入到总页面中(,把数据存放在本地中。

2023-10-10 17:05:11 1388

原创 【TypeScript】阮一峰TypeScript教程笔记:基本用法、any 类型等、类型系统

TypeScript 可以看成是 JavaScript 的超集(superset),即它继承了后者的全部语法,所有 JavaScript 脚本都可以当作 TypeScript 脚本(但是可能会报错),此外它再增加了一些自己的语法。TypeScript 对 JavaScript 添加的最主要部分,就是一个独立的类型系统。类型系统类型是人为添加的一种编程约束和用法提示。目的:提早发现错误。,在TypeScript中会报错,但在JS中不会。动态类型与静态类型JS是动态类型语言,TS是静态类型语言。

2023-10-09 15:21:26 2686

原创 【360秋招笔试】编程题第二题:修改Web(C++的AC解法)

但是看到编程题没有给异步输入数据的模板的时候傻眼了。被迫捡起用C++打题的记忆了,不然就寄了。使得等式两边成立,则输出Yes,否则输出No。很典型且要素很多的模拟题,字符串的计算+逆波兰表达式+枚举。想要进行计算,需要将等式(字符串)拆分为数字和字符。总体的过程:将字符串转换为数字和符号、计算。输入的数据范围并不大,所以枚举可以实现。这样,只需要改变参数就可以分别计算等号左边和等号右边。注意,数字的数量会比符号多1,因此可以先把第一个数字压入栈。代码写的乱乱的,也不精简,等有空的时候重新写一下。

2023-09-23 20:18:28 240

计算机网络复习(思维导图)

计算机网络复习(思维导图)

2022-06-04

jdk api 1.8_google.zip

自己的一个存档

2021-11-13

Java后端开发学习路线.xmind

资源来自:https://www.bilibili.com/video/BV1GQ4y1N7HD 的评论区

2021-11-10

【知识图谱研究综述】知识图谱构建技术.xmind

是https://blog.csdn.net/karshey/article/details/115916290里的xmind文件

2021-04-20

【知识图谱研究综述】知识表示.xmind

是https://blog.csdn.net/karshey/article/details/115916290里的知识表示xmind文件

2021-04-20

【思维导图】3、知识图谱应用.xmind

【思维导图】3、知识图谱应用.xmind

2021-04-20

【思维导图】2、经典知识图谱.xmind

【思维导图】2、经典知识图谱.xmind

2021-04-19

【思维导图】1、知识图谱概念.xmind

【思维导图】1、知识图谱概念.xmind

2021-04-19

空空如也

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

TA关注的人

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