Sabrina_cc的博客

需求：折线图是根据table的表格数据’环境剂量率‘绘制出来的。仔细看table的高亮哈！！点击table的某一行，对应右侧的折线图显示tooltip，相反的点击折线图的节点，table也会相应的高亮某一行。一、准备工作1.table表格表格数据detailData<el-table :data="detailData" style="width: 100%" class="tabl...

一个人的心理健康程度与接纳痛苦的程度成正比。------感谢自己的不完美目录一、功能效果描述二、el-table自带筛选功能三、前端假查询重置功能1. el-form表单2.el-table表格数据3. search功能4. reset重置功能一、功能效果描述由于数据量较大，每时每分都会产生数据，当前列表只展示进入页面的最新数据。其中的查询和重置功能都是基于当前数据的，所以要求不调接口，只是前端的查询并展示。但是点击刷新按钮，会调接口，请求到最近的数据，此时列.

如果你觉得生活对你做了恶作剧，也许这是让你停下来反省自己的最好时机。假添加删除摘要1.前端假添加// 绑定资源提交2-前端实现假添加- 添加资源账户到tab列表 addToList() { // 把选中数据添加到已绑定账号后面 console.log(this.resourcePzTableData, "添加前数据"); // 两个数组去重-补集 let diff = this.addItem.filter( (i.

当我不再固执于我，而是站在更高的角度看待自己时，才能真正看到更真实的自己。 ---我在未来等你当前项目：网安信息化系统安全运维管理平台本章主要涉及：工单管理and资源配置模板下载一.根据url下载文件1.功能设计点击模板链接，下载文件，下载的文件的文件名为对应模板名称。2.接口返回值// 资源管理页面-导入-下载模板export......

本篇文章主要讲解了在vue若依框架中对el-tree和el-table实现修改。主要实现了自定义el-tree样式、el-tree和el-table联动、el-tree编辑树等效果。

简单先记录一下最近刚接触大屏遇到的许许多多的问题，后面会一一展开记录。1.大屏的自适应问题：使用transform:scale(x,y)2.中国地图hover时tooltip无法应用效果：不能把样式写在<style scope lang="scss">中，需要单独的<style>3.在特定的省份城市位置标点：使用该地的坐标series中的label4.修正中国地图省份名称偏移的问题，原因是名称是按照坐标位置显示的：需要修改china.js文件5.双层地图的展示

不用羡慕别人，自己亦是风景。实现目标：使用element-ui的table组件显示树结构额外要求：（1）修改树形结构前方小箭头图标样式（2）同级数据对齐（2）小图标展开收起不旋转（3）小图标展开收起时前后图标变化直接使用element-ui树结构时的效果：点击后>小图标旋转九十度：目标效果：开始动手尝试吧：1.直接使用element-ui原始效果2. 修改图标 > 为 +3. 对齐不含子目录的所有一级目录4. 去掉...

使用import mammoth from "mammoth";import XLSX from "xlsx";实现页面预览word文件、excel文件

本文主要讲解了基础Element-ui中el-tree组件的使用，包括对组织机构树的组件封装，使用组织机构树进行查询，以及使用vue-content-menu修改editableTree

今天和后端调接口，我按照一般常写的JSON格式传数据，和后端一沟通发现出了问题。发现了formdata数据类型传参？？看起来比较简单，就是需要新建一个formData类型的数据对象，然后为其添加值，之后的接口传参没有什么大的区别。 但是当我打印添加好属性的formData时，我才意识到事情的不简单，我乍一看还以为是空对象。但是根本找不到刚才添加的属性去哪了？FormData主要用途（1）将form表单元素的name与value进行组合，实现表单数据的序列化。（2）异步上传文件

人们总喜欢”甜“，而忘记”先苦后甜“一般在系统的注册、登录、反馈等页面需要验证用户个人身份信息，就需要用到【手机验证码】和【图片验证码】功能。目录一. 手机验证码功能1. 实现思路2. 后端接口3. 前端实现二、图片验证码功能1. 实现思路2. 后端接口3. 前端实现一. 手机验证码功能1. 实现思路页面需要实现找回密码功能，点击”获取验证码“,调用后端提供的接口，在60秒内提交找回密码请求，将数据表单和验证码发送给后端，后端校验是否为最新的验证码...

你生来就值得被爱，这一点无需置疑。1. 看页面效果功能总结：（1）查询栏的展开收起【React入门实践】复杂搜索表单的【展开-收起】功能_Sabrina_cc的博客-CSDN博客（2）页面列表显示数据【React入门实践】结合Ant-Design 从0带你手把手开发包含【列表】和【搜索栏】的简单【用户管理】页面_Sabrina_cc的博客-CSDN博客（3）列表对应不同标签显示，以及操作的分情况显示（3）查看详情 -- 需要通过点击事件传参查询该用户详情...

