- 博客(67)
- 资源 (14)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 angular版本升级成16后css的踩坑
在某些情况下，使用 CSS 预处理器（如 Sass、Less 等）或者打包工具（如 webpack、Parcel 等）可能会将。转换为inset：0， safir14.5一下的浏览器识别不了inset：0这个样式导致css样式失效。是一个相对新的 CSS 属性，用于设置元素的上、右、下、左的位置。它可以同时设置四个方向的位置，而不需要分别使用。分别表示元素距离容器顶部、右侧、底部和左侧的距离，可以是长度值（如。属性的语义更清晰，代码更简洁，可以提高开发效率。等）、百分比（相对于父元素的尺寸）、
2024-04-11 16:41:07
291
原创 anuglar中获取iframe对象， 用iframe进行postMessage通信
然后在 showIframe() 方法中，当按钮被点击时，显示 iframe，并监听 iframe 的 onload 事件。在 postMessageToIframe() 方法中，我们获取 iframe 的 contentWindow，并使用 postMessage 方法向 iframe 发送消息。在这个示例中，当点击按钮显示 iframe 后，ngIf 会根据条件渲染 iframe，同时会触发 iframe 的 load 事件，调用。方式三, 获取iframe对象。
2024-03-20 15:30:24
423
原创 mysql知识学习
二段性提交就是mysql会把redolog的写入拆成prepare 和commit mysql在刚开始写入redolog的时候把redolog设置为准备阶段， 在事务提交后， 写入binlog成功后，再把redolog设置commit阶段，这样写入binlog发生异常也不会影响，mysql根据redolog恢复数据时，发现redolog还处于prepare阶段就会回滚事务。0 mysql的隔离级别有4个，读未提交， 读已提交（rc）， 可重复读（rr）,串行化，mysql默认的隔离级别时rr。
2024-01-04 16:52:58
547
1
原创 iframe高度自适应里面html内容的高度
上述代码中，adjustIframeHeight函数会在组件初始化后和窗口resize事件时被调用，它会获取iframe内部内容的高度，并将iframe的高度设置为内容高度，从而保证iframe的高度一定大于加载的外部HTML内容的高度。在Angular中，要确保iframe的高度一定大于加载的外部HTML内容的高度，你可以使用Angular的HostListener和Renderer2来实现动态设置iframe的高度。
2023-12-12 16:47:30
207
原创 anguar12里面自定义共通的表单check
在Angular项目中，可以通过创建一个共通的表单验证器来满足非空、长度和格式等要求，以便在每个组件的nzForm表单中重复使用。接下来，在你的组件中，你可以使用这些共通的验证器来定义表单控件的验证规则。数组中传递这些验证器函数，你可以将它们应用于相应的表单控件，并在模板中显示相应的错误消息。以上是一个简单的示例，你可以根据实际需求进行扩展和修改。类中定义的共通验证器来验证输入框的值。首先，在你的项目中创建一个。在上面的示例中，我们使用。
2023-11-27 15:41:53
107
原创 rxjs中combineLatest的用法
操作符可以用于将多个Observable对象合并成一个新的Observable对象，新的Observable对象的值是由原始Observable对象的最新值组成的一个数组。当任何一个原始Observable对象发出新值时，新的Observable对象的值也会更新。当新的Observable对象发出新值时，我们通过解构赋值获取输入框A和输入框B的最新值，然后根据这些值来判断按钮是否应该被禁用。返回值是一个新的Observable对象，值是由原始Observable对象的最新值组成的一个数组。
2023-11-22 15:23:40
158
原创 typescript里面一个问号（?）两个问号（??）一个感叹号（!）两个感叹号（!!）的用法和区别。
1.. 一个问号（?）在 TypeScript 中用于表示可选属性和可选参数，使得属性和参数可以选择性地存在。可选属性： 在对象类型中，可以使用问号来标记某个属性是可选的。这意味着该属性可以存在，也可以不存在。在上面的例子中，age属性被标记为可选，因此可以在对象中选择性地包含它。可选参数： 在函数的参数列表中，可以使用问号来标记某个参数是可选的。这意味着在调用函数时，可以选择性地省略该参数。在上面的例子中，age参数被标记为可选，因此可以选择性地在函数调用中省略它。2. 两个问号（??
2023-11-14 15:39:05
1156
原创 Python 的 Selenium 库进行元素定位时，XPath的详细用法
使用 Python 的 Selenium 库进行元素定位时，XPath 是一种常用的定位方式。XPath 是一种在 XML 文档中导航和定位元素的语言，同时也适用于 HTML 文档。下面是 XPath 的详细用法以及一个封装了通过 XPath 定位各种元素的类的示例。
2023-11-08 10:17:04
1010
原创 angular12里面ant-design的模态框的使用
1，子组件的ok，cancel的事件一定要给父组件传递， 父组件的oek，cancel的方法一定要控制他自己变量的ture，false的设置， 不然会导致子组件只会弹出一次。指令时，它允许我们在父组件中引用该组件并插入任意内容。指令，我们可以在自定义组件中以灵活的方式接收和处理父组件传递的内容，从而实现更好的复用性和可定制性。的位置，父组件中传入的内容将会被动态插入到自定义组件的模板中。在上面的示例代码中，父组件使用了自定义的弹出框组件。，从而实现了动态插入父组件传入的内容。那么，在自定义组件的模板中，
2023-11-01 11:26:22
169
原创 explain查询sql执行计划返回的字段的详细说明
当使用EXPLAIN命令查看SQL语句的执行计划时，会返回一张表格，其中包含了该SQL语句的执行计划。如果查询中有子查询，每个子查询都会有一个唯一的ID。select_type：查询类型，表示该执行计划是简单查询、联合查询、子查询等类型。该字段显示可能用于此查询的索引列表，但MySQL不一定会使用它们。如果MySQL选择了一个索引来执行查询，则该字段显示所选索引的名称。通过分析这些字段，可以了解查询的执行计划以及可能存在的性能问题，并根据需要进行优化。该字段显示MySQL在执行查询时使用的索引列。
2023-10-27 10:19:46
461
原创 ant-design for angular的常用组件类
然后在app.module.ts打入这个模块，这样所有的页面就可以使用ant design的常用组件了。新建文件antDesign.module.ts。
2023-10-26 11:17:32
234
原创 npm国内安装速度过慢，将npm改成淘宝镜像cnpm的方法
现在，你已经成功将npm改成了淘宝镜像cnpm，可以使用cnpm来安装和管理依赖包。如果显示了cnpm的版本号，则表示安装成功。
2023-09-05 21:13:50
1160
原创 angular12里面FormGroup做多个项目的相关check
这样，当用户输入两个密码后，如果两个密码不一致，错误消息将显示，并且提交按钮将被禁用。只有当两个密码一致且表单有效时，才能提交表单。FromFroup在鼠标失去焦点时做相关check，可以在group方法第二个参数的位置加一个对象参数。方法比较了两个密码输入框的值，如果不一致，则返回一个包含。属性来禁用按钮，如果表单无效或密码不一致。首先，在组件的HTML模板中，创建一个。在Angular 12中，可以使用。接下来，在组件的TS文件中，定义。在HTML模板中，我们使用。在上面的代码中，我们使用。
2023-08-25 18:25:37
254
原创 anguar12里面FormControl学习
是的，通过调用FormGroup对象的addControl方法，可以动态地向FormGroup对象中添加属性。请注意，如果你在模板中使用了动态添加的控件，记得在提交表单之前进行验证。这样就可以通过FormGroup对象动态添加属性aa，并将其初始值设置为false。在Angular 12中，要动态修改FormGroup，你可以使用。方法要求你提供所有表单控件的值，而不仅仅是要修改的控件。通过以上步骤，你就可以在Angular 12中动态修改。方法来动态添加属性aa，并设置初始值为false。
2023-08-23 17:31:52
353
原创 python的自动化测试狂框架robotFrameWork框架学习
Robot Framework是一个开源的自动化测试框架，它使用关键字驱动的方法来编写和执行测试用例。在Robot Framework中，可以使用"if"语句进行条件判断。您可以使用不同类型的迭代源，并在每次迭代中执行指定的关键字或测试步骤。这就是Robot Framework中使用"if"语句进行条件判断的基本语法。，如果测试用例失败，则继续执行后续的关键字。中，我们编写了一个简单的测试用例，它打印一条日志并验证一个表达式的结果是否等于 2。在上面的示例中，循环将执行4次，并在每次迭代中使用。
2023-07-10 20:42:52
449
原创 前端知识学习
在给定的例子中，background属性的值为linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)。在这个例子中，rgba(0, 0, 0, 0.5)表示阴影颜色为黑色，透明度为0.5。以下是一个使用Angular 13实现的示例代码，实现了当div出现滚动条时给div底部加上阴影效果，并随着滚动条的拖动保留阴影效果，当滚动条拉到最后时，阴影效果消失。rgba(0, 0, 0, 0.5): 这是一个颜色值，表示渐变的起始颜色。这将改变渐变的方向。
2023-06-30 14:02:44
2445
原创 typescript里面正则的使用
在上面的示例中，我们使用exec()方法来查找字符串中所有与正则表达式/\d+/匹配的子字符串。在上面的示例中，我们使用test()方法来测试字符串'123'是否与正则表达式/\d+/匹配。一旦我们创建了一个正则表达式对象，我们就可以使用它来匹配字符串。在上面的示例中，'\d+'是一个模式，它匹配一个或多个数字。其中，'pattern'是我们要匹配的模式，'flags'是一个可选的标志，用于指定正则表达式的行为。在上面的示例中，/\d+/是一个正则表达式字面量，它与我们之前创建的RegExp对象是等价的。
2023-05-18 13:44:16
3666
原创 angualr手动创建一个模态框组件
定义了一个模板引用变量。属性控制模态框的显示与隐藏。类来控制模态框的显示与隐藏。标签引入了子组件，并使用。在子组件中，我们使用。方法中调用了子组件的。
2023-05-10 17:01:59
130
原创 python集成selenium做自动化测试
【代码】python集成selenium做自动化测试。包括chrome Edge浏览器和自动化测试常用方法
2023-05-09 16:12:00
251
原创 python 打包exe文件接收用户输入，出错不关闭应用
在终端进入python文件所在的目录，输入下面的命令。默认不关闭应用程序，需要按任意建手动退出当前exe。执行后你可以在dist目录找到你的需要的exe文件。如果想跑完代码直接退出应用可以注释掉下面的代码。使用pyinstaller打包。
2023-05-09 16:02:09
988
原创 selenium的基本使用
除了以上方法，如果你需要根据文本内容查找元素，可以结合 XPath 或者 CSS 选择器来实现。而每个示例中的字符串参数则代表了需要查找的元素特征，可以根据自己需要调整。这些是 Selenium 的基本语法，当然还有很多其他的 API 和功能，例如处理浏览器窗口、切换到 iframe 等等。伪类来查找含有特定文本内容的元素，例如。：根据链接文本的部分内容查找链接元素；：根据元素 name 属性查找元素；：根据 CSS 类名查找元素；：根据元素 ID 查找元素；：根据链接文本查找链接元素；
2023-05-04 22:27:21
578
原创 typescript里面Object.assign()方法的使用
该方法会将源对象的属性逐一复制到目标对象中，如果目标对象中已有同名属性，则会覆盖原有属性的值。如果源对象中存在嵌套对象，则会进行浅复制，即只复制对象的引用而不是对象本身。需要注意的是，Object.assign()方法只能复制可枚举属性，且无法复制对象的继承属性。此外，该方法只能复制对象的自身属性，无法复制对象的原型链上的属性。其中，target表示目标对象，sources表示一个或多个源对象，可以是对象字面量、变量、函数返回值等。该方法的返回值是目标对象，也就是复制后的对象。
2023-04-27 13:22:28
1040
原创 前端typescript实现当前日期转换日本日历对应的年号和年份
这个函数会根据输入的日期，找到对应的日本年号，并计算出日本年份。最后，将日本年号、月份和日期拼接成字符串返回。
2023-04-14 15:15:38
444
原创 angular12高亮显示代码
可以使用Angular的HttpClient模块来获取后端代码，并使用ngx-highlightjs模块来实现实时高亮显示代码。
2023-04-04 18:10:33
345
原创 Flask框架里面sse的使用
在这个例子中，我们创建了两个 Blueprint，分别对应 `/sse1` 和 `/sse2` 接口。每个 Blueprint 中的函数都返回一个 SSE 数据流，使用 `Response` 类型的响应对象封装。最后在 Flask 应用中注册这两个 Blueprint，即可同时开启两个 SSE 接口。可以在一个 Flask 应用中注册多个 Blueprint，每个 Blueprint 可以对应一个 SSE 接口。
2023-04-04 17:28:51
2294
原创 typescript正则匹配除了想定字符之外的字符
')/g` 就可以匹配字符串中除了单引号里面的//之外的//。可以使用正则表达式来匹配字符串中除了单引号里面的//之外的//。')` 表示前面不能有单引号。')` 表示后面不能有单引号。- `\/\/` 表示匹配 `//`。- `g` 表示全局匹配。
2023-03-31 15:11:31
627
原创 CROS请求
@Configurationpublic class CrosConfig { private CorsConfiguration buildConfig() { CorsConfiguration corsConfiguration = new CorsConfiguration(); corsConfiguration.addAllowedOrigin("*"); // 1 corsConfiguration.addAllowedHeader(...
2023-03-14 20:52:23
68
微信分享jssdk
2016-07-07
LockSupport.parkNanos方法
2017-08-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人