- 博客(84)
- 收藏
- 关注
原创 el-plus 中 table表格 一行
select 选项中 change事件 相传值并且要拿对应选项的值 用$event/插槽对应的下标 scope.$index------------@change=selectionFn($event,scope.$index)show-overflow-tooltip 属性。
2024-07-19 22:35:44
72
原创 保证接口数据安全的10种方法
例如,当客户端向服务器请求用户信息的API接口时,应该验证传入的用户名是否属于该用户,以防止恶意攻击者借此获取用户隐私信息。上述10种方案是保证接口数据安全的重要措施,但是需要强调的是,这些方案不能保证百分之百的安全性。对于API接口的请求,需要记录下来请求的IP地址、请求的接口、请求的时间以及请求的用户信息等,以便于监控和溯源。因此,开发者需要定期更新API接口及其相关的安全控制措施,以保证API接口及其数据的安全。对于获取数据的API接口,需要将所有的查询参数进行参数化,以避免SQL注入。
2024-06-06 19:58:37
158
原创 Vue性能的评估指标
这些指标可以通过浏览器开发者工具的性能分析工具(如Chrome的Audits面板)进行测量,也可以使用专门的性能监控库,如Web-Vitals库来监测。首次可交互时间(First Meaningful Paint, FMP)首屏加载时间(First Contentful Paint, FCP)页面完全加载时间(DOMContentLoaded)布局变化次数(Layout Shift)整页加载速度(Speed Index)最大内容排版优化(LCP)
2024-06-06 19:45:14
203
原创 Vue 跨平台性能优化十法
Quasar(发音为/kweɪ.zɑɹ/)是MIT许可的开源框架(基于Vue响应式网站通过Apache Cordova构建移动APP(Android,iOS,…)多平台桌面应用程序(使用Electron)Quasar允许开发人员编写一次代码,然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序,并提供精心编写,速度非常快的Quasar Web组件。
2024-06-06 19:34:12
1080
原创 uniapp中进度条实现打开页面进度条增长至全布加载完成(转)
在uni-app中,可以通过页面的生命周期函数和API来实现进度条的增长,直至全部加载完成。递归调用自身,每次延迟200毫秒增加10%,直至进度条达到100%。在实际应用中,你可能需要在页面的。或其他生命周期中触发进度条增长,并在接收到数据或完成某些异步操作后更新进度条,最终在。用于跟踪进度条的当前百分比。中设置进度条为100%。
2024-06-06 11:23:26
481
转载 下载 导出 区别
微信、QQ、浏览器、迅雷、钉钉都是「下载」,因为他们资源本身存储在云上;WPS、PS、脑图,工具性的软件,使用「导出」,因为他们资源都存储在本地电脑;;
2024-06-05 11:05:00
13
原创 多 / 单文件 下载思路 代码 get导出post 导出
----新建的dom节点 用appendChild()方法放入bodyDom。----创建一个标签文档的dom节点。-----dom节点的display 为 none。-----dom节点的id是一个不重复的随机数。新建的dom节点跳转路径是后面一串 配置的环境路径 和后端提供的路径 以及 下载文件 id。ifram 文档标签。
2024-06-05 09:03:36
336
原创 setinterval和settimeout区别在于
此外,setTimeout和setInterval在参数传递和使用方式上也有所不同。在使用函数名作为参数时,setTimeout不能带参数,而setInterval可以。在使用字符串调用时,setTimeout可以带参数,而setInterval则不行。setinterval和settimeout区别在于。以下是详细介绍:12。
2024-05-09 11:17:03
406
原创 react 笔记
对数组用map 处理加上标签, 用到{} 返回新数组 新数组用{}放到return 中呈现。vue中会生成响应式数据,响应式数据可以驱动页面更新 --这也是vue减少dom操作的一种手段。循环遍历 多个根标签遍历 用 Fragment 标签包裹 ,把key放到这个标签上。语法 jsx 是javaScript语法与html语法书写在一起---jsx语法。项目中也会有很多之前项目用的是 类组件的方式,今天先讲函数式组件。JSX 中属性都是以驼峰形式 事件的名称是函数名称用{}包裹。
2024-04-28 18:13:59
311
原创 后管配置js
/‘我时服务器/api’,后面的/api根据实际请求地址决定,即我的请求url:/api/test/test,被代理后请求的则是http://我的服务器/api/test/test。//既然我们设置了代理,则所有请求Url都写称/api/xxx/xxx,那请求如何知道我们到底请求的时。//那个服务器的数据呢 因此这里的意义在于,以/api开头的url请求,代理都会知道实际上应该请求哪里。‘^/api’:'/' //或者‘http//localhos:8080/api’//提示输出的那个地址。
2024-04-01 17:36:08
290
原创 `require`与`import`的区别
require`是在运行时加载模块,这意味着模块的加载和执行可以在代码的任何地方进行,也可以在运行时根据条件动态地加载不同的模块;`import`是在编译时加载模块,这意味着模块的引用必须在代码的顶部,且在模块被解析和执行之前就已经确定,不支持动态导入。使用`require`导入的模块会被缓存起来,多次导入同一个模块会返回同一个导出对象,避免了重复执行模块代码的开销。`require`可以引用模块中的任意一个成员,包括通过`module.exports`导出的内容。`require`没有这样的提升效果。
2024-04-01 17:23:33
481
原创 iView 中DatePicker日期选择器 v-model不生效的情况
1、百度后了解到v-model和format使用,不会生效,需要用到:@on-change 与 values绑定使用才可以。有问题,查看了需要使用到format来设置输出内容,发现不生效。样式库,在开发的过程中,需要使用到时间选择器。公司项目前段使用的是。
2024-01-18 18:31:47
794
原创 手动上传与清除
2.替换多少次,上传接口就要请求多少次,显得比较多余,浪费性能 清除多余用 clearFiles。1.上传文件改变的属性 对应的 方法 手动上传文件 用submit。
2024-01-02 16:37:34
325
原创 elementui中http-request注意事项
5、使用http-request因为action=‘abc’,所以必须最后要统一调接口上传,如果需求是自动上传,且要自定义参数,可以用:data和 :before-upload配合,其中 :before-upload可以自定义参数,before-upload要与auto-upload配合,auto-upload为true才生效。2、:auto-upload=“false” 这个要删掉才能触发http-request方法,因为action="abc"是这样写的,没action中没有包含上传链接。
2024-01-02 14:29:55
1341
原创 字符串方法
字符串截取slice() 字符串截取subString() 字符串截取substr() 字符串切割slice() 字符串开始start() 字符串结束end() 字符串去空trim()字符串合并 concat() 字符串包含includes() 字符串下标 indexOf() 字符串倒序查找下标lastIndextOf() 字符串查询下标search()--正则。字符串截取subString() 字符串截取substr() 字符串切割split()
2023-12-05 16:31:59
47
原创 数组方法简写
遍历方法 数组新建数组map() 数组过滤创建新数组fileter() 数组改变原数组每个元素forEach() 数组至少一个符合要求some() 数组所有元素符合every() 数组寻找某些条件元素下标findIndexz()数组转换字符串join() 数组尾部添加push() 数组删除最后一个元素 pop() 数组头部删除 shift() 数组头部添加unshift() 数组排序改变原数组 sort() 数组倒序reserve()
2023-12-05 13:56:47
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人