coderpai-CSDN博客

原创（六）SvelteKit教程：刷新数据，preload data，环境变量和部署

（六）SvelteKit教程：刷新数据，preload data，环境变量和部署。通过 https://vercel.com/ 非常容易。重点是里面的 refresh 函数。

2024-06-29 23:21:20 205

原创（五）SvelteKit教程：错误页和重定向

重定义非常容易，在代码中，当 aboutID == 22 的时候，我们就直接重定义到根目录下面。404 也非常容易，当aboutID > 2 时候，我们直接是定义到错误页 error。（五）SvelteKit教程：错误页和重定向。

2024-06-29 19:57:33 176

原创（四）SvelteKit教程：调用外部 API 获取数据

（四）SvelteKit教程：调用 API至此，你可以通过 http://localhost:4000/users 来访问刚才创建的用户数据。接下来，我们在 SvelteKit 项目中调用这个 API。至此，我们就可以在 /about 页面中使用 users 数据了。我们在 /about/+page.svelte 文件中使用如下代码：exportlet;const;</</</</这样，我们就完成了调用 API 的功能。

2024-06-29 19:01:11 325

原创（三）SvelteKit教程：layout 文件

假设如果你不想在second/a 中用 second/layout.svelte 的布局文件，那么我们就可以在 a/page.svelte 中添加 @about 符号，定位到 about/layout.svelte 布局文件。如果你想直接定位到根目录下，那么你就可以直接用 @ 文件，而不需要添加任何别的后缀。如果你想在特定的子文件里面进行添加，比如 /about 路由，那么我们可以添加在 /about/layout.svelte ，那么这个 layout 文件只作用在 /about 路由下面。

2024-06-22 22:39:31 322

原创（二）SvelteKit教程：pages 和routes

这段 SvelteKit 代码用于创建一个动态的联系页面。页面会根据路由参数slug动态显示相关内容，并将slug参数按分隔成数组，最后提供返回主页的链接。JavaScript 部分<script>标签内）：导入了goto函数，该函数来自于 Svelte 应用的导航模块。这个函数用于在单页面应用中进行页面导航。定义了一个名为的函数，该函数在按钮被点击时被调用。函数输出一条日志到控制台，并调用goto函数来导航到/about页面。HTML 部分在<div>

2024-06-22 21:34:41 1092 1

原创（一）SvelteKit教程：hello world

变量和函数定义：定义一个可变的字符串变量name，初始值为。：定义一个箭头函数，函数体内将name变量的值设置为。HTML 结构和绑定：定义一个div容器，类名为page。：显示一个标题，标题中插入name变量的当前值。：显示一段文本，包含一个超链接，指向 SvelteKit 的文档。：显示一个按钮，点击时调用函数，将name的值更改为。：显示一个输入框，输入框的值绑定到name变量，用户在输入框中输入的值将实时更新name变量。样式。

2024-06-19 12:40:41 543

原创（12）svelte 教程：Dispatching Custom Events

通过以上代码示例，可以看到在 Svelte 中如何创建和触发自定义事件，从而实现组件之间的通信和数据传递。在中，我们创建了一个事件调度器dispatch，并在表单提交时触发名为addPerson的自定义事件，将新添加的人物数据传递给父组件App.svelte。在App.svelte中，我们通过监听addPerson事件来处理新人物的添加操作，并动态更新people数组，从而实现页面的动态渲染和更新。

2024-06-03 23:28:29 256

原创（11）svelte 教程：Forms

在 Svelte 框架中，Forms 是一种用于处理用户输入数据的机制。通过 Forms，你可以创建各种输入控件，如文本框、复选框、选择框等，以便用户填写并提交数据。Svelte 提供了数据绑定、事件处理等功能，使得处理表单数据变得更加简便和直观。

2024-06-03 23:07:06 1029

原创（10）svelte 教程：Slots

Slots 是 Svelte 框架中的一种特性，用于在组件中定义插槽，以便父组件可以向子组件传递任意的内容。这种机制使得组件更具灵活性和可复用性，因为你可以在组件内部插入动态的、定制的内容。Slots 主要有两种类型：默认插槽和命名插槽。

2024-06-03 22:40:42 640

原创（9）svelte 教程： Event Modifiers

Event Modifiers 是 Svelte 框架中的一种特性，它允许你在绑定事件处理函数时，添加一些修饰符来修改事件的默认行为或事件流。通过这些修饰符，可以更简洁、更直观地控制事件的行为，而无需在事件处理函数中编写额外的代码。

