闲欢-优快云博客

原创 check_hostname requires server_hostname错误解决方案

关于ValueError: check_hostname requires server_hostname解决办法

2022-07-13 22:55:14 1719

原创 Python安装包报错ERROR: Could not find a version that satisfies the requirement XXX解决方法

Python安装包报错ERROR: Could not find a version that satisfies the requirement XXX解决方法

2022-07-06 22:28:40 110078 39

原创 npm安装时卡在sill idealTree buildDeps，npm安装速度慢，npm安装卡在一个地方不动

npm安装时卡在sill idealTree buildDeps，npm安装速度慢，npm安装卡在一个地方不动解决办法

2022-06-06 22:07:07 17285 3

原创 svelte初始化时load函数返回props和stuff区别

在svelte的module中，我们可以通过load函数返回props和stuff两个重要的对象，这两个对象分别有不同的功能作用，没弄明白很容易迷糊，本文就着重讲一下这两个对象的作用。

2022-06-01 10:15:58 312

原创 svelte中几个关键字总结

在svelte中，有些关键字跟其他框架不一致，刚开始接触时会感觉比较奇怪，而且很难记住他们的使用场景，这里我一起总结一下，希望可以对比起来看，更容易理解。bind在我们需要双向绑定的时候，就用bind关键字，这样我们的值变化了，可以直接反应到页面UI上：<script> let name = 'world';</script><input bind:value={name}><h1>Hello {name}!</h1>

2022-05-26 18:23:22 326

原创 svelte特殊元素

Svelte 提供了各种内置的特殊元素。1、<svelte:self>首个介绍的是<svelte:self>，它表示当前组件，允许在某些情况递归自身，这对于展示文件夹树之类的视图很有用，其中文件夹可以包含其他文件夹。下方以展示文件夹树Folder为例：Folder.svelte<script> export let name = 'noname'; export let folders = []</script>&l...

2022-05-24 11:22:31 480

原创 svelte插槽

HTML 元素允许相互组合，由此构建复杂的页面。如果不是普通的 HTML 元素，而是 Svelte 组件，同样支持让组件作为容器，为其添加子组件，以此组合出更大更强的组件，这种容器被称为插槽（Slots）。1、插槽元素可以有子级节点...<div> <p> p 元素是 div 的子元素 </p></div>..组件也可以有。但是，组件接收子级节点之前，它需要知道应该将子级节点放置何处。我们使用<slot>元素来应对此操.

2022-05-24 11:11:14 301

原创 svelte上下文

Context，中文译为上下文，即语境，但从字面入手，恐怕较难理解。打个比方，假设你30好几还是单身，今天准备去相亲，跟一个男孩/女孩约在南京路中餐厅吃饭，你与相亲对象之间，必然有一个联系人，我们通常称之为“媒婆”，通常嘴角有颗痣，还有媒婆扇子，媒婆就是你们之间（组件之间）能产生联系的上下文。你对相亲对象有任何想要事前了解的信息，都能通过媒婆获悉；对方亦然。女方一般要深入了解两类重要信息，分别是经济层面及哲学层面。经济层面包括：房、车和钱，这无可厚非，不一定就说明此人物质，对此愤慨的一般是些

2022-05-24 10:56:44 287

原创 svelte动作（Action）

1、use 指令动作（Action），其本质是元素上的生命周期函数。它们可用于譬如以下几个方面：与第三方库对接延迟加载图片工具提示（tooltips）添加自定义事件处理程序我们模拟先做一个第三方库，要使第三方库适配 Svelte 的 Action 十分简单，实际上，Action 只是一个普通的函数，它接收一个参数，就是当前元素的 DOM 节点对象。我们自制的“第三方”库的功能假设是一个让任意元素支持移动的 JS 库，它的框架大概是这样：movable.jsexport f

2022-05-24 10:51:38 447

原创 svelte状态管理

