自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

欢迎来到我的博客!在这里,我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能!

个人学习成长的总结记录,每天进步一点点,有不足的地方还请不吝赐教~

  • 博客(122)
  • 收藏
  • 关注

原创 根据当年节假日和非工作时间计算请假时间-获取每个月的节假日,计算每个月的工作日时间进度,节假日每年更新

这里按每天八小时计算,排除了2024年法定节假日 劳动节的调休 一共使用了工作时间的32小时。

2024-04-24 20:24:08 222

原创 计算请假时间,只包含工作时间,不包含中午午休和非工作时间及星期六星期天,结束时间不能小于开始时间

【代码】计算请假时间,只包含工作时间,不包含中午午休和非工作时间及星期六星期天,结束时间不能小于开始时间。

2024-04-22 19:53:09 175

原创 动态高度实现展开过渡动画效果

动态高度实现过渡动画效果,设置 max-height 不确定就给一个非常大的值。

2024-04-10 13:14:28 115

原创 vue 窗口内容滚动到底部

【代码】vue 窗口内容滚动到底部。

2024-03-29 19:41:33 340

原创 微信小程序使用textarea默认字数限制以及高度自适应和默认高度设置

/ 设置默认高度 ,解决设置自适应高度之后高度无效问题。// 设置字体大小和行高一样解决内部出现滚动条问题。

2024-03-29 19:31:25 604

原创 nuxt3使用自定义组件

【代码】nuxt3使用自定义组件。

2024-03-26 13:25:00 226

原创 element 文本域设置 隐藏边框,禁止缩放,自动换行...

【代码】element 文本域设置 隐藏边框,禁止缩放,自动换行。

2024-03-26 13:15:14 385

原创 vue3 搜索框 相关搜索内容 搜索词变色

【代码】vue3 搜索框 展示相关搜索内容 搜索词变色。

2024-03-19 19:30:43 375

原创 Nuxt3配置本地访问链接 -- Network: use --host to expose

复制到浏览器就可以访问,给别人使用必须是局域网,同一个网络。在nuxt.config.ts里面。这种表示没有在线访问本地链接。

2024-03-15 19:23:19 516

原创 vue使用样式渗透/deep/ :deep() :global()

vue2使用 /deep/ .el-input{}vue3使用 :deep(.el-input) {} vue3使用 /deep/ 无效全局渗透在页面使用 :global(.el-input){} 无视模块化和scoped属性在nuxt3中使用:deep(.el-popper.is-light){} 修改无效 但是修改其他属性可以 使用的:global(.el-popper.is-light){} 就可以全局修改

2024-03-15 18:16:49 606

原创 Nuxt3循环渲染图片不显示问题

【代码】Nuxt3循环渲染图片不显示问题。

2024-03-15 08:56:18 391

原创 页面侧边栏顶部固定和底部固定方法

页面滚动设置侧边栏顶部固定和侧边栏底部固定原生的需要手动计算右边侧边栏高度,可以直接复制运行看效果。获取元素高度 html元素因为父元素使用了flex让子元素的高度都变成了一样高,必须设置align-items: flex-start;还原dom的真实高度

2024-03-14 19:48:29 883 4

原创 Nuxt3 初学,基础配置,页面结构搭建,引入element

Nuxt是一个开源框架,它使web开发直观而强大。自信地创建高性能和生产级全栈web应用程序和网站。Nuxt 中文站 - 直观的Web框架 Nuxt3文档 · Nuxt。

2024-03-12 19:19:39 713

原创 前端页面兼容pc和手机端设置,等比例缩小

【代码】前端页面兼容pc和手机端设置,等比例缩小。

2024-03-12 18:58:54 436

原创 vue 渲染pdf并盖章之后生成新的pdf

vue 渲染pdf文件,实现pdf拖拽盖章,生成新的pdf功能

2024-03-11 13:34:50 996

原创 解决echerts渲染未清除之前的数据问题

默认渲染五条数据,筛选之后接口只返回一条数据,但是显示的还是五条数据,这个问题目前只出现在后渲染数据条数比之前渲染数据条数少的情况下。在筛选请求之前清除之前渲染的dom数据。

2024-02-23 18:29:55 498

原创 微信小程序使用ucharts折线图,有负数显示0刻度线

当数据有负数和正数的时候默认不会显示0刻度线,不方便看出正负对比。

2024-02-04 15:37:26 803

原创 微信小程序复制内容,复制内容换行

【代码】微信小程序复制内容,复制内容换行。

2024-02-04 15:15:02 431

原创 vue2使用 element表格展开功能渲染子表格

【代码】vue2使用 element表格展开功能渲染子表格。

2024-01-16 19:31:17 1080

原创 vue 页面内容生成图片\PFD方法

在需要生成的内容绑定类名或id,在下面获取元素。点击生成图片或pdf。

2024-01-16 19:17:58 548

原创 element 表格循环渲染月份

【代码】element 表格循环渲染月份。

2024-01-11 12:19:23 410

原创 js 控制页面滚动

window.scrollTo(X,Y) 还可以使用a标签 进行滚动不用计算滚动多少px。

2024-01-02 12:01:21 362

原创 微信浏览器不显示视频原因

【代码】微信浏览器不显示视频原因。

2023-12-29 18:05:58 456

原创 element表格排序功能

【代码】element表格排序功能。

2023-12-29 18:01:52 679

原创 数组排序方法——sort()

【代码】数组排序方法——sort()

