刷新
SSR解决了什么问题?有做过SSR吗?你是怎么做的?

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、是什么 Server-Side Rendering 我们称其为SSR,意为服务端渲染 指由服务侧完成页面的 HTML 结构拼接的页面处理技术,发送到浏览器,然后为其绑定状态与事件,成为完全可交互页面的过程 先来看看Web3个阶段的发展 ...

浏览器录屏技术:探索网页内容的视觉记录之道

博主头像 在当今数字化时代,浏览器录屏技术已经成为了一种强大的工具,用于记录和分享网页内容的视觉体验。无论是用户体验测试、教育培训、产品演示还是远程协作,浏览器录屏技术都能提供便捷、高效的解决方案。 在线录屏 | 一个覆盖广泛主题工具的高效在线平台(amd794.com) amd794.com/records ...

React18 之 Suspense

博主头像 我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:佳岚 Suspense Suspense 组件我们并不陌生,中文名可以理解为暂停or悬停 , 在 React16 中我们通常在路由懒加载中配合 Lazy 组件 ...

代码+案例,实战解析BeautifulSoup4

博主头像 本文分享自华为云社区《从HTML到实战:深入解析BeautifulSoup4的爬虫奇妙世界》,作者:柠檬味拥抱。 网络上的信息浩如烟海,而爬虫技术正是帮助我们从中获取有用信息的重要工具。在爬虫过程中,解析HTML页面是一个关键步骤,而BeautifulSoup4正是一款功能强大的解析器,能够轻松解析 ...

Vue中的$nextTick有什么作用?

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、NextTick是什么 官方对其的定义 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM 什么意思呢? 我们可以理解成,Vue 在更新 DOM 时是异步执行的。当数据发生变化,Vue将 ...

你对SPA单页面的理解,它的优缺点分别是什么?如何实现SPA应用呢?

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、什么是SPA SPA(single-page application),翻译过来就是单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码( ...

玩转 CMS2

博主头像 玩转 CMS2 上篇研究了样式、请求、evn、mock,感觉对效率的提升没有太明显作用。 比如某个工作需要2天,现在1天可以干完,这就是很大的提升。 提高效率的方法有代码复用、模块化、低代码工具。 目前可以考虑从代码复用方面下手,即使最低级的代码复制也可以。 要快速提高效率,需要对本地项目中的一些关 ...

记录--源码视角,Vue3为什么推荐使用ref而不是reactive

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 ref 和 reactive 是 Vue3 中实现响应式数据的核心 API。ref 用于包装基本数据类型,而 reactive 用于处理对象和数组。尽管 reactive 似乎更适合处理对象,但 Vue3 官方文档更推荐使用 ref。 我 ...

玩转 CMS

博主头像 玩转 CMS 目前接手的内容管理系统(CMS)基于 ant-design-vue-pro(简称模板项目或ant-vue-pro) 开发的,经过许多次迭代,形成了现在的模样(简称本地项目)。 假如让一名新手接手这个项目,他会遇到很多问题,比如 .env 的作用、开发时后端接口没有写好如何联调、样式使用 ...

vue3的宏到底是什么东西?

博主头像 前言 从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setup顶层中使用这些宏? vue 文件如何渲染到浏览器上 要回答上 ...

记录--vue3的宏到底是什么东西?

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setu ...

JS模块化系统

博主头像 随着 JavaScript 开发变得越来越广泛,命名空间和依赖关系变得越来越难以处理。人们已经开发出不同的解决方案以模块系统的形式来解决这个问题。 CommonJS(CJS) CommonJS 是一种同步加载模块的规范,主要用于服务器端的 Node.js 环境。 // 模块导出 module.exp ...

为什么在js中需要添加addEventListener()?

博主头像 为什么在js中需要添加addEventListener()? 1.What? addEventListener(监听器) EventTarget.addEventListener()方法将指定的监听器注册到 EventTarget 上,当该对象触发指定的事件时,指定的回调函数就会被执行。事件目标可以 ...

记录--你还在使用websocket实现实时消息推送吗?

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在日常的开发中,我们经常能碰见服务端需要主动推送给客户端数据的业务场景,比如数据大屏的实时数据,比如消息中心的未读消息,比如聊天功能等等。 本文主要介绍SSE的使用场景和如何使用SSE。 服务端向客户端推送数据的实现方案有哪几种? ...

[前端] DNS解析与优化

博主头像 这篇笔记总结自网课DNS解析和优化【渡一教育】 DNS用于将域名转换成IP地址。 特点: DNS解析过程耗费时间长; DNS有本地缓存。 DNS解析完成得到IP地址,这个IP地址会存储到本地设备,后续再读这个域名会直接返回本地缓存的IP地址。 用户浏览网页中的DNS解析流程 首先用户输入url地 ...

[Vite] 静态资源的动态访问

博主头像 Vite脚手架在打包代码的时候,会把源代码里对于静态资源的访问路径转换为打包后静态资源文件的路径。动态访问静态资源通常导致读取不到文件,因为源代码中使用的路径是src中的,而打包之后静态资源带上了文件指纹,代码中的路径却没有随之改变。 ...

Vue3学习(十六)- 左侧显示分类菜单

博主头像 写在前面 和大家不太一样,我觉得今年的自己更加relax,没有亲戚要走,没有朋友相聚,也没有很好的哥们要去叙旧,更没有无知的相亲,甚至可以这么说没有那些闲得慌的邻居。 也可以说是从今天开始,算是可以进入自己的小世界,做自己想做的事,看看书,学习一下。 生活的精髓在于善待自己,用心感受每一刻的欢愉与宁 ...

Vite+Vue根据环境配置Websocket地址

博主头像 前言 上回说到,利用vite加载不同mode下的配置文件,可以实现不同运行环境下的参数配置。在前端应用中经常使用到Websocket,其地址同样可以在.env中间中配置。 代码 vite.config.ts代码的执行是在createApp之前,不可以在vite.config.ts中使用例如pinia ...

<1···8910···50>