- 博客(42)
- 收藏
- 关注
原创 vue之函数式组件
在 Vue.js 中, 是用来定义函数式组件的一种方式。函数式组件是专门设计用于表现层的轻量级组件,通常没有状态和实例,它们依赖于传入的 来渲染内容,因此效率更高。
2024-08-27 16:36:29 990
原创 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
原创 Python管理工具 pyenv
pyenv是一个非常强大的工具,能够极大地方便开发人员在不同项目之间无缝切换 Python 版本,并且始终保持环境的干净和可管理。查看可安装的 Python 版本安装指定版本的 Python设置全局 Python 版本设置本地 Python 版本查看当前 Python 版本创建虚拟环境激活虚拟环境退出虚拟环境。
2024-07-15 10:16:48 920 1
原创 迭代器和生成器函数(generator)
在js中,迭代器是一个对象,它定义一个序列,并在终止时可能附带一个返回值.迭代器是通过next()方法实现迭代器协议的任何一个对象,该方法返回具有两个属性的对象:value:迭代序列的下一个值done:如果已经迭代到序列中的最后一个值,则它为 true。如果 value 和 done 一起出现,则它就是迭代器的返回值。一旦创建,迭代器对象可以通过重复调用 next() 显式地迭代。
2024-05-06 16:51:28 431
原创 项目记录:应用商店上架APP
1.注册开发者账号在上架APP之前,您需要注册一个开发者账户。不同的应用商店可能有不同的注册流程和费用。注册开发者账户后,您将获得上架APP所需的权限和工具。2.上架材料:易版权网站申请应用图标和截图: 准备一个吸引人的应用图标和截图,能够吸引用户点击并下载您的APP。(图标1616、216216、256256、512512)应用说明和描述: 编写详细的应用说明和描述,清楚地介绍您的APP的功能和特点,吸引用户了解更多。
2023-12-27 18:16:27 1059
原创 js小结(1)
一元加号运算符 ( +) 在其操作数之前并计算其操作数,但如果尚未将其转换为数字,则尝试将其转换为数字。,详细了解屏幕相关尺寸:http://t.csdnimg.cn/VCOvp。将字符串值乘以1不会改变值,并且默认情况下它会转换为数字。传递第二个参数,来制定数字的进制。以下图片转自上述链接。
2023-11-28 17:26:56 64
原创 项目随笔之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
原创 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人