- 博客(90)
- 收藏
- 关注
RSS订阅原创 HTML textArea元素的使用你知道多少？
下面的三种方法在Enter键提交表单时都要额外处理一下，因为Enter键会换行，这样会带来一定的高度样式的不正确性，所以这时我们可以用。模拟textarea文本域实现高度自适应；scrollHeight手动设置。Enter键换行的默认行为。textArea自适应高度。第二种方法：通过用JS中的。来设置文本域自适应高度；textArea的高度；
2024-05-15 09:30:00
640
原创 AbortController Web API 学习
调用 controller.abort()方法会关闭与服务器的连接，但不会触发 EventSource 对象onclose()事件处理程序。相反，调用 controller.abort() 方法会立即关闭连接，而不会触发任何事件处理程序。在上面的示例中，我们首先创建了一个AbortController实例，并从中获取一个signal对象，然后将该signal对象传递给fetch请求的配置中。当需要取消请求时，调用 controller.abort()方法即可中止请求，并触发一个 AbortError错误。
2024-05-10 11:00:00
255
原创 EventSource之重连特性 学习
需要注意的是，retry 字段是可选的，如果不设置 retry 字段，浏览器会使用默认的重新连接时间间隔。因此当在 onerror 事件处理程序中编写重连逻辑时，可能会导致浏览器和服务器之间的 EventSource 连接频繁断开和重连，从而在网络面板中出现大量的 SSE 连接。下面的示例中，我们将 eventSource 对象的 retry 字段设置为 3000，表示在连接中断后，浏览器会每隔 5 秒尝试重新连接服务器一次。当连接中断后，浏览器会根据 retry 字段的值来确定重新连接的时间间隔。
2024-05-08 09:00:00
1831
原创 CSS的哪些样式可以继承？哪些不可以？
在 CSS 中，有一些样式是可以被子元素继承的，也有一些样式是不会被子元素继承的，同时要注意继承性质，覆盖继承、继承链等在继承过程发挥的作用。
2024-05-04 14:00:00
387
原创 JS中的数据绑定方式，以及Angular中如何实现数据绑定
在 JavaScript 中，单向数据绑定和双向数据绑定是两种常见的数据绑定方式。在 Angular 中，单向数据绑定和双向数据绑定的实现方式有插值表达式、属性绑定等
2024-05-04 10:00:00
217
原创 HTTP预请求（Preflight Request）
服务器接收到预请求后，会检查这些头部信息，并根据请求头部中的信息来决定是否允许实际请求。HTTP预请求（Preflight Request）是CORS（跨域资源共享）机制中的一种请求，用于在实际的跨域请求之前进行一次预检请求，以确定是否可以安全地发送实际请求。当服务器接收到预请求后，应该返回一个带有合适的CORS头部信息的响应，以表示服务器是否支持跨域请求，并确定是否允许实际请求。预请求的目的是确保跨域请求的安全性，防止潜在的安全风险。这种机制可以有效地防止跨域请求可能带来的安全风险。
2024-05-03 12:00:00
785
原创 CSS的样式选择器以及优先级算法汇总
特定性是一个用于计算选择器优先级的值，通常由选择器中ID选择器、类选择器和元素选择器的数量组成。特定性是一个用于计算选择器优先级的值，通常由选择器中ID选择器、类选择器和元素选择器的数量组成。：类选择器和属性选择器的优先级相同，比元素选择器的优先级高。如果同一个元素同时使用了ID选择器和类选择器，ID选择器的样式会被应用。：某些样式是可以继承的，即子元素会继承父元素的样式。属性中定义的样式具有更高的优先级，会覆盖外部样式表和内部样式表中的样式。声明的样式具有最高的优先级，会覆盖其他所有样式。
2024-05-03 09:30:00
706
原创 CSS的常用的伪类选择器及其使用
伪类选择器（Pseudo-classes）是CSS中用来选择元素的特定状态或行为的选择器。它们以冒号（:）开头，用于为那些处于特定状态的元素应用样式。伪类选择器可以根据元素的不同状态或位置来选择应用样式，提供了更多样式控制的可能性
2024-05-02 16:56:25
361
原创 Angular 常用管道（过滤器）汇总
Angular是一个开发框架，而Angular.js是Angular的旧版本。Angular是一个完全重写的框架，它引入了很多新的特性和改进，以提高性能和开发体验。相比之下，Angular.js是一个较旧的版本，已经不再维护和更新。过滤器可以用在表达式中，对数据进行处理后再显示在页面上。在Angular中，过滤器已经被废弃，取而代之的是管道。，它可以在模板中使用，用于对数据进行处理并显示在页面上。除了上面提到的过滤器（管道pipe），我们还能自定义管道（pipe），下面是在Angular中创建一个。
2024-05-02 16:55:13
4
原创 代理和反向代理 学习
代理可以拦截、过滤、修改、加速请求和响应的流量，从而提高网络性能、安全性和隐私。代理是客户端向代理发送请求，代理再向服务器发送请求，并将服务器的响应返回给客户端。反向代理是客户端向反向代理发送请求，反向代理再向后端服务器发送请求，并将后端服务器的响应返回给客户端。是指一个服务器充当多个服务器的中间人，将客户端的请求转发到不同的服务器上。在一个实际的应用场景中，我们可以使用反向代理来实现负载均衡和缓存。这里将使用Nginx作为反向代理服务器，将客户端的请求分发给多个后端服务器，并缓存一些静态资源。
2024-04-29 11:30:00
774
原创 前端 表单中的readOnly 和 disabled有什么区别？
readOnly和disabled是两种在表单元素中设置的属性，用于控制用户对表单元素的操作权限。
2024-04-24 12:00:00
206
原创 Angular Subject和BehaviorSubject之间的区别
缓存最新值就是保存了最新值的意思，也就是说BehaviorSubject 从它订阅开始就一定会收到值，要不就是初始值，要不就是最新一次的next()方法的传递的值。换句话说，BehaviorSubject从订阅开始就会向订阅者发送值，确保订阅者能够获取到初始值或者最新值。但是Subject对象是收到从它订阅开始之后next()传递的最新值，订阅时不会收到任何值！会缓存最新的值，并在有新的订阅者订阅时立即发送这个最新值给订阅者。因为它缓存的是最新的值，并不是缓存所有值！
2024-04-24 09:00:00
1382
原创 前端 类数组对象 学习
则是指的一个对象，它具有类似数组的特性，比如有一个 length 属性表示数组的长度，可以通过索引访问其中的元素。数组对象通常是通过类数组对象或类似数组的对象转换而来，但它并不是真正的数组。到这里，我们已经搞清楚类数组对象的概念，那它可以转换成数组吗？下面是类数组对象转换成数组的5种方法。：指的是一个数组，其中的每个元素都是一个对象。这些对象可以包含多个属性，形成一个包含多个对象的数组结构。实际上，它们都是用来存储一组有序数据的数据结构，只是在不同的语境下有不同的称呼。
2024-03-09 13:00:00
559
原创 Angular中手动触发更新检测机制的优缺点及注意事项
在学习angular页面更新的时候，也就是在我之前的博客中都会提到使用angular中手动触发更新检测（通过调用。方法）来解决，但是其实在实际的项目开发中，是不太推荐这种方法解决的，下面我将介绍这个办法的优缺点和需要注意的事项。
2024-03-07 11:00:00
756
原创 Angular变化检测 2.0版本学习
在学习如何在Angular中实现文字逐字显示的过程中，我发现要保证用户的体验感的关键点在于：如何确保实时更新.html页面的内容显示，保证及时在UI界面反应出后端返回的数据。那如何解决这个问题呢？下面是上面博客的进阶版学习---->这篇博客主要是。，话不多说，直接上代码。
2024-03-07 09:00:00
988
原创 Angular 将一个字符串进行逐字显示的方法汇总
公司项目是angular，所以实际中使用，我是要考虑到应用Angular框架中，下面是我想到的一些方法汇总，欢迎大家检阅！1.在组件的HTML模板中使用*ngFor指令和setTimeout函数实现逐字显示效果; 2.使用RxJS的interval操作符和map/pluck/scan/bufferCount操作符;3.使用rjxs的timer操作符和map/pluck/scan/bufferCount操作符.
2024-03-06 18:00:00
993
原创 JS 将一个字符串进行逐字显示的方法汇总
毋庸置疑，现在chatGTP是非常火热的，在这个时候公司项目中提到了AI智能对话UI显示界面模仿chatGTP的UI一样，显示答案不能一蹴而就，而要逐字逐字显示。至此，我先学习一个JS版本的。
2024-03-05 12:15:00
601
原创 Angular 如何让ngModel 不受父表单控件影响，变成独立模式
在项目中使用 ngModel 时，有时候我们需要将 ngModel 设置为独立模式，以避免父表单控件对其进行干扰。例如，当我们在一个表单中使用自定义组件，并且这个组件内部也有自己的 ngModel 时，为了避免冲突，我们可以将这个 ngModel 设置为。在自定义组件中使用 ngModel 时，为了避免父表单控件对其进行干扰，可以将 ngModel 设置为 standalone 模式。可以帮助我们更好地管理 ngModel 的行为，避免不必要的干扰和冲突，以及提供更灵活的配置选项。
2024-03-04 15:45:00
734
原创 CSS 什么是伪类？什么是伪元素？
是用来向元素的特定部分添加特殊样式的关键词，例如::before用于在元素内容前插入内容，::after用于在元素内容后插入内容等。伪元素创建了一个虚拟的元素，允许开发者在元素内的特定位置插入样式和内容。是用来向特定选择器添加特殊效果的关键词，例如:hover用于鼠标悬停时改变元素样式，:active用于元素被点击时改变样式等。伪类是用来选择元素的特定状态或行为，而伪元素是用来选择元素的特定部分。伪类以单冒号（:）开头，伪元素以双冒号（::）开头。
2024-03-04 11:00:00
329
原创 HTTP常见状态码 汇总
部分信息解析汇总：1** 信息类 例如：2** 响应成功：表示动作被成功接收、理解、接受 例如：3** 重定向：为了完成指定的动作，必须接受进一步处理 例如：4** 客户端错误类：请求包含错误语法或者不能正确执行 例如：5** 服务端端错误类：服务器不能正确执行一个正确的请求 例如：
2024-03-03 19:35:59
441
原创 JS中用来截取部分内容的方法有哪些？
在 JavaScript 中，我们可以使用多种方法来截取字符串或数组的部分内容。方法来截取数组的部分内容，与字符串的。对于数组，我们可以使用。
2024-02-22 12:00:00
493
原创 Angular项目中为什么不能在开发者工具中进行Debug?
启用Source Maps后，Angular将会生成与编译后的JavaScript文件对应的Source Maps文件，这样在浏览器的开发者工具中就可以将编译后的JavaScript代码映射回原始的TypeScript代码，方便调试和定位问题。Source Maps是一种文件，它将编译后的JavaScript代码映射回原始的TypeScript代码，以便在开发者工具中显示原始代码而不是编译后的代码。在Angular项目中，我们通常可以通过浏览器的开发者工具（如Chrome开发者工具）进行调试。
2024-02-22 09:00:00
392
原创 Angular升级后运行编译变慢？如何解决？
公司的Angular项目升级后，使用体验感十分不好，运行、编译的时间明显增长，工作效率是十分低下，但奈何公司的大佬们都有自己的事情要忙，结识的大佬也不够多，只能靠自己找度娘了。但是，哎，你还别说，真让我找到了！注意按照上面截图改了之后初始运行整个项目的时间几乎没有太大改变，但是编译时间是有明显改善的！），大家有条件可以自行查看，不过个人觉得上面大大的文章已经十分详细了，完全足够！总结解决办法：添加development构建配置，也就是我们需要手动将。，并将serve中target的。
2024-02-21 22:16:15
902
原创 块级上下文格式（Block Formatting Context，BFC）
块级上下文格式（BFC）是 CSS 中的一个概念，用来描述块级盒子在页面布局中的行为。一个块级上下文格式（BFC）是一个独立的渲染区域，其中的元素布局受到这个上下文中的其他元素的影响，而不受外部元素的影响。
2024-02-21 11:30:00
382
原创 创建对象时 new操作符做了什么
操作符可以实例化一个对象，并且确保构造函数中的属性和方法正确地被应用到新创建的对象上。在 JavaScript 中，使用。下面我们通过代码来详细说明。
2024-02-20 23:25:08
467
原创 Angular中如何实现防抖和节流
在Angular中实现防抖和节流的方法有多种，这篇博客主要是详细介绍两种常用的方法：使用RxJS操作符和使用Angular自带的工具。
2024-02-19 20:30:00
720
原创 JS 深克隆和浅克隆 浅析
深克隆（Deep Clone）和浅克隆（Shallow Clone）是在复制对象或数组时常用的两种概念。它们主要区别在于复制的深。
2024-02-18 19:42:47
529
原创 SSE之fetchEventSource学习
通过之前的SSE学习。和SSE之eventSource。EventSource的限制都来源它不支持POST请求，为了解决上面所陈述的那些限制，我们可以通过fetch的方式完成post相关操作
2024-01-26 12:00:00
1046
原创 SSE之EventSource学习
使用EventSource非常简单，只需要在客户端创建一个新的EventSource对象，然后指定要连接的服务器端URL即可。一旦连接建立，服务器端发送的事件将会被自动接收并触发相应的事件处理函数。对象上，EventSource是一个用于接收服务器发送的事件流的API。它允许客户端通过HTTP连接订阅服务器端的事件，并在服务器端发送事件时接收到通知。参考与推荐： 更详细版本强烈推荐大家一定一定要阅读阮一峰大大的文章！SSE 的客户端 API 部署在。在这里想强调一下服务器的。中的第四点的event事件，
2024-01-25 17:30:00
1044
原创 Server-Sent Events 学习
SSE（Server-Sent Events，服务器发送事件）是一种用于实现服务器端向客户端实时推送数据的技术。它允许服务器端发送任意数量的事件到客户端，而客户端可以通过EventSource API来订阅这些事件流。
2024-01-24 16:30:00
821
原创 Html5——拖放和释放API
定义在拖动元素上触发的事件，以便在不同阶段处理拖动操作。常用的事件有dragstart（拖动开始）、drag（拖动过程中）、dragend（拖动结束）。HTML5拖放释放API（Drag and Drop API）是一组用于在网页上实现拖放功能的API。它允许用户将网页上的元素拖动到其他位置，并在释放时执行特定的操作。定义允许拖动元素放置的区域。通过监听dragover事件和drop事件来处理放置操作。使用draggable属性将元素标记为可拖动。
2024-01-23 09:00:00
472
原创 Angular combineLatest 操作符学习——保证在某些数据不为空的前提下进行下一步
然后，我们使用 RxJS 中的 combineLatest 操作符将这两个 Observable 对象合并成为一个新的 Observable 对象，它会发出一个数组，数组中包含了 value1 和 value2 两个输入框的最新值。我们使用 subscribe 方法订阅上述合并后的 Observable 对象，当订阅到最新值数组时，我们判断其中的两个值是否都存在，如果存在，则在 runApiWithValues 方法中调用需要执行的 API。当任何一个源 Observable 发出新值时，
2024-01-22 11:30:00
412
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人