- 博客(85)
- 资源 (6)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3 如何在<script setup>里设置组件name属性
一般情况,在 ``语法糖下,大多数人往往将其忽略,毕竟确实很少用得上 name 属性,但如果需要用到时,却为怎么声明使用犯起了难,**即使 Vue 在默认情况下会将文件名定义为 name 属性**,但文件名是可以重复的,如出现一大堆 `index.vue` ,阁下又将如何应对呢。我们先来看看在什么场景下需要使用到 name 属性,或则说 name 属性具体能够做什么,有什么用。
2023-11-03 22:18:52
10311
7
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 《微信小程序开发》 页面导航最强详解 | 如何对小程序页面进行跳转?
小程序能够在不同的页面进行跳转切换,路由起到了至关重要的作用,所有页面的路由全部由小程序框架进行管理,要想开发好小程序,路由可谓是一门必修课。在使用方面上区分,小程序的路由和Vue类似,分为 命名式导航 和 编程式导航 两种,只不过路由的切换方式、传参方式等有所不同。同时微信小程序的导航跟 uni-app 十分相似,学会原生的微信小程序,相信对于使用 uni-app 是没有问题的。在本文演示代码中,tabbar 页面配置如下, 其余页面均为非 tabbar 页面。二、命名式导航与编程式导航对应表1、
2022-07-07 14:54:37
5618
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Python Selenium.WebDriver 对Cookies的处理及应用『模拟登录』
Python Selenium.WebDriverWait 对Cookies的处理及用途『模拟登录』文章目录Python Selenium.WebDriverWait 对Cookies的处理及用途『模拟登录』一、Cookie的介绍二、Selenium对Cookie的操作相关博客一、Cookie的介绍二、Selenium对Cookie的操作相关博客...
2021-08-29 23:21:32
17199
11
原创 『精』Sass 核心程序设计指南(这一篇就够了!)
Sass(英文全称:Syntactically Awesome Stylesheets),在前端领域中,Sass 作为 CSS 的预处理器,即使没使用过,大概率也或多或少听说过 Sass。Sass 包括两套语法。最开始的语法叫做“缩进语法”,与 Haml 类似,使用缩进来区分代码块,并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”,使用和 CSS 一样的块语法,即使用大括号将不同的规则分开,使用分号将具体的样式分开。通常情况下,这两套语法分别对应 .sass 和 .scss 两个文件扩展名。
2024-04-26 10:27:45
441
2
原创 NVM NodeJs版本管理 通关宝典
NVM 是对于不同版本 NodeJs 的管理工具,NVM 允许安装不同版本 NodeJs,并通过命令行在这些版本之间切换,最大程度上解决在一台机器上对于依赖不同版本 NodeJs 项目,需要来回重装对应 NodeJs 版本的问题。个人觉得,使用 NVM 比使用 Node 安装包的安装流程还要简便,相比较传统的 NodeJS 安装包,NVM 的安装可谓是非常简易,也就四流程,排除掉开始、确定流程,实际需要操作的也就两个地方。**在使用之前,请确保卸载任何预先存在的 Node 安装,**打开 NVM 的。
2024-01-05 16:24:31
1102
原创 『精』CSS 小技巧之BEM规范
BEM风格规范指的是 Block、Element、Modifier 这三者的简称,这个规范将 CSS 拆分成块、元素、修饰符,根本作用是帮助开发者快速理解HTML与 CSS 之间的关系。那么通过使用 BEM 能获得到什么好处呢?如果我们想制作一个组件的新样式,比如改个字体/背景色,可以很容易地看到有哪些样式项已经存在,只需要新增一个修饰符即可,甚至可能意识到一开始就不需要编写任何样式,有一个预先存在的修饰符可以满足我们的需求。
2023-12-27 18:16:36
1033
原创 『精』Vue 组件如何模块化抽离Props
假如有这么一个用于签名的组件,能够控制画笔的大小、颜色、画布背景颜色宽高、按钮的文案提示等,那么它的属性必定是有十几个选项,假设 800 行代码里可能就得花费 100 行去声明这些属性,这明显是不合适的。从优化的角度上看,Vue 的Props声明方式都是一样的,同样的代码写多次显得有些冗余,那不妨将这些 Props 声明再次优化一下,编写一个公共的 Props 辅助工具进行声明。其实 ElementUI 的源码也是这么去做的,以 el-empty 组件为例,源码中对于属性的分离是这么写的。
2023-11-04 21:56:34
883
3
原创 CSS 快速实现水平垂直居中
本文探究的是如何快速实现水平垂直居中,重点在于快速两个字,我对于快速的理解,一是不需要编写大量的 CSS 属性,二是不需要手动计算居中的具体位置数值,基于这两个前提下,使用像和定位布局这种方式是不被允许的,那还剩下什么选择呢?答案就是使用弹性布局。
2023-10-24 18:58:19
486
原创 AndroidStudio如何设置中文
Android 平台开发程序的集成开发环境(IDE)。2013年5月16日在 Google I/O 上发布,可供开发者免费使用。对于使用过Jetbrains家的IDEA的朋友来讲,会发现的外观风格和IDEA十分相似,从启动到打开,可以说是同一个模子里雕出来的。查看软件的关于介绍,其实可以确定是基于 IDEA 开发出来的。
2023-10-22 22:10:01
14361
1
原创 『干货』WebStorm代码模板配置大全
在VsCode编辑器上更多是通过快速生成指令来实现,当然也有创建文件时自动添加代码模板的插件。对于Jetbrains家族来讲,软件本身支持在创建文件的时候自动添加预制代码,且内置了大多数不同类型文件的代码模板。本文章主要是基于Jetbrains家族中的WebStorm这个IDE,更好的利用其代码模板功能进行扩展,方便且提高编写代码的效率,如需设置代码模板,在设置选项此处中配置👇。
2023-10-22 19:05:24
1358
原创 『速查手册』HTML 语义化标签 | 语义化标签必要性?
页面更容易阅读的同时,爬虫也够更加容易去捕获页面内容,这对于一些敏感的数据不太友善,但好消息是通过 Ajax 动态加载、AES 非对称加密等手段能够一定手段遏制爬虫,存在一定防范手段,哪怕是使用 Seleunium 等方式直接获取页面加载后的源码,不使用语义化元素也阻止不了被爬虫抓取数据,转念一想语义化标签不显得是引狼入室。,也不能凭此得到领导赏识而升职加薪,对于习惯传统标签的人来说,还会增加学习成本,降低编写效率,属于是费力不讨好的类型。在大多数情况下,我们说的语义化元素指的是 HTML5 中新增元素,
2023-03-17 17:46:26
1360
1
原创 TypeScript 使用 ES6 解构骚操作
简单来说,typescript 认为传入的对象的某个属性一定是有值的,在解构中一定是可以解析出来这个值,自行设置的默认值形同虚设,是没有意义的。按照传统的类型声明方式,你可能会这么做👇,但很遗憾这种语法一样还是会报错,这与 ES6 语法冲突了。解决方法也很简单,既然编译器认为这个属性一定有值,那么只需要告诉编译器存在可能存在没有值的情况就行了,改成类型可选参数。但上面的语法放到 typescript 中会出现报错,原因很简单,相信在编写过程中难免会遇到这个问题,在明明是有默认值的情况下,抛出。
2023-02-28 16:01:05
1715
3
原创 JavaScript 两种方案打开文件对话框
文件系统访问API是一个很新的概念,允许web应用程序直接读取或保存用户设备上的文件和文件夹的更改,此 API 目前纯粹是一个 JavaScript API,并且不与表单或输入元素集成,这和以往的。文件流处理之前的第一关是打开文件对话框让用户选取文件,本文主要讲解如何打开这个文件对话框,同时带来了一种对于文件系统操作的新概念 API。要明确一点的是文件对话框是浏览器的功能,开发者不能自定义文件对话框,或是直接操作用户目录文件,要做的只是指引用户打开文件对话框选中目录文件。属性能控制文件上传类型与多选。
2023-02-24 17:47:36
10777
2
原创 『速查手册』MIME 多用途互联网邮件扩展
注意,在发起文件流资源请求若是缺少 MIME 类型或浏览器认为文件设置了错误的 MIME 类型时,浏览器可能会通过查看资源来进行 MIME 识别嗅探,每一个浏览器在不同的情况下会执行不同的操作。值得一提的是,除非文件是简单的文本内容,在大多数情况下都是以文件流进行传输,也就是二进制数据,在保存响应时一定要将其定义成二进制数据类型。当然,在绝大多数下载文件的场景中,不会只下载一个写死在代码且内容有限的文件,往往都是通过 Ajax 向服务器请求文件流资源再到用户浏览器中下载。,注意添加可选参数需要以分号分割,
2023-01-17 15:02:12
2465
原创 CSS 这个就叫优雅 | 多行文本溢出省略
在编写页面时,难免会用到文本溢出处理,但如果每遇到一次就要把上面的样式重新再写一次的话未免过于繁琐。如果你正在使用SCSS/LESS这种CSS预处理语言,那么我强烈建议你对其进行封装处理。
2023-01-09 16:46:01
3177
原创 『精』EditorConfig 小老鼠 跨编辑器 | IDE 保持一致的编码风格
在编写项目时,或多或少会在根目录下看到这个文件,那么这个文件是干嘛用的呢?简单来说,EditorConfig是控制简单通用的代码风格,最大特点就是跨编辑器和 IDE。因为图标是一个卡通老鼠,我将其俗称为小老鼠,就和控制git的 .gitignore 文件一样,在项目的根目录下会将其命名为 .editorconfig 的文本文件,这个协议使用起来非常简单,写法与Windows INI配置文件类似,和Python的文件解析器兼容。
2023-01-09 14:38:42
1365
原创 CSS 奇技淫巧Box-shadow实现圆环进度条
其实使用Box-shadow进行实现的关键点在于控制阴影按照顺序延时移动,移动的越快速度则越快,反则越慢。为解决最后一阴影移动便宜的问题,需要新增一个优先级高的阴影提前进行覆盖,当然嫌麻烦的话可以不用。因为是移动四个不同的阴影来控制进度,在阴影的切换处很明显会有顿挫感,对于需要平滑进度条的场景来说不太适用,但对于需要顿挫感的场景来说又很适用,可谓是一把双刃剑,关键要看在哪里用。使用阴影控制圆环进度条,这个方法是比较难想到的,实现起来还需要一层父元素,编写起来需要一定的熟练度。
2022-12-29 18:22:06
3874
原创 JavaScript 隐秘者 | Console.xxx竟然如此好用
除了平时用起来比较频繁的.log()、.warn()、.error()、.dir()方法,不妨可以再试试.count()、.group()、等,都是很实用方便的控制台接口,浏览器为了能够让开发者开发起来更轻松想了很多办法,合理运用这些接口能够在开发调试过程中如虎添翼。火狐浏览器对消息等级是分的比较细,如果要对不同的消息类型进行明显区分,不妨试试火狐浏览器。
2022-12-29 17:49:10
1917
原创 『精』Vue 使用props为路由组件传参『详解』
在组件内想要获取到路由的参数,需要使用 或 语法获取,这两者分别对应了params,query这两种参数类型。在组件内为获取路由参数需要大量使用到 ,这使得组件与路由紧密耦合,只能使用特定的URL大大限制了组件的灵活性,为了解决这一问题,可以通过 props 配置来对组件进行传参,降低组件与的耦合度。现在有一个顾客点餐的场景,根据路由将菜品名传入,并在页面中显示对应的价格。👆将上面的代码替换成下面👇这么做的好处是,允许在任何地方使用该组件,使得该组件更容易重用和测试。在 一、使用props传参..
2022-06-29 10:14:03
5218
原创 JavaScript ES6 奇妙的Symbol类型(╹ڡ╹ )
JavaScript ES6 妙用的Symbol类型文章目录JavaScript ES6 妙用的Symbol类型一、Symbol二、三、所拥有的属性方法四、五、参考资料💕相关博客🍗
2022-05-09 14:44:37
1225
原创 Javascript ES6集合(SET)类型✪ ω ✪
Javascript ES6集合(SET)类型✪ ω ✪一、集合集合(Set),是ES6中新出的数据类型,这于数学中的集合概念是一样的。在讲解 JS 的集合之前,我觉得还是有必要先回顾一下数学集合中的主要分类:并集,交集,差集
2022-04-27 16:12:35
1479
原创 使用 PyCharm、WebStorm、IDEA 的 File Watcher 插件实时更新文件
使用 PyCharm、WebStorm、IDEA 的 File Watcher 插件实时更新文件文章目录使用 PyCharm、WebStorm、IDEA 的 File Watcher 插件实时更新文件一、File Watcher 实时更新文件二、获取并打开 File Watcher参考资料💕推荐博客🎀
2022-04-21 20:48:11
5465
原创 JavaScript 各声明var、let、const方式区别『详解』
JavaScript 变量声明三种方式的区别『var、let、const』文章目录JavaScript 变量声明三种方式的区别『var、let、const』一、变量声明二、提前声明三、var 变量声明四、let 变量声明五、const 常量声明六、var、let和const应用场景参考资料相关博客🍗
2022-03-27 02:59:04
2432
原创 CSS 长度单位的详解『你还是只会使用PX吗?(╬▔皿▔)╯』
CSS 长度单位的详解『你还是只会使用PX吗?』文章目录CSS 长度单位的详解『你还是只会使用PX吗?』一、CSS的长度单位🥣二、绝对长度单位三、相对长度单位四、相对长度的应用参考资料🥪相关博客一、CSS的长度单位🥣CSS中有相当一部分属性的值是需要使用到长度,而说到长度就一定会有长度单位的出现,长度单位在CSS中并不是统一的。CSS的长度单位主要分为绝对长度单位和相对长度单位。1、in(英寸)2、cm 厘米3、mm 毫米
2022-03-20 20:35:48
2678
原创 CSS 伪类和伪元素的区别以及详解o((>ω< ))o
一、伪类🛸**关于伪类的定义,先来看看在 CSS3 建议文档是怎么说的:**- 伪类存在的意义是为了通过选择器找到那些 ①不存在于DOM树中的信息 以及 ②不能被常规CSS选择器获取到的信息- 伪类由一个冒号 `:` 开头,冒号后面是伪类的名称和包含在圆括号的可选参数。- <font color=green>任何常规选择器都可以在任何位置使用伪类。- 一些伪类的作用会互斥,另外一
2022-03-13 23:29:11
2083
1
原创 Python 标准库之 json 编码和解码器『详解』
Python 标准库之 json 编码和解码器文章目录Python 标准库之 json 编码和解码器json.dump(obj, fp, *, skipkeys=False, ensure_ascii=True, check_circular=True, allow_nan=True, cls=None, indent=None, separators=None, default=None, sort_keys=False, **kw)json.dump(obj, fp, *, skipkeys=Fa
2022-02-03 20:04:03
3787
原创 Python 如何写好注释与文档字符串o(* ̄▽ ̄*)ブ
注释是每个计算机语言的重要组成部分,用于在源代码中解释代码的功用,可以增强程序的可读性,可维护性,或者用于在源代码中处理不需运行的代码段,来调试程序的功能执行。**想必很多人都了解 Python 的注释,Python 的注释分单行注释和多行注释,对于多行注释而言会用到一个Python独一无二很厉害的文档字符串,这也是下面内容要提到的,在当前部分将会稍微讲讲单行注释。****文档字符串(DocString)注重于解释怎么使用模组、类、方法与函数,对于每个模组、类、方法与函数都应该编写 DocString 文
2022-01-24 01:17:53
2652
原创 Python Selenium.WebDriver 最强详解页面加载策略
Python Selenium.WebDriverWait 网页加载策略『详细』文章目录Python Selenium.WebDriverWait 网页加载策略『详细』一、网页加载策略一、网页加载策略
2022-01-17 01:23:44
21755
4
原创 Python 多种方法判断是否绝对路径ヾ(•ω•`)o
Python 判断是否绝对路径文章目录Python 判断是否绝对路径def is_absolute(path): """ 判断是否伟绝对路径 """ if hasattr(path, "is_absolute"): return getattr(path, "is_absolute")() return os.path.isabs(path)def is_absolute(path): """ 判断是否伟绝对路径 ""
2021-11-24 01:40:33
4310
原创 Python Selenium.WebDriver 浏览器启动参数设置『Edge如何使用启动参数』
在创建 WebDriver 实例时,可以配置它的启动参数以进行一些初始设置,这些设置将会在 WebDriver 的整个生命周期内生效对于不同类型的浏览器,WebDriver 传入的参数并不相同,但主要的几个参数是一样的*
2021-10-24 01:22:16
51722
15
原创 Python Selenium.WebDriver清除输入框再输入『详解』
Python Selenium.WebDriverWait 清除输入框再输入文章目录Python Selenium.WebDriverWait 清除输入框再输入输入框输入框
2021-08-21 23:15:11
11479
2
原创 Python Selenium.WebDriver 判断元素是否存在
Python Selenium.WebDriverWait 判断元素是否存在文章目录Python Selenium.WebDriverWait 判断元素是否存在一、判断元素是否存在二、异常捕获三、多元素捕获空判断四、页面源码获取参考资料 相关博客一、判断元素是否存在Selenium 中并没有直接判断元素是否存在的方法,因此我们只能通过现有的一些方法自行写一个专门的函数或方法去实现这个目的,二、异常捕获三、多元素捕获空判断四、页面源码获取参考资料????官方手册S
2021-08-14 18:10:16
17836
原创 Python 标准库之 shutil 高阶文件操作『详细』
Python标准库之 shutil 高阶文件操作『详细』文章目录Python标准库之 shutil 高阶文件操作『详细』一、Python shutil介绍 二、导入 shutil 库三、目录和文件操作一、Python shutil介绍shutil 模块提供了一系列对文件和文件集合的高阶操作,特别是提供了一些支持文件拷贝和删除的函数。主要功能有二、导入 shutil 库在看下列内容并实际操作前,别忘记导入shutil 标准库呀import shutil三、目录和文件操作
2021-08-13 13:06:18
2636
原创 Python 编程规范指南详解 上
Python PEP 8 编程规范指南文章目录Python PEP 8 编程规范指南PEP 8 风格介绍PEP 8 风格介绍PEP 8 是 Python Enhancement Proposal #8 的简写,中文释义Python的增强提议,它是一份针对 Python 代码格式而编订的风格指南,...
2021-08-12 23:02:20
1724
原创 Python 标准库之 random 生成伪随机数『详细』
Python 标准库之 random 生成伪随机数文章目录Python 标准库之 random 生成伪随机数
2021-06-19 16:46:31
5762
1
原创 Ps 原来排版证件照如此简单(╹ڡ╹ )
Ps 原来排版证件照如此简单文章目录Ps 原来排版证件照如此简单一、前言 二、证件照尺寸大小 三、需要注意的一些问题四、PS 裁剪照片五、明确大小六、PS 开始排版证件照七、大功告成相关博客一、前言这段时间需要一些证件照,恰巧我手头上有能打印照片的打印机,我就打算自己去弄,在网上搜了不少教程,却发现对于这部分的教程要不就是内容不全,要么就是繁琐复杂,或是表达不够清晰。在经过一系列的折腾之后,我写出了这篇文章对其进行总结,其实排版打印个证件照并没有那么难,那么复杂。二
2021-06-13 12:02:21
5071
原创 JavaScript 编写Date 格式化方法『Python风格』
JavaScript 手动编写Date对象 日期格式化方法『Python风格ヾ(•ω•`)o』文章目录JavaScript 手动编写Date对象 日期格式化方法『Python风格ヾ(•ω•`)o』Python与JS 日期对象对比JS 日期格式化Python与JS 日期对象对比在学习编写JS脚本的时候,一直觉得JS中的Date对象对于日期格式化方法很不友善,完全没有Python那么方便,我就在想能不能自己编写一个类似 Python风格的日期格式化方法,于是这篇笔记就此诞生先来看看,在输出一样的时间格式
2021-06-10 08:49:04
1527
8
作业练习-快递信息源 TXT
2023-09-10
Python语言规范 — Google 开源项目风格指南.pdf
2021-08-12
Python风格规范 — Google 开源项目风格指南.pdf
2021-08-12
Python笔记—递归 二分法从列表找指定的值.7z
2021-03-04
Python笔记—列表解析式、列表生成式.7z
2020-09-25
Python笔记—利用字符串格式化输出好看文本.7z
2020-09-25
在写项目时遇到追加 `.d` 为后缀的脚本文件
2022-08-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人