耀极客论坛

 找回密码
 立即注册
查看: 559|回复: 0

Vue3+Vite+TS实现二次封装element-plus业务组件sfasga

[复制链接]

336

主题

318

帖子

22万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
220555
发表于 2022-5-9 02:01:18 | 显示全部楼层 |阅读模式
  这篇文章主要介绍了在Vue3+Vite+TS的基础上实现二次封装element-plus业务组件sfasga,下面文章也将围绕实现二次封装element-plus业务组件sfasga的相关介绍展开相关内容,具有一定的参考价值,需要的小伙伴可恶意参考一下

1.结构字符串
  你会经常需求打印字符串。要是有很多变量,防止下面这样:
  1. name = "Raymond"
  2. age = 22
  3. born_in = "Oakland, CA"
  4. string = "Hello my name is " + name + "and I'm " + str(age) + " years old. I was born in " + born_in + "."
  5. print(string)
复制代码
  这看起来多乱呀?你能够用个漂亮简约的办法来替代 .format 。
  如下:
  1. name = "Raymond"
  2. age = 22
  3. born_in = "Oakland, CA"
  4. string = "Hello my name is {0} and I'm {1} years old. I was born in {2}.".format(name, age, born_in)
  5. print(string)
复制代码
2.返回tuple元组
  Python允许你在一个函数中返回多个元素,这让生活更简单。但是在解包元组的时分出出线这样的常见错误:
  1. def binary(): return 0, 1
  2. result = binary()
  3. zero = result[0]
  4. one = result[1]
复制代码
  这是没必要的,你完整能够换成这样:
  1. def binary(): return 0, 1
  2. zero, one = binary()
复制代码
  要是你需求一切的元素被返回,用个下划线 _ :
  1. zero, _ = binary()
复制代码
  就是这么高效率!

3.访问Dict字典
  你也会经常给 dicts 中写入 key,value (键,值)。
  假如你试图访问一个不存在的于 dict 的 key ,可能会为了防止 KeyError 错误,你会倾向于这样做:
  1. countr = {}
  2. bag = [2, 3, 1, 2, 5, 6, 7, 9, 2, 7]
  3. for i in bag:
  4. if i in countr:
  5. countr[i] += 1 else:
  6. countr[i] = 1
  7. for i in range(10):
  8. if i in countr:
  9. print("Count of {}: {}".format(i, countr[i]))
  10. else:
  11. print("Count of {}: {}".format(i, 0))
复制代码
  但是,用 get() 是个更好的方法。
  1. countr = {}
  2. bag = [2, 3, 1, 2, 5, 6, 7, 9, 2, 7]
  3. for i in bag:
  4. countr[i] = countr.get(i, 0) + 1
  5. for i in range(10):
  6. print("Count of {}: {}".format(i, countr.get(i, 0)))
复制代码
  当然你也能够用 setdefault 来替代。
  这还用一个更简单却多费点开支的方法:
  1. bag = [2, 3, 1, 2, 5, 6, 7, 9, 2, 7]
复制代码
  {2: 3, 3: 1, 1: 1, 5: 1, 6: 1, 7: 2, 9: 1}:
  1. countr = dict([(num, bag.count(num)) for num in bag])
  2. for i in range(10):
  3. print("Count of {}: {}".format(i, countr.get(i, 0)))
复制代码
  我们也能够用 dict 推导式。
  1. countr = {num: bag.count(num) for num in bag}
复制代码
  这两种办法开支大是由于它们在每次 count 被调用时都会对列表遍历。

4.运用库
  现有的库只需导入你就能够做你真正想做的了。
  还是说前面的例子,我们建一个函数来数一个数字在列表中呈现的次数。那么,曾经有一个库就能够做这样的事情。
  1. from collections import Counter
  2. bag = [2, 3, 1, 2, 5, 6, 7, 9, 2, 7]
  3. countr = Counter(bag)for i in range(10):
  4. print("Count of {}: {}".format(i, countr[i]))
复制代码
  一些用库的理由:
       
  • 代码是正确而且经过测试的。   
  • 它们的算法可能会是最优的,这样就跑的更快。   
  • 笼统化:它们指向明白而且文档友好,你能够专注于那些还没有被完成的。
  最后,它都曾经在那儿了,你不用再造轮子了。


5.在列表中切片/步进

  我们能够指定 start 的点和 stop 点,就像这样 list[start:stop:step] 。我们取出列表中的前5个元素:
  1. bag = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  2. for elem in bag[:5]:
  3. print(elem)
复制代码
  这就是切片,我们指定 stop 点是5,再中止前就会从列表中取出5个元素。
  要是最后5个元素怎样做?
  1. bag = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  2. for elem in bag[-5:]:
  3. print(elem)
复制代码
  没看明白吗? -5 意味着从列表的结尾取出5个元素。
  假如你想对列表中元素距离操作,你可能会这样做:
  1. bag = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  2. for index, elem in enumerate(bag):
  3. if index % 2 == 0:
  4. print(elem)
复制代码
  但是你应该这样来做:
  1. bag = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  2. for elem in bag[::2]:
  3. print(elem)
复制代码
6.用 ranges
  1. bag = list(range(0,10,2))
  2. print(bag)
复制代码
  这就是列表中的步进。 list[::2] 意义是遍历列表同时两步取出一个元素。
  你能够用 list[::-1] 很酷的翻转列表。
  到此这篇关于Vue3+Vite+TS实现二次封装element-plus业务组件sfasga的文章就介绍到这了,更多相关二次封装element-plus业务组件sfasga内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-12-7 12:44 , Processed in 0.073048 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表