![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
柠檬加栤
努力开发,不断学习,不断收集,有的文章是抄袭,不是为了蹭流量,只是怕收藏的文章有一天原创被删除,无法在查看,所以二次发到了csdn(基本也只是当备忘录看),望各位大神多多指点关照
展开
-
vue二次封装ant-design-vue中的Modal弹窗组件,实现拖拽,全屏两种功能,原有参数属性不变
在我们的项目的有的地方需要用弹框的拖拽,以及弹窗自定义全屏显示的需求,所以再次将二次合一,同时弹框里面内容自适应屏幕高度在ant-design-vue中,已经实现了拖拽,全屏的功能,下面是ant官网的示例。原创 2024-01-17 15:09:45 · 2236 阅读 · 0 评论 -
前端密钥怎么存储,以及临时存储一些数据,如何存储才最安全?
前端密钥存储安全的方案:1、使用浏览器提供的本地存储:现代浏览器提供了本地存储机制,例如 Web Storage(localStorage 和sessionStorage)或IndexedDB。可以将密钥存储在这些本地存储中,并使用浏览器提供的安全性机制(例如同源策略)来限制对存储数据的访问。2、使用 Cookie:可以将密钥存储在加密的 Cookie 中,并使用浏览器的安全选项(如设置 Secure 标记和 HttpOnly标记)来增加安全性。原创 2024-01-15 16:57:35 · 2697 阅读 · 3 评论 -
将一个对象数据用递归方法转换成一个树形结构的数组
将对象类型的数据使用递归循环转换成树形结构的数据。原创 2023-02-10 13:59:16 · 254 阅读 · 0 评论 -
表格数据嵌套有数组有对象的转换拿到最后一级的数据
模拟的数据,需要取到data中tableData的数据渲染到表格。代码可能不是最简单,如果有更好的方法,留言。原创 2023-01-10 14:28:23 · 184 阅读 · 0 评论 -
2023常见的前端面试题(附加解答)
(1)get请求参数要跟在url后面安全性不高传输数据比较小,但速度快一般用于获取,删除(2)post请求参数会放在请求体中,安全性相对高些传输数据大,但相对速度慢些post一般用于修改或者添加事件委托原理: 事件冒泡机制(把子元素的事件行为 委托给 父级元素执行优点)优点:1. 可以大量节省内存占用,减少事件注册2. 可以实现当新增子对象时,无需再对其进行事件绑定缺点:如果把所有事件都用事件代理,可能会出现事件误判答案: (1)直接变量赋值 (2)Obje原创 2022-12-20 09:59:19 · 7383 阅读 · 3 评论 -
前端js处理数据千分位并保留指定小数位,整数的自动补全.00显示数据
【代码】前端js处理数据千分位并保留指定小数位,整数的自动补全.00显示数据。原创 2022-11-07 16:16:50 · 769 阅读 · 0 评论 -
给定一个整数数组 nums 和一个目标值 k,请封装一个公共的方法(函数)判断 nums 中是否存在某个片段(即若干个相连元素)之和等于 k。要求时间复杂度为 O(n)
可以在main.js中全局注册,也可以在页面单独引入使用,这里是单独引入使用。原创 2022-11-01 16:00:57 · 244 阅读 · 0 评论 -
vue中使用elementUI让表格复选框部分禁用
方法:我这个是判断数据中的某个状态值做出相应的禁用。原创 2022-10-10 10:15:39 · 841 阅读 · 0 评论 -
element-ui表格数据中的状态值不同控制不同的按钮权限
例如:需求如下表格数据的状态值为:0-未下发,1-已下发,2-已上报,3-已驳回,4-已审核,5-已代摊完成1、导出按钮满足4,5启用,0-3禁用3、获取当期待摊费用,下发待摊费用只有满足0,启用按钮禁用方法如下:...原创 2022-07-13 10:23:10 · 730 阅读 · 2 评论 -
js把时间戳转换为普通日期格式
如何将时间戳转换为普通日期格式,封装在utlis文件中请看下面代码:将封装的时间戳函数单独放在一个js文件中页面的使用方法,将封装的时间戳函数进行调用原创 2022-07-12 09:50:01 · 879 阅读 · 0 评论 -
使用Vant框架的组件van-pull-refresh搭配van-list和van-card完成上滑加载更多列表数据,下拉刷新当前列表数据(等同于翻页功能)
<template> <div class="sg-page-body"> <div class="sg-list"> <van-pull-refresh v-model="pullLoading" @refresh="onPullRefresh" success-text="刷新成功"> <van-list v-model="listLoading" @load="onL.原创 2022-05-10 10:40:10 · 1367 阅读 · 0 评论 -
$route和$router的区别?
可以理解为,一个是用来获取路由信息的,一个是用来操作路由的$routeroute是路由信息对象,里面主要包含路由的一些基本信息,包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom$routerrouter是VueRouter的实例,包含了一些路由的跳转方法,钩子函数等...原创 2022-04-01 16:29:32 · 554 阅读 · 0 评论 -
接口联调怎么调试
一.什么时候开展接口测试1.项目处于开发阶段,前后端联调接口是否请求的通?(对应数据库增删改查)--开发自测2.有接口需求文档,开发已完成联调(可以转测),功能测试展开之前3.专项测试:如测流量大小,查看图片压缩大小,测试接口请求响应时间4.版本上线前,进行整体回归测试,查看接口是否有异常(如404等)。对准备上线的版本进行抓包,查看服务器地址都是正确的5.版本功能稳定后,接口自动化二.接口测试时测试的重点是什么,测试用例如何设计1、通过性验证,说白了就是传递正确的参数,是否返回原创 2022-04-01 16:19:50 · 4427 阅读 · 0 评论 -
cookie和session的区别
1、cookie数据存放在客户的浏览器上,session数据放在服务器上.简单的说,当你登录一个网站的时候,如果web服务器端使用的是session,那么所有的数据都保存在服务器上面,客户端每次请求服务器的时候会发送 当前会话的session_id,服务器根据当前session_id判断相应的用户数据标志,以确定用户是否登录,或具有某种权限。由于数据是存储在服务器 上面,所以你不能伪造,但是如果你能够获取某个登录用户的session_id,用特殊的浏览器伪造该用户的请求...原创 2022-04-01 16:12:58 · 109 阅读 · 0 评论 -
前端面试题,前端组件化、工程化、模块化的概念
1.前端模块化:可以理解为一组自定义业务的抽象封装,是根据项目的情况来进行封装组合到一起的,比如我们可以分为登录模块,评论模块。模块可维护性好,组合灵活,方便调用,多人协作互不干扰。2.前端组件化:指对具体的某个功能的封装,比如所有的分页可以封装为分页组件来统一使用,以此来达到组件复用,提高开发效率。3.前段工程化:概念:指使用软件工程的技术和方法来进行前端项目的开发、维护和管理。前端工程化包含如下:1.代码规范: 保证团队所有成员以同样的规范开发代码。2.分支管理: 不同的开发原创 2022-03-31 11:09:31 · 1270 阅读 · 6 评论 -
JavaScript中0.1 + 0.2 等于多少
0.3000000000000004。不会精确等于0.3。首先,十进制的0.1和0.2会被转换成二进制的,二进制浮点数表示法并不能精确的表示类似0.1这样的数值,因为浮点数在转化为二进制时,会出现无限循环0.1 -> 0.0001 1001 1001 1001...(1100循环)0.2 -> 0.0011 0011 0011 0011...(0011循环)两者相加之后得到二进制为再转换为十进制,会产生误差。我想0.1+0.2 精确的等于0.3怎么办num.toFixe原创 2022-03-31 09:08:49 · 3300 阅读 · 0 评论 -
原始Js 数组索引
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-07-21 19:05:59 · 89 阅读 · 0 评论 -
JS初级截取删除数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-07-21 19:01:52 · 230 阅读 · 0 评论 -
JS创建数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-07-21 18:58:05 · 583 阅读 · 0 评论 -
JS通用样式
(function flexible (window, document) { var docEl = document.documentElement var dpr = window.devicePixelRatio || 1 // adjust body font size function setBodyFontSize () { if (document.body) { document.body.style.fontSize = (12 * dpr) + .原创 2021-06-22 20:45:23 · 221 阅读 · 0 评论 -
用JS 输出 正三角形
效果图以下是代码及 每行代码解释,仅供参考。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i...原创 2021-06-22 19:59:53 · 2998 阅读 · 0 评论 -
用JS求班级学生总成绩,平均成绩
以下是代码及 每行代码解释,仅供参考。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0.原创 2021-06-22 19:49:33 · 9449 阅读 · 2 评论