2023-12-29 17:37:07 509

原创 分子对接——模拟计算

分子对接是一种理论模拟方法,通过识别和匹配分子间相互作用,预测药物的结合模式和亲合力。这个过程是通过空间结构和能量匹配找到最佳结合模式。分子对接在药物设计和虚拟筛选中有着广泛应用,并常用于预测小分子、多肽、抗体、核酸抑制剂等的结合模式。此外,分子对接还可以与蛋白质组学数据相联系,研究配体分子和受体分子的相互作用,实现基于结构的药物设计和筛选。同时,分子对接与分子动力学模拟一同在药物研发中发挥着重要作用,可以深入地阐述分子间的相互作用,并形象地解释相互作用的机理。

2023-12-22 17:21:08 400

原创 有限元仿真

有限元分析法(FEM,Finite Element Method)是一种用于解决复杂工程结构的数值分析方法,它可以用来计算结构的应力、变形和位移。它是一种基于有限元素的数值分析方法,它将复杂的结构分解成许多小的有限元素,然后用数学方法计算每个有限元素的受力情况,最后将每个有限元素的受力情况综合起来,得到整个结构的受力情况。它将求解域看成是由许多称为有限元的小的互连子域组成,对每一单元假定一个合适的(较简单的)近似解,然后推导求解这个域总的满足条件(如结构的平衡条件),从而得到问题的解

2023-12-22 17:11:30 573

原创 第一性原理——模拟计算

第一性原理计算的基本思想是将多个原子构成的体系看成是由多个电子和原子核组成的系统,并根据量子力学的基本原理对问题进行最大限度的“非经验性”处理。它只需要5个基本常数(m0,e,h,c,kB)就可以计算出体系的能量和电子结构等物理性质。它可以确定已知材料的结构和基础性质,并实现原子级别的精准控制,是现阶段解决实验理论问题和预测新材料结构性能的有力工具。并且,第一性原理计算不需要开展真实的实验,极大地节省了实验成本,现已被广泛应用于化学、物理、催化、环境、生命科学和材料等领域。

2023-12-22 16:21:58 548

原创 分子动力学模拟

天玑算·科研服务致力于营造良好科研生态环境,加速科研成果转换,500余位TOP高校博士计算工程师团队,涉及第一性原理、分子动力学模拟、有限元等领域,为电池、能源、化工、生物医药等领域提供整体解决方案,可以应用于学术研究、材料工程、药物研发、人工智能、汽车仿真等领域。天玑算·科研服务_模拟计算_超算租用_实验测试。

2023-12-22 16:14:03 1274 4

原创 vue3 使用setup语法糖之后设置页面name方法

设置name的用处:页面缓存需要识别页面的唯一name属性才可以缓存。

2023-12-21 15:55:08 1115

原创 gitee版本回退本地和仓库的执行步骤(后悔药,无副作用,按说明书使用)

回退成功之后页面就回到了上一次状态,内容都还在,可以重新选择提交,在get库。重置master到此版本。缓存变成了第一个版本。

2023-12-21 11:43:39 2349 1

原创 做计算,找天玑算!

做计算,找天玑算!

2023-12-18 11:50:36 362

原创 正则表达式

【代码】正则表达式。

2023-12-14 18:22:46 360

原创 html跳转方法

input type="password" name="password" placeholder="请输入密码">" target="_blank">新窗口打开" >当前窗口打开3.form表单跳转。

2023-12-11 18:52:56 461 1

原创 微信小程序监听导航栏返回按钮

在一个页面里面有多个子页面,在子页面有多次跳转,就要返回多次,可以监听主页面的返回直接到最外层。

2023-12-11 18:52:29 528

原创 js方法(数组,对象,字符串,时间,内置方法等)

【代码】js方法(数组,对象,字符串,时间,内置方法等)

2023-11-23 13:56:36 881

原创 计算当月工作日时间进度

/ 获取当前时间// 获取当前年份和月份// 计算当月天数// 当月几号// console.log("当月天数:", daysInMonth);// console.log("当月的第", dayOfMonth, "天");// 工作日天数// 当前工作日天数// 当前时间进度// 自定义节假日// console.log("自定义工作日", workday);// 默认已工作日i++) {if (!Month++

2023-11-09 14:54:03 148

原创 html特殊标签

【代码】html特殊标签。

2023-11-02 15:23:01 16

原创 数据可视化——ucharts的使用(自定义修改文字,颜色,自适应屏幕宽度)

直接渲染数据不能渲染非数字的内容,使用formatter自定义内容。自定义,没有修改限制,上面图片展示三个数据就是自定义的。默认情况下,点击展示的是柱状图的柱子名称和数据。只能改变有的数据,只有两个柱子就最多只能展示二条。在需要用到图表的js页面里面引入这个文件。1.修改柱状图上面渲染的内容。我以微信小程序为例进行展示。引入的路径根据自己的位置来。修改默认渲染数据的内容。2.修改点击展示的内容。

2023-10-11 19:14:47 6778 5

原创 水球展示——微信小程序

【代码】水球展示——微信小程序。

2023-10-11 16:08:45 1315

页面侧边栏顶部固定和底部固定方法

页面侧边栏顶部固定和底部固定方法

2024-03-15

滚动页面侧边栏顶部固定和底部固定方法

滚动页面侧边栏顶部固定和底部固定方法

2024-03-14

水球展示水波动画gif图片

水波动画

2023-10-11

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除