- 博客(553)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 【前端】原生实现图片的放大与缩放
，否则会不断地触发监听事件，表示为：当手指捏合操作图片的放大和缩小时，图片的变化显得很卡，且控制台输出一堆信息（中：我们点击图片会显示一个蒙版，图片显示在蒙版上，允许放大和缩小。因此，点击图片时才渲染这个蒙版，点击图片，出现一个蒙版和图片，双指捏合可以使图片放大或缩小。使用前端框架是svelte，但是不影响，功能都是JS实现。中定义此事件的监听，此时可能不存在。，要先把之前定义的监听移除（至于蒙版和图片：点击图片时。等，简单逻辑不赘述。
2024-07-16 16:33:50
514
原创 【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
873
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
364
原创 【ElementPlus源码】Scrollbar 滚动条
Scrollbar 滚动条组件从里到外分为三个组件：thumb（滚动条的可拖动部分）、bar（thumb的相关信息）和Scrollbar（滚动条组件）。此方法做的事情是：将滚动条thumb移动到点击位置，并相应地调整滚动区域的滚动位置。，可以在elementPlus滚动条的文档中试验一下，拖动滚动条结束后，滚动条的显示会消失。鼠标移动时，函数会根据鼠标位置更新滚动条thumb的位置，并调整滚动区域的滚动位置。通俗的语言就是：点击滚动条然后拖动，滚动条和滚动区域都会更新位置，就做了这样的事情。
2024-07-01 16:42:06
740
原创 【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
306
原创 【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
864
原创 【ElementPlus源码】Button 按钮
vm.proxy 是当前 Vue 实例的代理对象，$props 是代理对象的属性集合，[name] 是指定的属性。获取当前Vue实例，返回一个计算属性，其值是：实例的某个属性。调用useButton创建button实例，解构出一堆属性。，即是字符串类型的，values值是枚举值，非必填的属性。如：在button中，当传入的type为text时，定义了button有哪些属性，和属性的类型。作用：传入一个name，返回实例的name属性。是一个构建属性的方法，没看懂。看源码时候做的笔记。其他props的属性。
2024-06-28 09:48:39
590
原创 el-pagination分页组件导致发送两次请求
当分页组件选择到别的页数（非第一页），再进行查询，查询的内容会显示在第一页，此时会发送两次网络请求。，这里是自动切到1，因为bookTotal<pageSizes。页数的参数变化后，会。网络请求后，返回的数据会改变bookTotal，即分页组件的total参数，网络请求代码：将返回的数据中的数据个数赋值给bookTotal。搜索代码：将分页组件页数选择为1，发送网络请求。可以控制当前分页的页数，写上它就不会触发。，于是又调用了一次接口getList。
2024-06-18 14:47:22
346
原创 el-radio单选框的选中与取消
结果为：第一次点击时选中，之后多次点击都是选中，且控制台输出为false。需求是有一个单选框，点击选中，再次点击取消。
2024-06-18 14:33:23
584
原创 NodeJs实现脚本：将xlxs文件输出到json文件中（已封装成npm）
最近有一个功能，将json文件里的内容抽取到一个xlxs中，然后维护xlxs文件。不要做那种：“没有outputKey应该不传，但我就传个空串”，可能会报奇怪的错误！中途使用md5加密后的en翻译为key，将对应xlsx文件中的翻译（那一行）保存到set中，是因为xlsx中。维护一个xlsx文档，里面包含国际化的所有翻译，如下：第一行 为 语言。:传入一个数组，包含要求的语言，没有就不填，会默认xlsx里的所有文件。），将对应翻译生成到对应文件夹。其中key值为i18n的标记，value值为对应的翻译。
2024-06-07 16:56:09
721
原创 【debug】element-ui时间控件回显后不可编辑且显示为空
问题：使用element-ui的时间控件回显数据，编辑数据没有反应：点时间和“确认”按钮都没反应。我认为不是这个原因，因为其他的控件都回显成功且可以编辑。输入框中会显示数据，但提交时的校验显示为空。查了很多资料，基本上都说要手动赋值，如。中显式地声明值，这里是。中显示的声明这个值。
2024-03-06 19:05:55
764
原创 【前端】登陆页面：记住密码、设置cookie、加密
这里有加密和解密的操作。在线生成RSA的公钥和私钥，使用。将保存在cookie中的密码自动填入表单：库。
2024-03-03 21:07:55
841
原创 【随记】分享第1期（2024.03.02）
而课堂上现在的教法，把历史上长长的思考过程压缩，裁减掉所有的错误和累赘，压缩成一条条公式与冷冰冰的推导。背了那些，除了考出完美的答卷，就没太多意义了。
2024-03-02 17:40:55
953
原创 【国际化】用JQuery-i18next的国际化demo，引入json
【代码】【国际化】用JQuery-i18next的国际化demo，引入json。
2024-02-21 15:30:40
766
原创 【Vue.js设计与实现】第二篇第4章：响应系统-响应系统的作用与实现-阅读笔记（完结）
从高层设计的角度去探讨框架需要关注的问题。第二篇 响应系统。
2024-01-31 17:41:29
1409
原创 【Vue】修改组件样式并动态添加样式
但是由于其他vue文件(组件)中也有可能会出现相同的class名相同的css样式，于是vue就采用了添加随机后缀的方式防止class名重复的样式出现样式覆盖的情况。假设想修改两个圆之间的线的长度，由于组件没有暴露相关的类名，我们需要自己修改它。组件中的一些类可能添加样式无法生效。动态添加完类后发现样式不生效。可以确认类是已经添加了的。使用组件库中的组件，修改它的样式并动态添加/删除样式。可以生效：注意，deep与后面的括号不能有空格。由于这里使用的是组合式API，没有。最后一个节点下面的tail不显示。
2023-12-07 14:21:21
804
原创 TS类型报错解决：元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型 “{}“。 在类型 “{}“ 上找不到具有类型为 “string“ 的参数的索引签名。
遍历对象，在没有专门定义的情况下，object中并没有string，即。元素隐式具有 “any” 类型，因为类型为 “string” 的表达式不能用于索引类型 “{}”。在类型 “{}” 上找不到具有类型为 “string” 的参数的索引签名。。这样就定义了key是string。如：一个去除对象中空值的方法。
2023-12-04 17:05:31
3091
原创 【css】Google第三方登录按钮样式修改
提供两种第三方登录的API：HTML版和JS版。它们都使用的是封装好的按钮。也就是说，目前不能自己放置一个图片，点击它跳转第三方登录，而是。如果不想总是访问谷歌的库，可以进入此链接，把对应的代码复制到本地，本地引入库或上传到CDN引入。那么我们需要修改它的宽高、border-radius、logo和文字的位置或布局等。自动生成谷歌第三方登录的代码（这里的data-client_id随便在。需要用到谷歌的第三方登录，登录按钮有自己的样式。ps：访问谷歌文档需要科学上网。是自己加的类，用来改css。
2023-11-22 14:20:56
943
原创 【React入门实战】实现Todo代办
Todo的状态表示：text表示代办内容，done表示是否完成，id表示它在列表中的位置。// 操作只有添加todo和修改todo两种// 点击修改状态return [...list,},if (index!default: {useReducer部分：写在比较父级的组件中。把对应方法用prop的方式传给需要用的子组件。此博客写在了Main组件中。
2023-11-09 15:54:08
373
翻译 TypeScript的文字类型：Boolean、Number、Enum
如，有一个消息，若是成功消息，则有value值为它本身。若是失败消息，则有error为失败信息。以要验证输入的内容是否是合格的邮箱为例，方法如下：（输入为邮箱的话，value的T为string）这里的正则表达式验证合格的邮箱：xxx@xxx.com。此时返回：是没有error属性的。可以作为类型和值进行初始化。
2023-11-08 11:27:09
116
翻译 TypeScript中的只读属性
readonly修饰符是TypeScript的类型系统的一部分。编译器只使用它来检查非法的属性赋值。一旦TypeScript代码被编译成JavaScript，readonly的所有概念都消失了。举个例子，定义一个Point类型，它的属性x和y都是。，不能写入，只能在构造函数处初始化。
2023-11-07 15:45:02
327
翻译 TypeScript报错：Object is possibly “null“ 解决方法——断言函数
如果很急，可以直接看 文章目录：省流结论。断言函数是一种对类型系统的支持。举个例子，我们想拿到一个id为root的节点，并给它添加点击事件：此时TS会报错。因为root是，而是没有办法添加点击事件的。因此，我们在添加点击事件前需要保证root是非空 、非未定义 的。我们有3种方法。非空断言运算符：，告诉TS假定root是非空非未定义。root原本的类型是，使用了后忽视了，TS会只把他当作。然而， 使用非空断言!并不是这种情况的正确解决方法 。原因是：运算符编译成JS后会自动消失，TS代码不会去判断roo
2023-11-07 14:59:56
1109
原创 【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
808
原创 css flex实现同行div根据内容高度自适应且保持一致
可以把这段css放到一个新的类里，命名为alignHeight，在任何想要实现此效果的div中加入此类。有情况如下：三个div的高度是随着内容自适应的，但希望每列的高度都相同，即，实现方法：令父元素flex，且。
2023-10-23 11:27:45
4460
1
原创 【angular】实现简单的angular国际化(i18n)
实现简单的angular国际化。本博客实现中文版和法语版。我们这里想有两种语言，法文和中文。报错了，不知道怎么搞，等会了再来补充。跟前面的xml文件一致。ps：后面的生产构建。
2023-10-11 17:41:47
1920
原创 【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
491
原创 【angular】TodoList小项目（已开源）
功能：todo打勾（点击事件），它就加到doingList中。doing到done、done到todo以此类推。在每个会修改todoList、doingList、doneList的代码下面加上对应的。刷新一下，发现页面中的数据都没了。如果想要保存页面数据，我们需要做以下操作。到这里我们已经知道组件怎么创建和引用了。创建了组件后，要把它在根组件配置（定义数据，写addTodo方法。接下来开始写TodoList！把组件引入到总页面中（，把数据存放在本地中。
2023-10-10 17:05:11
1391
原创 【TypeScript】阮一峰TypeScript教程笔记：基本用法、any 类型等、类型系统
TypeScript 可以看成是 JavaScript 的超集（superset），即它继承了后者的全部语法，所有 JavaScript 脚本都可以当作 TypeScript 脚本（但是可能会报错），此外它再增加了一些自己的语法。TypeScript 对 JavaScript 添加的最主要部分，就是一个独立的类型系统。类型系统类型是人为添加的一种编程约束和用法提示。目的：提早发现错误。，在TypeScript中会报错，但在JS中不会。动态类型与静态类型JS是动态类型语言，TS是静态类型语言。
2023-10-09 15:21:26
2741
原创 【360秋招笔试】编程题第二题：修改Web（C++的AC解法）
但是看到编程题没有给异步输入数据的模板的时候傻眼了。被迫捡起用C++打题的记忆了，不然就寄了。使得等式两边成立，则输出Yes，否则输出No。很典型且要素很多的模拟题，字符串的计算+逆波兰表达式+枚举。想要进行计算，需要将等式（字符串）拆分为数字和字符。总体的过程：将字符串转换为数字和符号、计算。输入的数据范围并不大，所以枚举可以实现。这样，只需要改变参数就可以分别计算等号左边和等号右边。注意，数字的数量会比符号多1，因此可以先把第一个数字压入栈。代码写的乱乱的，也不精简，等有空的时候重新写一下。
2023-09-23 20:18:28
241
【知识图谱研究综述】知识图谱构建技术.xmind
2021-04-20
【知识图谱研究综述】知识表示.xmind
2021-04-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人