2024-06-03 22:30:02 950

原创（8）svelte 教程： Event Forwarding

Event Forwarding 在 Svelte 框架中是一种机制，它允许你将一个组件上的事件侦听器传递到另一个组件上。这在你想要在一个组件中处理另一个组件发出的事件时非常有用。现在，让我们逐行解释一下你提供的代码：这行代码导入了名为Modal的组件，它位于同一目录下的文件中。这行代码声明了一个名为showModal的变量，并将其初始值设置为false。这个变量将用于控制模态框的显示和隐藏。这行代码声明了一个名为的函数，它用于切换showModal变量的值。每当调用这个函数时，showModal。

2024-06-03 20:19:48 165

原创（7）svelte 教程： Props(属性)

通过使用 props，父组件App.svelte可以向子组件传递数据。子组件通过export let声明接收这些数据，并根据传递的数据动态更新其显示内容。这个机制使得组件之间的数据传递和状态管理变得更加简便和高效。

2024-06-03 10:42:55 352

原创（6）svelte 教程： Conditionals（判断）和# Components（组件）

通过使用 Svelte 的条件语句，可以根据变量num的值动态显示不同的内容。这种机制使得在应用程序中处理不同的状态和情况变得非常简便和直观。Components（组件）是用户界面中的独立、可重用的部分，它们可以组合在一起构建复杂的应用程序。每个组件封装了自己的逻辑、模板和样式，便于管理和复用。在 Svelte 中，组件是通过.svelte文件定义的，这些文件包含了组件的逻辑（JavaScript）、模板（HTML）和样式（CSS）。这个示例展示了如何在 Svelte 中创建和使用组件。通过import。

2024-06-03 09:58:12 980

原创（5）svelte 教程：Inline Event Handlers（内联事件处理程序）

这个 Svelte 组件定义了一个people数组，并使用each块遍历该数组中的每个对象。在每次循环中，它会创建一个包含该对象信息的<div>元素，并为每个<button>按钮绑定点击事件。点击按钮时，会调用函数，删除相应的person对象，并更新people数组。如果people数组为空，显示一条提示信息。通过这种方式，组件能够动态生成和显示列表内容，并处理用户交互事件。使用箭头函数绑定：适用于需要动态传递参数和访问事件对象的情况。在点击时调用处理函数，并传递事件对象和所需参数。直接绑定函数调用。

2024-06-03 09:28:28 336

原创（4）svelte 教程：Loops（循环）

这个 Svelte 组件定义了一个people数组，并使用each块遍历该数组中的每个对象。在每次循环中，它会创建一个包含该对象信息的<div>元素。如果people数组为空或未定义，则显示一条消息，提示没有人可以显示。通过这种方式，组件能够动态生成和显示列表内容，展示了 Svelte 中循环和条件渲染的基本用法。

2024-06-02 09:45:06 468

原创（3）svelte 教程：响应式

响应式值是指在 Svelte 中，当变量的值发生变化时，Svelte 会自动检测到变化并更新所有依赖于该变量的部分。这使得开发者可以轻松地管理状态，并让UI自动反映这些状态的变化。响应式语句是一种特殊的语法，通过前缀标识。当任何响应式语句中依赖的变量发生变化时，该语句会重新执行。这可以用来自动更新某些计算值或执行一些副作用（如日志记录）。

2024-06-02 09:24:15 900

原创（2）svelte 教程：点击操作，输入框和数据绑定

总的来说，这段代码实现了一个简单的 Svelte 组件，它包含一个标题，一个显示腰带颜色的段落，以及一个文本输入框。完整的代码结合了脚本部分和模板部分，实现了一个可以响应用户交互（点击按钮）并动态更新界面内容（腰带颜色）的 Svelte 组件。这段代码是 Svelte 组件的模板部分，用于定义组件的 HTML 结构和绑定的动态内容。这段代码是 Svelte 组件中的脚本部分，用于定义组件的逻辑和状态。变量的值为输入框中的当前文本内容，从而动态更新页面上显示的腰带颜色。综上所述，当用户在输入框中输入文本时，

2024-06-02 09:01:16 690

原创（1）svelte 教程：hello world

这意味着其他模块可以导入这个默认导出的。是一个使用 Svelte 框架编写的组件文件。这行代码的作用是从当前目录下的。组件的一个实例，并将其挂载到。实例，并在需要的地方使用它。这行代码的作用是将创建的。文件中导入默认导出的。（即 HTML 文档的。（1）安装 degit。这段代码的作用是创建。