给时间时间，让过去过去。上节我们写过了【搜索】表单，以及查询、重置功能。本节对于需要展开收起效果的查询表单进行概述，主要涉及前端样式知识。样式效果如下：思路：在Search组件中定义两个组件renderAdvancedForm，renderSimpleForm,其中renderSimpleForm中只有五个查询选项，而在renderAdvancedForm包含所有的搜索选项。点击’展开‘’收起‘按钮调用onClick={toggleForm}切换form显示样式即可。1. 写re...

上节回顾：【React入门实践】结合Ant-Design从0带你手把手开发【个人中心-信息修改】页面https://blog.csdn.net/Sabrina_cc/article/details/120040093写在前面的话： 上节我们实现了简单的是form表单，如下，今天我们来学习最常见的表单组件的使用。一步步向更复杂的页面进发。本次页面核心知识点：（1）【search表单模块】搜索search、重置功能reset、日期选择器DatePicker、下拉框使用select；（2）...

如果一块表走的不准，那它每一秒都是错的。写在前面的话：博主之前一直使用的vue框架，最近入手公司项目，开始一点点接触React，我觉得学习任何东西的最好方法就是使用它、体验他。其实完成页面前我根本没有读过react的官方文档（是有些许枯燥）但我会仿照别人的代码一点点尝试，用过之后再去看官方使用文档会豁然开朗。这个方法值得推荐。因此，咱们今天来初试React开发，实现简单的个人中心-信息修改页面1. 看页面需求首先看一下页面需求。分析：进入页面调用接口初始化个人信息，修改后点击“保存”按钮，..

所有的光芒，都需要时间才能被看到前情提要：【H5开发】从一个简单页面带你体验H5开发 ~ 从静态页面到调接口手把手教学整个页面实现过程https://blog.csdn.net/Sabrina_cc/article/details/119865234【H5开发】02手把手带你开发H5列表页面 ~ 包含查询、重置、提交功能https://blog.csdn.net/Sabrina_cc/article/details/119888243这一节，已经整体做过两个页面，我们不会再把重点放在页..

不要害怕孤独，应为这个世界上总有一个人在努力走向你。上节回顾：从一个简单页面带你体验H5开发https://blog.csdn.net/Sabrina_cc/article/details/119865234这一节我们来做一个稍微有点难度的页面。首先还是上原型和UI设计 了解主要功能：（1）数据库获取列表数据展示（2）年度、季度、部门、岗位的查询（3）重置（4）点击某一项弹出评分框-获取该条数据打分详情并展示（5）点击保存按钮发送请求、提交数据（6）点击提交按钮按照年份、季度提交...

听云与明月窃语，首先需要知道，前端开发必须的一些工具页面：（1）原型设计稿（用于了解系统功能）---> 产品经理（2）UI设计稿（用于进行严格的页面布局和样式开发）--->UI设计（3）接口文档（前后端联调，字段定义的依据）---> 后端开发（4）测试文档（修改指给的bug）---> 测试1. 首先来看看我们的目标页面和UI设计稿大概了解了页面功能：列表显示数据！再详细一点：加载页面后，根据后端返回的数据逐条渲染，显示数据那让我...

在平凡的事物中，探寻人间的美好。一、H5开发简介h5是HTML5 是升级版的HTML标准1.优势（1）跨平台性！兼容性好，用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。它可以轻易地移植到各种不同的开放平台、应用平台上。（2）开发和维护的成本较低，开发周期较短。（3）本地存储特性。基于H5开发的轻应用比本地APP拥有更短的启动时间，更快的联网速度，而且无需下载占用存储空间，特别适合手机等移动媒体。2. 缺点在性能上：同样的交互，用..

hello~我又回来了，离开学校开始工作，重新开始写作记录每天的点滴进步！写这篇文章给自己也给毕业找好前端工作要入职的小伙伴！经历了毕设，你们的前端知识还记的多少？不会像我一样到公司，新电脑都不知道要安装什么前端工具吧，哈哈！（不要笑我）因此记录一下一些必要软件的安装步骤，给以后的自己，也给同样各处找教程的你们。一.vscode前端写代码的工具，官网下载链接：https://code.visualstudio.com/Download1.下载推荐下载.zip格式。可以直接解压上手使用...

人生何其短，要笑得分外甜公司的H5项目又让我重新捡回来HTML5和原生JS和Jquery,今日遇到了checkbox的样式问题，做一个小小记录。直接使用HTML5中的input复选框checkbox的样式是这样滴（左）但是嘞，UI设计稿是这样滴（右）：<input class="sure" type="checkbox" name="" value="">因此，我们需要动脑筋修改checkbox的样式了。1.首先，需要添加一段CSS隐藏所有的Checkbox复...