自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

原创 vue之函数式组件

在 Vue.js 中, 是用来定义函数式组件的一种方式。函数式组件是专门设计用于表现层的轻量级组件,通常没有状态和实例,它们依赖于传入的 来渲染内容,因此效率更高。

2024-08-27 16:36:29 990

原创 web环境之宽高,位置

一个页面的展示从外到内的容器为:屏幕,浏览器以及页面本身。

2024-08-27 14:24:02 627

原创 vue之递归组件

递归组件是指在其自身模板中引用自己的 Vue 组件。这在需要处理嵌套数据结构(如树形数据、嵌套评论等)时非常有用。

2024-08-26 11:51:47 1193

原创 css之ShadowDOM

shadowDom

2024-08-23 10:09:20 996

原创 TypeScript之基础类型

never类型表示的是那些永不存在的值的类型。例如, never类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型;变量也可能是 never类型,当它们被永不为真的类型保护所约束时。never类型是任何类型的子类型,也可以赋值给任何类型;然而,没有类型是never的子类型或可以赋值给never类型(除了never本身之外)。默认情况下null和undefined是所有类型的子类型。就是说你可以把 null和undefined赋值给number类型的变量。

2024-08-15 10:38:06 490

原创 “provide/inject“模式(依赖注入)

provide和inject是 Vue.js 提供的用于跨组件通信的工具。适用于深层次组件树结构中避免 props 多层传递的问题。可以与响应式状态结合使用,以实现对提供数据的动态更新。

2024-08-15 10:34:54 1032

原创 优化之页面卡顿

页面卡顿原因有:渲染组件过多,代码执行时间长。

2024-07-26 10:33:18 443

原创 $confirm弹框

confirm弹框按钮区分,以及加载样式。

2024-07-15 10:19:10 325

原创 Python管理工具 pyenv

pyenv是一个非常强大的工具,能够极大地方便开发人员在不同项目之间无缝切换 Python 版本,并且始终保持环境的干净和可管理。查看可安装的 Python 版本安装指定版本的 Python设置全局 Python 版本设置本地 Python 版本查看当前 Python 版本创建虚拟环境激活虚拟环境退出虚拟环境。

2024-07-15 10:16:48 920 1

原创 el-select中下拉数据太多,页面卡顿

element ui使用select 下拉加载

2024-06-04 15:18:23 1283

原创 vscode 运行和调试

vscode 之断点使用

2024-06-04 15:15:27 1004

原创 vscode设置粘滞滚动

vscode使用中,设置粘滞滚动

2024-05-28 10:15:19 598

原创 vue使用xlsx库和xlsx-style库

xlsx模块,用于文件导入导出.

2024-05-28 10:13:15 822

原创 迭代器和生成器函数(generator)

在js中,迭代器是一个对象,它定义一个序列,并在终止时可能附带一个返回值.迭代器是通过next()方法实现迭代器协议的任何一个对象,该方法返回具有两个属性的对象:value:迭代序列的下一个值done:如果已经迭代到序列中的最后一个值,则它为 true。如果 value 和 done 一起出现,则它就是迭代器的返回值。一旦创建,迭代器对象可以通过重复调用 next() 显式地迭代。

2024-05-06 16:51:28 431

原创 element+ant 组件点

a-table中的:column属性,设置对应的列上。

2024-05-06 16:49:56 327

原创 chart.js中多条x轴,相同y轴在一个图像上

chart.js

2024-01-22 10:42:43 693

原创 chart.js中,悬浮点生成一条垂直于x轴的线

chart.js

2024-01-22 10:41:47 527

原创 vue使用tailwindcss

css

2024-01-05 10:24:07 623

原创 终止for循环的三种方法(continue,break,return)区别

终止循环

2024-01-05 10:23:16 4337

原创 项目记录:应用商店上架APP

1.注册开发者账号在上架APP之前,您需要注册一个开发者账户。不同的应用商店可能有不同的注册流程和费用。注册开发者账户后,您将获得上架APP所需的权限和工具。2.上架材料:易版权网站申请应用图标和截图: 准备一个吸引人的应用图标和截图,能够吸引用户点击并下载您的APP。(图标1616、216216、256256、512512)应用说明和描述: 编写详细的应用说明和描述,清楚地介绍您的APP的功能和特点,吸引用户了解更多。

2023-12-27 18:16:27 1059

原创 项目记录:el-table中的验证

el-table中添加验证

2023-12-27 18:14:28 661

原创 js小结(1)

一元加号运算符 ( +) 在其操作数之前并计算其操作数,但如果尚未将其转换为数字,则尝试将其转换为数字。,详细了解屏幕相关尺寸:http://t.csdnimg.cn/VCOvp。将字符串值乘以1不会改变值,并且默认情况下它会转换为数字。传递第二个参数,来制定数字的进制。以下图片转自上述链接。

2023-11-28 17:26:56 64

原创 解读并手写Promise

promise

2023-11-28 17:24:25 133

原创 Vue之插槽slot

slots。

2023-11-24 10:37:57 73 1

原创 el-form中不使用model,只使用验证

el-form和el-input的一些解决方案

2023-11-24 10:35:38 344 1

