- 博客(68)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 用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
原创 用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
原创 用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关注的人