- 博客(22)
- 收藏
- 关注
RSS订阅原创 WebSocket
WebSocket是一种协议，用于在Web应用程序和服务器之间建立实时、双向的通信连接。它通过一个单一的TCP连接提供了持久化连接，这使得Web应用程序可以更加实时地传递数据。WebSocket协议最初由W3C开发，并于2011年成为标准。WebSocket。
2024-12-27 16:05:31
459
原创 vue 组件库二次封装
需求背景：项目使用组件库，ui 界面对于单选有统一的界面，对于封装组件有一个大原则就是我们应该尽量保持原有组件的接口，除了我们需要封装的功能外，我们不应该改变原有组件的接口，即保持原有组件提供的接口（属性、方法、事件、插槽）不变。
2024-12-26 15:20:00
1115
原创 vue3父子组件的生命周期
不会触发 Vue 组件的生命周期钩子，组件仍然保留在内存中。v-if用于条件性渲染，可以触发完整的生命周期钩子，适合需要完全卸载和重新挂载组件的场景。v-show仅切换样式，不触发生命周期钩子，适合频繁切换可见性的场景。手动处理和 IntersectionObserver提供了更灵活的方式来响应组件的可见性变化，可以在不卸载组件的情况下执行特定逻辑。选择哪种方法取决于你的具体需求和应用场景。如果你需要完全移除组件并释放资源，v-if是最合适的选择；如果你只是想隐藏组件而不卸载它，v-show。
2024-12-26 10:43:00
1035
原创 段落中特定文字高亮
CSS 自定义高亮 API 提供了一种方法，可以通过使用 JavaScript 创建范围并使用 CSS 定义样式来设置文档中任意文本范围的样式。概念与用法在网页上设置文本范围样式非常有用。例如，文本编辑类的 Web 应用程序会突出显示拼写或语法错误，代码编辑器会突出显示语法错误。CSS 自定义高亮 API 通过提供一种创建任意Range对象并设置其样式的方法（而不是局限于浏览器定义的范围），扩展了其他高亮伪元素的概念，例如和。
2024-10-09 18:48:49
1045
原创 Nginx 部署配置
Nginx 是一款高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。在生产环境中，Nginx 常用于处理大量并发请求和负载均衡,其配置文件通常位于或。
2024-09-25 17:33:11
1110
原创 meta 标签
元数据（metadata）是关于数据的信息。标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。典型的情况是，meta元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。标签始终位于head元素中。元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。标签提供关于HTML文档的元数据。它不会显示在页面上，但是对于机器是可读的。
2024-03-20 11:20:29
1084
1
原创 REACT(二)
React组件UIReactJavaScript纯函数组件statepropscontextpropscontextpropscontextthisrenderReactthisstatekey-valuerenderthisthisundefinedthisbind()statestatesetStateDOMreactprops理解作用propspropsrefs与事件处理理解refrefrefcreateRefref容器注意： 组件名称必须以大写字母开头。
2024-03-19 10:08:45
875
1
原创 eslintrc.js文件详解
第二种方法就是把不符合自己习惯的规则去掉，找到配置文件，名字以。是有必要的，能保持良好的代码风格。但我不推荐你这么做，其中的rules就是配置规则的。
2024-03-17 20:51:51
4344
1
原创 Less学习
使用符号来定义变量 ，在Less中开头是则是变量，关于变量的命名方法，大家可以参考js中命名的规则，毕竟是做前端的，有着统一的习惯有助于我们统一风格。个人推荐变量名的命名规则使用驼峰命名法。第一个单词首写字母小写，从第二个开始，单词首写字母大写。如boxAaa,boxBbbb,boxContainer,……，当然也是可是使用香肠命名法用下划线“_”来命名。如，box_main,border_bottom,……
2024-03-15 19:56:30
718
1
原创 REACT（一）
React是一个用于构建用户界面的。React由Facebook开发，并已被开放源代码社区维护和发展。它是一个流行的前端开发工具，广泛用于构建复杂的 Web 应用程序和网站。React的核心概念包括组件化、声明式编程和函数式编程。它允许开发人员创建可重用和独立的组件，这些组件可以组合在一起构建复杂的用户界面。React的视图层通常采用包含自定义HTML标记的组件渲染，它支持高效和快速的用户界面渲染，适合构建大型的前端项目。
2024-03-14 14:53:17
370
1
原创 JavaScript面试题（一）
来进行相等判断时，一般情况下和三等号的判断相同，它处理了一些特殊的情况，比如。是一个标识符，不是保留字，所以可以被当作变量来使用和赋值，但是这样会影响。）进行相等判断时，如果两边的类型不一致，则会进行强制类型转化后再进行比较。）进行相等判断时，如果两边的类型不一致时，不会做强制类型准换，直接返回。因此，在想要得到对象的具体类型时，应该调用。来作为一个变量名，但是这样的做法是非常危险的，它会影响对。方法时，根据原型链的知识，调用的是对应的重写之后的。有两个作用，一是判断数据的类型，二是对象实例通过。
2024-03-12 16:31:21
533
1
原创 浏览器渲染进程的线程
浏览器渲染进程的线程浏览器渲染进程主要负责网页的呈现和交互功能，每个标签页都有一个独立的渲染进程来负责其呈现。这种方式可以增强浏览器的稳定性，防止一个网页的崩溃引起整个浏览器的崩溃。当用户打开一个新的标签页或者输入一个URL时，浏览器会分配一个新的渲染进程来处理该页面的显示。浏览器的渲染进程的线程总共有五种：GUI 渲染线程（Rendering Thread）负责渲染浏览器页面，解析 HTML、CSS，构建 DOM 树、构建 CSSOM 树、 构建渲染树和绘制页面；当界面需要重绘或由于某种操作
2024-03-11 14:00:37
421
原创 flex布局
flex是的缩写，就是弹性盒子布局的意思flex:1属性是flex-grow和flex-basisflex-basisautoinherit另外，flex属性还有两个快捷值，分别为和。
2024-03-09 10:00:00
572
1
原创 浏览器的缓存机制
强缓存策略和协商缓存策略在缓存命中时都会直接使用本地的缓存副本，区别只在于协商缓存会向服务器发送一次请求。它们缓存不命中时，都会向服务器发送请求来获取资源。在实际的缓存机制中，强缓存策略和协商缓存策略是一起合作使用的。浏览器首先会根据请求的信息判断，强缓存是否命中，如果命中则直接使用资源。如果不命中则根据头信息向服务器发起请求，使用协商缓存，如果协商缓存命中的话，则服务器不返回资源，浏览器直接使用本地资源的副本，如果协商缓存不命中，则浏览器返回最新的资源给浏览器。拓展：点击刷新按钮或者按F5。
2024-03-07 10:45:49
1009
1
原创 vue2-ace-editor
Ace 是一个用 JavaScript 编写的可嵌入代码编辑器。它与 Sublime、Vim 和 TextMate 等原生编辑器的功能和性能相匹配。它可以很容易地嵌入到任何网页和 JavaScript 应用程序中。Ace 被维护为 Cloud9IDE 的主要编辑器，是 Mozilla Skywriter（Bespin）项目的继任者。
2024-03-04 13:41:20
1342
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人