- 博客(48)
- 收藏
- 关注
RSS订阅原创 如何中断Promise？
Promise 有个缺点就是一旦创建就无法取消，所以本质上 Promise 是无法被终止的，但是在开发中往往要满足需求。
2023-12-27 15:05:34
1602
2
原创 什么是单例模式
在单例模式中，类会限制其自身的实例化过程，使得只能创建一个对象。这个单一的实例可以在整个应用程序中共享和访问，以便统一管理和操作，也就是说保证一个类只有一个实例，并且提供一个访问该全局访问点
2023-12-22 11:24:35
1413
2
原创 手写 “ 选择排序 ”
选择排序是一种简单直观的排序算法，适用于小型数据集。它的基本思想是每次从待排序的元素中选择最小（或最大）的一个元素，放到已排好序的元素的末尾，直到所有元素都排完为止。
2023-12-18 14:56:39
659
2
原创 为什么推荐将静态资源放到CDN上？
CDN（Content Delivery Network）是指内容分发网络，是一种通过在全球范围部署服务器节点来加速内容传递的网络架构。CDN 的基本原理是将内容（如网页、图片、视频、音频等静态资源）缓存到位于世界各地的边缘服务器节点上，当用户请求访问这些内容时，会从离用户最近的边缘节点获取资源，而不是直接从源服务器获取。这样可以减少网络延迟和传输时间，提高网站的性能和可用性。
2023-12-11 16:58:32
1625
原创 Vue中 v-show 和 v-if 有什么区别
指令实现了一种惰性地渲染元素的机制，它会根据条件表达式的值动态地创建或销毁元素及其 DOM 结构。根据具体的需求和性能考虑，选择合适的指令来控制元素的显示与隐藏。根据具体需求和性能考虑，选择适合的指令来控制元素的显示和隐藏。：在编译模板过程中，当遇到带有 v-if 指令的元素时，会将该指令解析成一个对应的 Vue 实例中的。当一个页面需要根据用户登录状态来显示不同的内容时，可以使用 v-if 指令。：当条件表达式的值发生变化时，Vue 实例会通过指令对象的。的值，可以动态地切换显示不同的内容。
2023-12-11 14:22:31
644
原创 有关CSS选择器
CSS选择器是CSS规则的第一部分，它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式。经过上面的优先级计算规则，我们知道内联样式的优先级最高，如果外部样式需要覆盖内联样式，就需要使用。内联 > ID选择器 > 类选择器 > 标签选择器。选择器所选择的元素，叫做“选择器的对象”。套用上面的算法，依次求出。
2023-12-08 16:45:59
846
原创 前端跨页面通信
在浏览器中，我们可以打开多个页面，假如把每个页面看做一个独立的运行环境，即使全局对象也不会在多个页面之间共享，但是有时候需求就是在这些独立的页面中同步数据信息等，这就属于白话，简要说明了页面通信。
2023-12-06 10:52:07
1087
原创 如何禁止别人调试自己的前端代码？良好的前端安全措施有哪些？
禁止别人调试你的前端代码是一件很难做到的事情，因为前端代码必须在用户的浏览器中执行，而且浏览器提供了很多开发者工具，让用户可以方便地查看和调试代码。总之，良好的前端安全措施应该涵盖前端代码、网络通信、服务器端、数据库存储等方面，综合考虑并采取适当的措施来保障前端应用程序的安全性。最重要的是，保护你的代码并不是你应该优先考虑的问题，更重要的是确保你的代码安全和稳定性，并为用户提供更好的体验。
2023-12-05 18:20:39
1072
原创 对Vue中mixin的理解
在UE（用户体验）设计中，Mixin（混入）是一种设计模式和方法，用于实现代码的复用和功能的扩展。的基本概念是将一个或多个已定义的功能集合（例如方法、样式、状态等）注入到一个对象或组件中，以增强其功能而无需改变其原有结构。
2023-12-05 16:54:22
1501
原创 CSS模块化的理解
随着 react、vue 等基于模块化的框架的普及使用，我们编写源生 css 的机会也越来越少。我们常常将页面拆分成许多个小组件，然后像搭积木一样将多个小组件组成最终呈现的页面。但是我们知道，css 是根据类名去匹配元素的，如果有两个组件使用了一个相同的类名，后者就会把前者的样式给覆盖掉，看来解决样式命名的冲突是个大问题。为了解决这个问题，产生出了 CSS 模块化的概念。
2023-12-04 11:02:48
1330
原创 浅析响应式设计
传统的网站设计只考虑了桌面电脑的访问，而忽略了移动设备、平板电脑等不同屏幕尺寸的访问。随着移动互联网的普及，越来越多的用户使用手机、平板等移动设备访问网站，因此响应式设计成为了现代网站设计的必要选择。响应式设计的核心思想是灵活布局，即通过媒体查询等技术，根据不同设备屏幕大小和分辨率，改变网站的布局和样式表。例如，在小屏幕设备上，可以将导航栏折叠成菜单形式，缩小图片尺寸等。响应式设计可以提高网站的易用性和用户体验，使得用户无论使用什么设备访问网站都可以得到良好的展示效果。
2023-12-02 10:45:59
912
原创 浅析Flex布局
Flex（也称为弹性布局）是一种用于页面布局的排版模型。它基于主轴（main axis）和交叉轴（cross axis）的概念，通过设置容器（父元素）和其内部子元素的属性来实现灵活的布局方式。
2023-12-02 09:35:43
1033
原创 什么是BFC？
通过触发父元素的 BFC，可以包含浮动元素，使得父元素正确计算高度，实现自适应布局。通过触发父元素的 BFC，可以解决这个重叠问题，确保布局的可控性和一致性。当一个父元素包含两个子元素时，子元素之间的 margin 会重叠，这时就可以通过触发父元素的 BFC 来避免 margin 重叠的问题。：BFC中的相邻块级元素的垂直间距取决于它们之间的margin值，垂直相邻的两个块级元素的margin会重叠。：BFC中的元素会依次排列，每个元素的左边与包含块的左边对齐（对于从右向左的布局则相反）。
2023-12-01 14:30:05
955
原创 SSR是什么？Vue中怎么实现？
（Server-Side Rendering），是一种将客户端和服务器端合并的 Web 应用程序渲染技术。在 SSR 中，应用程序的 UI 在服务器端渲染完成后，再将整个渲染好的发送到客户端。
2023-12-01 10:37:53
1382
原创 前端怎么实现跨域请求
同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSSCSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。Cookie、LocalStorage、IndexedDB 等存储性内容DOM 节点AJAX 请求发送后，结果被浏览器拦截了。
2023-11-30 09:43:01
1503
原创 ES6中对Set、Map两种数据结构的理解
Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构集合是由一堆无序的、相关联的，且不重复的内存结构【数学中称为元素】组成的组合字典是一些元素的集合。每个元素有一个称作key 的域，不同元素的key 各不相同。
2023-11-29 10:22:38
1733
原创 浅析函数防抖节流
防抖指的是在事件触发后，在规定的时间内若再次触发，则重新计时，直到规定时间内没有再次触发事件，才执行事件处理。这样可以避免在短时间内频繁地触发事件而导致页面卡顿或者出现错误。
2023-11-29 09:07:10
784
vue鼠标在表格中移入移出input显示隐藏
2023-12-21
用JS将数字转换为汉语
2023-12-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人