2024-06-01 23:10:06 264

原创 C++中模板 template ＜typename T＞的解释

最近在看公司项目的源码，遇到了不少问题，一点一点进行补充。首先就是遇到template 。网上解释的非常多，觉得比较啰嗦，其实就是一个类型模板。比如我们要计算两个数的加法，针对不同类型可能需要设计不同类型的函数，那么template 就可以很好的解决这个问题。原始解决方法：int sum(int a,int b);double sum(double a,double b);float sum(float a,float b);但是当用template 后为：template <ty

2022-03-21 12:44:50 2139

原创 python调试神器：icecream

icecream是一个Python第三方库，可通过最少的代码使打印调试更清晰明了。你可以直接使用 pip install icecream 来进行安装。变量的调试from icecream import ic num1 = 20num2 = 30ic(num1)ic(num2)程序输出结果为：ic| num1: 20ic| num2: 30我们可以很清楚的知道调用结果。函数的调用from icecream import ic def plus_five(a): r

2021-02-10 18:20:14 7206 7

原创股票指标库 TA-Lib 安装方法

TA-Lib 安装包首先你要明确你的系统版本，win32系统还是Linux，X86还是X64；如果你的系统是x86平台，在安装了anaconda 的基础上，可以直接使用pip安装，命令如下：pip install talib如果你的系统是x64平台，直接使用上述命令安装汇报错，原因在于python pip源中TA-Lib是32位的，不能安装在X64平台上，从TA-Lib的官网http://ta-lib.org下载的安装包其实也是32位的，如果你的系统平台是64位的，也无法正确安装。正确的方法是下载

2021-01-05 20:04:43 1375

原创 1450. 在既定时间做作业的学生人数

题解简单常规题目class Solution: def busyStudent(self, startTime: List[int], endTime: List[int], queryTime: int) -> int: num = 0 for i in range(len(endTime)): if endTime[i]>= queryTime and startTime[i]<= queryTime:

2020-11-08 15:32:50 291

原创 1486. 数组异或操作

题解常规简单题目class Solution: def xorOperation(self, n: int, start: int) -> int: result = 0 for i in range(n): result = result ^ (start + 2*i) return result

2020-11-08 15:28:32 201

原创 LeetCode 1470. 重新排列数组

