- 博客(68)
- 资源 (3)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 用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-wi...
2021-06-22 20:05:04
4863
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 用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
3014
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 用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
9490
2
原创 ant-design-vue Table+Form表单实现表格内置表单验证,可自定义验证规则,触发必填项
【代码】ant-design-vue Table+Form表单实现表格内置表单验证,可自定义验证规则,触发必填项。
2024-04-18 15:35:07
1215
1
原创 前端常用的js工具函数,有效的提高开发效率
日常中随着开发经验不断地累积,会用到各种各样的一些工具函数,就从一些网址收藏,自己造的轮子或者别人的轮子,工具函数库进行了整理。
2024-01-31 10:38:41
352
原创 vue二次封装ant-design-vue中的Modal弹窗组件,实现拖拽,全屏两种功能,原有参数属性不变
在我们的项目的有的地方需要用弹框的拖拽,以及弹窗自定义全屏显示的需求,所以再次将二次合一,同时弹框里面内容自适应屏幕高度在ant-design-vue中,已经实现了拖拽,全屏的功能,下面是ant官网的示例。
2024-01-17 15:09:45
2872
原创 vue3.2二次封装antd vue 中的Table组件,原有参数属性不变
在项目中多处使用到表格组件,所以进行了一个基础的封装,主要是通过antd vue 中表格的slots配置项,通过配合插槽来进行封装自定义表格;
2024-01-16 14:28:25
1234
原创 前端密钥怎么存储,以及临时存储一些数据,如何存储才最安全?
前端密钥存储安全的方案:1、使用浏览器提供的本地存储:现代浏览器提供了本地存储机制,例如 Web Storage(localStorage 和sessionStorage)或IndexedDB。可以将密钥存储在这些本地存储中,并使用浏览器提供的安全性机制(例如同源策略)来限制对存储数据的访问。2、使用 Cookie:可以将密钥存储在加密的 Cookie 中,并使用浏览器的安全选项(如设置 Secure 标记和 HttpOnly标记)来增加安全性。
2024-01-15 16:57:35
3404
3
原创 vue实现css过渡与css动画
元素作为单个元素/组件的过渡效果。只会把过渡效果应用到其包裹的内容上,而不会额外渲染 DOM 元素,也不会出现在可被检查的组件层级中。
2023-12-04 14:56:26
353
转载 Vue非父子组件通讯的几种方式
provide/inject主要适用于在一些深入嵌套的组件中,子组件想要获取父组件的部分内容的情况,此时可以在父组件中使用provide来提供数据,在子组件中使用inject来获取并使用这些数据(我们可以将依赖注入看作是“长距离的 prop”)全局事件总线可以用于非父子组件之间的通信,如与兄弟组件或者兄弟组件的子组件进行通信。点击按钮,从父组件中传入的todoLength长度仍为3,这是因为在provide中引入的。但是当我们父组件中的数据需要实时进行更改时,就会发现子组件不会发生相应的变化。
2023-12-01 14:25:15
109
原创 vue使用qrcodejs2-fix或者qrcodejs2插件生成二维码
【代码】vue使用qrcodejs2-fix或者qrcodejs2插件生成二维码。
2023-07-28 09:31:47
1564
原创 表格数据嵌套有数组有对象的转换拿到最后一级的数据
模拟的数据,需要取到data中tableData的数据渲染到表格。代码可能不是最简单,如果有更好的方法,留言。
2023-01-10 14:28:23
192
原创 2023常见的前端面试题(附加解答)
(1)get请求参数要跟在url后面安全性不高传输数据比较小,但速度快一般用于获取,删除(2)post请求参数会放在请求体中,安全性相对高些传输数据大,但相对速度慢些post一般用于修改或者添加事件委托原理: 事件冒泡机制(把子元素的事件行为 委托给 父级元素执行优点)优点:1. 可以大量节省内存占用,减少事件注册2. 可以实现当新增子对象时,无需再对其进行事件绑定缺点:如果把所有事件都用事件代理,可能会出现事件误判答案: (1)直接变量赋值 (2)Obje
2022-12-20 09:59:19
7461
3
原创 element-ui 表格如何自适应高度
这里还有个需要注意的地方,就是修改下el-table的css,否则table会有很多留白,看起来体验不是很好。所以,我们需要加一个监听器即可,监听窗体大小变化,一旦变化就执行方法重新设定tableHeight。虽然这时候,已经可以根据窗体大小,高度动态变化,但是,还要每次刷新才行……,否则我们是修改不了 element自带的样式。自此,就能达到table高度自适应的效果啦~~
2022-11-10 16:15:14
7036
3
原创 前端js处理数据千分位并保留指定小数位,整数的自动补全.00显示数据
【代码】前端js处理数据千分位并保留指定小数位,整数的自动补全.00显示数据。
2022-11-07 16:16:50
794
原创 给定一个整数数组 nums 和一个目标值 k,请封装一个公共的方法(函数)判断 nums 中是否存在某个片段(即若干个相连元素)之和等于 k。要求时间复杂度为 O(n)
可以在main.js中全局注册,也可以在页面单独引入使用,这里是单独引入使用。
2022-11-01 16:00:57
253
原创 element-ui表格中计算百分出现不能取整的问题以及element-ui计数器InputNumber 计数器 保留两位小数 表格合计是出现的问题
element-ui表格中计算百分出现不能取整的问题以及element-ui计数器InputNumber 计数器 保留两位小数 表格合计是出现的问题
2022-08-15 13:52:17
1146
原创 vue+elementUI el-tabs标签路由切换
注意这里如果你刷新只想保留首页,那么mounted中,你只需写else中的代码。1.实现tab组件pageTab.vue,我这里是拆的组件。如果刷新想,保留首页和当前路由页,ifelse都要写()配置路由页面我这里是动态路由,所以比较简短。需要使用tab组件的地方。...
2022-07-27 10:32:15
11755
原创 element-ui表格数据中的状态值不同控制不同的按钮权限
例如:需求如下表格数据的状态值为:0-未下发,1-已下发,2-已上报,3-已驳回,4-已审核,5-已代摊完成1、导出按钮满足4,5启用,0-3禁用3、获取当期待摊费用,下发待摊费用只有满足0,启用按钮禁用方法如下:...
2022-07-13 10:23:10
748
2
原创 自定义Loading 加载,适用于 所有的按钮事件
页面加载时需要加载,请求接口也需要loading。在前端loading的需求无处不在,就是为了让用户体验更好。效果图如下
2022-07-12 15:42:22
648
原创 js把时间戳转换为普通日期格式
如何将时间戳转换为普通日期格式,封装在utlis文件中请看下面代码:将封装的时间戳函数单独放在一个js文件中页面的使用方法,将封装的时间戳函数进行调用
2022-07-12 09:50:01
908
原创 Element-UI之el-table嵌套select选择器
Element-UI之el-table嵌套select选择器代码实现html <el-table :data="tableData" border style="width: 100%" > <el-table-column prop="ftkmName" label="分摊科目名称" header-align="center"> </el-table-column>
2022-05-24 17:10:57
6402
原创 element UI 中表格的表头内容居中,表格内容居中显示
表头内容居中,表格内容居中方法一:在每个el-table-column标签上边设置header-align="center"在每个el-table-column标签上边设置align="center"<el-table-column prop="id" label="ID" header-align="center" align="center"></el-table-co
2022-05-24 16:59:54
1456
转载 【项目记录】移动端购物网站首页/登录页/注册页
1-1初始化 1)vue create jingdong 勾选sass语法、哈希路由 删除git相关 2)npm run serve启动 1-2目录简介 插件 Vetur高亮显示、Eslint校验语法 入口文件:main.js 1.创建一个APP实例 2...
2022-05-12 11:33:05
632
原创 下拉刷新van-pull-refresh、回退keepAlive、滚动记住位置scroll
1、先是上拉刷新下拉加载,van-pull-refresh。如果不想一进来就加载两次可以在van-list上加上:immediate-check=“false”。//上拉加载onLoad() { if (!this.timer) { this.timer = setTimeout(() => { this.getData(); this.timer = null; }, 1000) }},getData() { const search= { name: ""
2022-05-10 10:44:16
955
原创 使用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
1392
原创 type="button" ,"submit" 的区别
Submit是专门用于提交表单的Button,与Button的区别主要有两点: type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此 (2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交,除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为...
2022-05-10 09:15:29
1103
原创 echarts图表自适应屏幕
echarts如何自适应屏幕?直接上代码// 基于准备好的dom,初始化echarts图表 var ch_credit_in_major =echarts.init(document.getElementById('myChart')); //页面大小发生改变时Echarts也跟着发生改变 window.addEventListener("resize", function () { myChart.resize(); });简写版.
2022-04-03 09:26:20
2889
1
原创 $route和$router的区别?
可以理解为,一个是用来获取路由信息的,一个是用来操作路由的$routeroute是路由信息对象,里面主要包含路由的一些基本信息,包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom$routerrouter是VueRouter的实例,包含了一些路由的跳转方法,钩子函数等...
2022-04-01 16:29:32
562
原创 小程序中的日期过滤
1.创建wxs文件(util.wxs)//timestamp 时间戳//option 格式(年月日 就输入YY-MM-DD 时分 就输入 hh-mm)//功能如下注释 ↓↓↓↓formatDate(timestamp, option) { var date = getDate(timestamp); var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.g
2022-04-01 16:24:46
537
原创 接口联调怎么调试
一.什么时候开展接口测试1.项目处于开发阶段,前后端联调接口是否请求的通?(对应数据库增删改查)--开发自测2.有接口需求文档,开发已完成联调(可以转测),功能测试展开之前3.专项测试:如测流量大小,查看图片压缩大小,测试接口请求响应时间4.版本上线前,进行整体回归测试,查看接口是否有异常(如404等)。对准备上线的版本进行抓包,查看服务器地址都是正确的5.版本功能稳定后,接口自动化二.接口测试时测试的重点是什么,测试用例如何设计1、通过性验证,说白了就是传递正确的参数,是否返回
2022-04-01 16:19:50
4472
原创 cookie和session的区别
1、cookie数据存放在客户的浏览器上,session数据放在服务器上.简单的说,当你登录一个网站的时候,如果web服务器端使用的是session,那么所有的数据都保存在服务器上面,客户端每次请求服务器的时候会发送 当前会话的session_id,服务器根据当前session_id判断相应的用户数据标志,以确定用户是否登录,或具有某种权限。由于数据是存储在服务器 上面,所以你不能伪造,但是如果你能够获取某个登录用户的session_id,用特殊的浏览器伪造该用户的请求...
2022-04-01 16:12:58
119
原创 前端面试题,前端组件化、工程化、模块化的概念
1.前端模块化:可以理解为一组自定义业务的抽象封装,是根据项目的情况来进行封装组合到一起的,比如我们可以分为登录模块,评论模块。模块可维护性好,组合灵活,方便调用,多人协作互不干扰。2.前端组件化:指对具体的某个功能的封装,比如所有的分页可以封装为分页组件来统一使用,以此来达到组件复用,提高开发效率。3.前段工程化:概念:指使用软件工程的技术和方法来进行前端项目的开发、维护和管理。前端工程化包含如下:1.代码规范: 保证团队所有成员以同样的规范开发代码。2.分支管理: 不同的开发
2022-03-31 11:09:31
1319
6
vue,css,js,小程序,常见面试题,仅供参考
2022-08-02
前端开发识别图片网站颜色取色器
2022-05-12
git仓库管理常用快捷键文档
2022-05-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人