Svelte 是没有对应的状态库的，因为它内置了状态管理，它被称为store。当期望脱离组件的层级（父-子）关系且能够在任意位置都能访问某个状态（变量）时，状态管理仍然是非常有用的一个特性。总的来说，Svelte 的状态管理更为简单直接 —— 我对这种简单的热爱毫不掩饰，它起码不会使用起来要绕晕脑袋（可能我的理解能力比较低），使得我的代码在别人眼里看来很“高级”。1、可写状态（Writable stores）并非所有的状态都属于在组件层次的结构内。某些时候，有些状态需要被多个毫不相干的组件.

2022-05-24 09:50:47 816 1

原创 svelte事件

本章我们专门探讨 Svelte 事件处理。1、DOM 事件我们来写一个简单的程序，界面上展示鼠标当前所在的坐标：<script> let m = { x: 0, y: 0 }; function handleMousemove(event) { m.x = event.clientX; m.y = event.clientY; }</script><style> div { width: 100%; height: 1

2022-05-23 16:05:27 440 1

原创 svelte模板

除去脚本，组件的另一个核心点是 UI，用于描述 UI 的 HTML 是一种“静态”的语言，HTML 是无法表达逻辑的，比如条件和循环，但 Svelte 可以。Svelte 为其增加了一些逻辑支持，譬如判断、遍历等，以增强你对 UI 的表达能力。这些额外附加的逻辑能力似曾相识，它十分接近一些以往非常流行的Handlebars或者Mustache模板语言，例如{{#if ...}}，稍有区别的是，Svelte 使用单个大括号括起：{#if ...}。Svelte 的编译器将会编译这些逻辑，...

2022-05-23 14:40:43 281

原创 svelte响应式核心——赋值

1、触发反应性的核心——赋值Svelte 的核心是功能强大的响应式系统，用于使 DOM 与你的应用程序状态保持同步，例如响应事件。<script> let count = 0; function handleClick() { // 事件处理代码写在这儿 }</script><button> Clicked {count} {count === 1 ? 'time' : 'times'}</button>为了演示

2022-05-23 10:45:30 360

原创比 Postman 好用 20 倍，天生免费

近期发现了一款国产化的接口测试工具，看它官网中的中文页面，倍感心切，很干净，深度解决了postman 和 swagger 的95%痛点。这个国产软件就是Eolink，结合了 API 设计、文档管理、自动化测试、监控、研发管理和团队协作的一站式 API 生产平台，还集成Gitlab、Jenkins、钉钉、企业微信、飞书等平台，满足API团队协作和流程自动化的所有功能。目前 SaaS 产品完全免费，你可使用web版，也可下载桌面端，Windows、Mac、Linux 平台均支持！...

2022-05-20 10:15:02 227

原创本地安装svelte命令步骤

您需要先在本地系统中安装Node，然后才能获取基本的Svelte项目。然后，我们可以在需要创建Svelte应用程序的存储库中运行以下命令：npx degit sveltejs/template project-name创建存储库后，移至该文件夹并安装项目所需的依赖项。项目的依赖关系在“ package.json”文件中指定。cd project-name安装npm：npm install为了运行开发环境，我们需要运行“ dev”脚本。npm run dev...

2022-04-28 10:15:04 449

原创 Win11Git无法连接-Connection refused

有时候为了访问GitHub或者访问外网，我们会使用代理软件。但是使用代理软件，然后关闭代理软件之后，我从GitHub或者gitlab上pull代码就会报错：Failed to connect to 127.0.0.1 port 1181: Connection refused找了半天，应该是Git上设置代理了，这是Win11的一个bug。并不是你手动设置的。解决方法是，在项目上打开terminal终端，输入去除代理的命令：git config --global --unset http

2021-12-17 09:26:47 655

原创百度网盘设置自定义提取码

下载最新版本的百度网盘客户端。点击资料的分享，就会发现多了一个自定义的提取码，自已填好就行。一样也可以复制链接。

2021-08-25 21:19:22 1432

原创 Python用图片生成gif

找一组相同大小的图片，几行代码生成gifimport osfrom PIL import ImageimgFolderPath = "C:\\Users\\xxx\\Downloads\\imgs"fileList = os.listdir(imgFolderPath)# 取第一张图片作为封面firstImgPath = os.path.join(imgFolderPath, fileList[0])im = Image.open(firstImgPath)images = []

2021-08-15 18:40:55 318

原创使用pandas对Excel文件进行分组并拆分成多个子Excel

遇到一个需求：Excel表格为某行业的销量数据，需要对品牌进行分组，然后把不同品牌的数据放到不同的Excel表格中。import pandas as pddf = pd.read_excel("result.xlsx")#对品牌列去重，生成listindex_list = df.品牌.unique() #计算品牌个数lenth_index = len(index_list) for n in range(lenth_index): #读取该品牌的所有数据 data1=..

2021-08-15 18:38:25 2118 2

原创 Python使用PyQuery解析网页元素

通过解析HTML相关的元素、节点获取所需信息。from pyquery import PyQuery as pq# content是HTML内容doc = pq(content)# 这里是在HTML内容中获取class为.d-price的元素，因为这元素标识价格price_ele = doc('.d-price')# 在价格元素节点中获取class为.d-p-red的元素的text，就是需要的价格price = price_ele.find('.d-p-red').text()...

2021-08-15 18:33:24 217

原创 Python解析HTML，获取同位置的数据

在HTML中，有时候我们解析时，需要获取相同元素中的数据。例如：爬取房产页面，我们需要获取页面内每个房屋的基本信息，包括小区、位置、价格等等。这些信息一般都是以列表形式放在网页中，这时候可以通过固定模式获取。import re# 这里需要获取网页中某个链接的数据项id，这个id都是放在相同的a标签中，可以使用 (.*?) 获得dataItems = re.findall('<a class="name" href="https://www.tiebaobei.com/ue/wajueji

2021-08-15 18:29:37 263

原创 Python简单requests请求

最简单的requests请求，复制即用。import requestsheaders = { "Host": "www.baidu.com", "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 Edg/92.0.902.67", "Cookie": "你的co..

2021-08-15 18:23:41 116

原创 Python读写文件

读写文件模式的关键在于打开文件的模式。打开文件模式模式描述 t 文本模式 (默认)。 x 写模式，新建一个文件，如果该文件已存在则会报错。 b 二进制模式。 + 打开一个文件进行更新(可读可写)。 U 通用换行模式（不推荐）。 r 以只读方式打开文件。文件的指针将会放在文件的开头。这是默认模式。 rb 以二进制格式打开一个文件用于只读。文件指针将会放在文件的开头。这是默认模式。一般用于非文本文件如图片等。 r+

2021-08-15 18:20:19 86

原创 pandas写Excel文件

两行代码写Excel文件：import jsonimport pandas as pd# read_json第一个参数是一个路径或者json数组字符串，所以如果是一个数组的话，要转换成字符串df = pd.read_json(json.dumps(jsonobj), orient='records')# 写Excel，filename是文件路径，columns是表头，字段对应上面的数组对象df.to_excel(filename, index=False, columns=["id","p

2021-08-15 18:12:39 350

转载只需三步，不用下载Axure RP Extension for Chrome插件，即可看原型文件

只需三步，不用下载Axure RP Extension for Chrome插件！！！只需三步，不用下载Axure RP Extension for Chrome插件！！！只需三步，不用下载Axure RP Extension for Chrome插件！！！打开原型文件的html，会跳转到这个页面，怎么破？1、打开原型文件->resources->chrome->axure-chrome-extension.crx，找到找到Axure RP Extension for Ch.

2021-07-24 12:05:43 1534

原创 virtualenv安装和使用

virtualenv简介在开发Python应用程序的时候，我们的系统上通常只会安装一个Python版本：例如 3.7。所有使用 pip 安装的第三方包都会被安装到Python的site-packages目录下。如果我们同时开发多个应用程序，而这些应用程序需要使用的某一个第三方包的版本各不相同，该怎么办？这种情况下，为每个应用程序“独立”安装一套Python运行环境显然是不现实的。这个难题，使用 virtualenv 可以轻易解决。virtualenv 是专门用来为应用程序维护多套相互“隔离”的Pytho

2021-07-19 11:44:19 610

空空如也

空空如也