题解就是采用两个指针，进行遍历。class Solution: def shuffle(self, nums: List[int], n: int) -> List[int]: result = [] for i in range(len(nums)//2): result.append(nums[i]) result.append(nums[n+i]) return result

2020-11-06 14:20:26 244

原创 c# 中的继承操作

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai继承是面向对象程序设计中最重要的概念之一。在 C# 语言中仅支持单重继承，主要用于解决代码的重用问题。继承允许我们根据一个类来定义另一个类，这使得创建和维护应用程序变得更容易。同时也有利于重用代码和节省开发时间。当创建一个类时，我们不需要完全重新编写新的数据成员和成员函数，只需要设计一个新的类，继承了已有的类的成员即可。这个已有的类被称为的基类，这个新的类被称为派生类。继承的思想实现了属于（IS-A

2020-06-25 17:39:19 621

原创（九）以交易为生：风险管理

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai（一）以交易为生：个体心理（1~6）（二）以交易为生：个体心理（7&8）（三）以交易为生：群体心理（1~6）（四）以交易为生：传统图形分析（1&2）（五）以交易为生：传统图形分析（3~6）（六）以交易为生：计算机化技术分析（七）以交易为生：被忽视的要素（八）以交易为生：交易系统（九）以交易为生：风险管理1.抱着无限的期待，我们独自拟定交易决策，现在的想法早已形成。卖出的难处在

2020-05-14 12:44:00 485

原创（八）以交易为生：交易系统

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai（一）以交易为生：个体心理（1~6）（二）以交易为生：个体心理（7&8）（三）以交易为生：群体心理（1~6）（四）以交易为生：传统图形分析（1&2）（五）以交易为生：传统图形分析（3~6）（六）以交易为生：计算机化技术分析（七）以交易为生：被忽视的要素（八）以交易为生：交易系统1.股票是一个癫狂与抑郁交替发作的东西，它在极度狂热与极度沮丧之间来回变换。抑郁性精神病患者情绪来回变

2020-05-14 12:42:50 977

原创（七）以交易为生：被忽视的要素

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai（一）以交易为生：个体心理（1~6）（二）以交易为生：个体心理（7&8）（三）以交易为生：群体心理（1~6）（四）以交易为生：传统图形分析（1&2）（五）以交易为生：传统图形分析（3~6）（六）以交易为生：计算机化技术分析（七）以交易为生：被忽视的要素1.当价格创出新高而随机指标只达到了一个低于前期上升高点的次高点时，就会出现熊背离。它表明多方正在失去力量，价格呈惯性上涨。一旦随

2020-05-14 12:41:23 357

原创（六）以交易为生：计算机化技术分析

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai（一）以交易为生：个体心理（1~6）（二）以交易为生：个体心理（7&8）（三）以交易为生：群体心理（1~6）（四）以交易为生：传统图形分析（1&2）（五）以交易为生：传统图形分析（3~6）（六）以交易为生：计算机化技术分析1.专业玩家将指标分为三类：趋势跟随指标、振荡指标和复合指标。当市场沿趋势运行时，趋势跟随指标很有效；当市场盘整时，趋势跟随指标发出的信号即糟糕又危险。在盘整市中

2020-05-14 12:38:10 365

原创（五）以交易为生：传统图形分析（3~6）

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai（一）以交易为生：个体心理（1~6）（二）以交易为生：个体心理（7&8）（三）以交易为生：群体心理（1~6）（四）以交易为生：传统图形分析（1&2）（五）以交易为生：传统图形分析（3~6）1.对于趋势线而言，时间周期越长，趋势线越重要。趋势线越长，越有效。价格触及趋势线的次数越多，越有效。趋势线与水平线之间的夹角反映了市场主导一方的亲故的激烈程度。2.当趋势向上时，成交量往往在价格

2020-05-14 12:35:53 422

原创（四）以交易为生：传统图形分析（1&2）

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai（一）以交易为生：个体心理（1~6）（二）以交易为生：个体心理（7&8）（三）以交易为生：群体心理（1~6）（四）以交易为生：传统图形分析（1&2）1.图形分析师研究市场行为，试图识别出反复出现的价格形态。他们的目标是价格形态再次出现时交易获利。大多数图形分析师看标有最高价、最低价、收盘价和成交量的柱形图，有些人也看开盘价和持仓量。点数图分析师只跟踪价格变化，并不关心时间、成交量和持仓

2020-05-12 13:26:40 756

原创（三）以交易为生：群体心理（1~6）

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai（一）以交易为生：个体心理（1~6）（二）以交易为生：个体心理（7&8）（三）以交易为生：群体心理（1~6）1.牛能赚钱，熊也能赚钱，但猪却被屠宰。2.市场就是一大群人。群体中的每一位成员都想着自己能比别人聪明，从而赚到别人手中的钱。市场环境的残酷性是独一无二的，因为每个人都是你的对手，当然你也是每个人的对手。在交易时，你既要面对佣金和成交价差的盘剥，同时还要与某些世界上最聪明的人火拼。3.

2020-05-11 12:16:59 480

原创（二）以交易为生：个体心理（7&8）

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai（一）以交易为生：个体心理（1~6）（二）以交易为生：个体心理（7&8）1.作为一名交易者，你是在从事交易。你必须明确你的商业风险，即你在单笔交易中允许输掉的最大金额。对于这一数目并没有统一标准，就好比经营没有标准一样。商人能够接受的风险首先取决于急哦阿姨资金的规模，它还取决于你的交易方法和忍受痛苦的程度。2.交易者必须像水手研究大海一样研究市场的趋势和转折。当他还在学习如何在市场中控制自己的行

2020-05-09 12:39:08 328

原创（一）以交易为生：个体心理（1~6）

作者：chen_h微信号 & QQ：862251340微信公众号：coderpai（一）以交易为生：个体心理（1~6）1.交易表面上看似容易，实际并非如此。当一位新手赚到钱后，就会觉得自己很了不起，战无不胜。接着就会变得更冒险，结果赔个精光。2.优秀的交易者多为勤奋、精明之人。他们乐于接受新思想，相反，他们交易的目的并不是为了赚钱，而只是想做好交易。如果做对了，自然就赚到了钱。成功的交易者总是在不断完善自己的技能，对他们来说，达到自己的最佳水平比赚钱更重要。3.赔钱的人之所以赔钱并不

2020-05-09 12:37:20 536