原创 @font-face

@font-face

2023-11-21 15:37:31 36

原创 vscode保存时自动eslint格式化

保存自动ESLint

2023-11-21 15:12:06 2018 1

原创 Sourcetree之ssh具体配置

sourcetree

2023-11-06 17:20:26 461

原创 开发调试技巧随笔

开发技巧

2023-10-30 10:45:02 74 1

原创 项目随笔之async-validator

async-validator是一个表单异步校验库,Ant-design和Element组件库中的表单使用的都是asgnc-validator,不仅支持js,同时还支持ts,是个功能超级强大的库.如果需要校验的数据类型是对象,且需要校验对象中的每一个属性,此时需要通过嵌套规则分配给rules的fields属性来校验属于object或array类型的校验规则。transform 函数内的 value.trim() 会把传入的值前后空格去掉,所以校验成功,如果没有 transfrom 函数,校验将会失败。

2023-10-27 14:46:36 1382 1

原创 VueUse使用之useStorage

默认情况下,useStorage将根据提供的默认值的数据类型智能地使用相应的序列化程序。例如,JSON.stringify/JSON.parse将用于对象,Number.toString/parseFloat将用于数字等。默认情况下,如果useStorage显示并忽略默认值,它将使用存储中的值。请注意,当您向默认值添加更多属性时,如果客户端的存储没有这个key,则该key可能是undefined。请注意,当您提供null作为默认值时,useStorage不能从它中假定数据类型。

2023-10-25 11:45:23 2023 1

原创 ant4.0循环生成formitem&验证 代码记录(1)

【代码】ant4.0循环生成formitem&验证 代码记录(1)

2023-10-18 10:48:08 154 1

原创 render函数

render函数

2023-07-24 11:50:54 260

原创 sortable.js

Sortable.js是一款优秀的js拖拽库,支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库,如Bootstrap、Element UI。你可以用来拖拽div、table等元素。安装:$ npm install sortablejs --save。

2023-07-20 11:01:15 1072

原创 vue.draggable拖拽笔记

filter:如果你想设置某个元素或对象不允许拖动拖拽把这些元素的样式名称设置到filter属性即可,本文将实现包含forbid样式的元素将无法拖动,第一行无法拖动,也无法拖动到第一行,用到filter和move属性。chosenClass:通过vue.draggable的chosenClass属性设置选中元素的样式,可以通过自定义样式来方便的区分出那个元素被选中。handle:当鼠标落在handle指定的元素上面时才允许拖动,如下面的例子只能点击加号区域才能拖动,点击其他区域则无法拖动。

2023-07-20 10:55:04 1235

原创 css实现鼠标禁用

注:使用禁止触发事件时,鼠标样式会失效,变成箭头,即cursor:not-allowed,与pointer-events:none;禁用样式:(鼠标滑过显示红色禁止符号)

2023-06-29 10:13:07 1989

原创 js中的操作符

void 是一元运算符,它可以出现在任意类型的操作数之前执行操作数,会忽略操作数的返回值,返回一个 undefined。在计算机中,正数用原码表示,负数使用补码存储,首先看最高位,最高位1表示负数,0表示正数。按位与操作符(&)会对参加运算的两个数据按二进制位进行与运算,即两位同时为 1 时,结果才为1,否则结果为0。可以用于js中的任何值,这个操作符使用返回布尔值,(首先会将操作数转化为布尔值,然后在对其取反。也可以用于将任何值转化为布尔值,同时使用两个!负数的反码为除符号位,按位取反(0变1,1变0)

2023-06-20 12:06:13 224

原创 JSON.parse(JSON.stringfy(对象))弊端

如果obj中的对象是有构造函数生成的, 则使用JSON.parse(JSON.stringify(obj))深拷贝后,会丢弃对象的constructor。1、如果obj里面存在时间对象,JSON.parse(JSON.stringify(obj))之后,时间对象变成了字符串。3、如果obj里有函数,undefined,则序列化的结果会把函数, undefined丢失。2、如果obj里有RegExp、Error对象,则序列化的结果将只得到空对象。6、如果对象中存在循环引用的情况也无法正确实现深拷贝。

2023-06-16 15:16:01 1111

原创 解决element中table单元格内转义符不起作用

把.cell的white-space属性值,通过样式穿透设置成pre-line就可以了。关于white-space属性:设置如何处理文本中的空白符(空格,换行)官方把.cell的white-space属性设置为normal。问题:数据内添加\n换行符不起作用。

2023-06-16 10:04:14 328

原创 vue之解析vue.config.js的配置项之publicPath

一般在vue项目当中,都有一个vue.config.js,一个可选的配置文件,之前总是再用,但对于其中的配置项具体的用途了解少之又少,所以准备对此文件常用的配置项或webpack插件做一下记录。publicPath配置成'/aaa/bbb/ccc', 则需在相应的服务器路径中新建aaa>bbb>ccc的文件夹,然后将打包后的文件放进去。publicPath字段的用途。官网上的描述如下图所述。

2023-06-15 10:04:53 2997 1

watermark使用

watermark使用

2024-08-02

空空如也

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

TA关注的人

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