51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

React服务器端渲染(SSR):提升应用的性能和SEO效果

React服务器端渲染(SSR):提升应用的性能和SEO效果

厉飞雨 阅读(7) 评论(0) 赞(0)

React 的虚拟 DOM 和组件化开发模式使其在前端开发中非常受欢迎。然而,由于 [React](/React/) 的默认渲染方式是在浏览器中进行的,这可能会导致一些性能和 [SEO](/seo/) 上的问题。为了解决这些问题,React 提供了服务器端渲染(SSR)技术。 <br /> 什么是服务器端渲染(SSR) -------------- <...

Promethus快速监控Nginx

Promethus快速监控Nginx

厉飞雨 阅读(6) 评论(0) 赞(1)

**需求:Promethus 监控Nginx主要用到以下三个模块:** * nginx-module-vts:Nginx virtual host traffic status module,Nginx的监控模块,能够提供JSON格式的数据产出。 * nginx-vts-exporter:Simple server that scrapes Nginx vts stats a...

Nginx编译安装

Nginx编译安装

厉飞雨 阅读(9) 评论(0) 赞(1)

1.准备编译安装的基础环境 ------------- shell> yum install -y vim lrzsz tree screen psmisc lsof tcpdump wget ntpdate gcc gcc-c++ glibc glibc-devel pcre pcre-devel openssl openssl-devel systemd-d...

Nginx增强网站的安全性规则

Nginx增强网站的安全性规则

厉飞雨 阅读(8) 评论(0) 赞(1)

1.禁止Scrapy等工具的抓取 if ($http_user_agent \~\* (Scrapy\|Curl\|HttpClient)) { return 403; } 2.禁止指定UA及UA为空的访问 if ($http_user_agent \~ "WinHttp\|WebZIP\|FetchURL\|node-superagent\|ja...

10 个实用技巧助您打造更好的 Vue 应用

10 个实用技巧助您打造更好的 Vue 应用

厉飞雨 阅读(7) 评论(0) 赞(1)

![10 个实用技巧助您打造更好的 Vue 应用](http://static.51tbox.com/static/2024-11-22/col/8daac6dc55d662f2c6d77fdae68d2fbb/1ca87447f55f46dbadac3a3ed7e88396.jpg.jpg "10 个实用技巧助您打造更好的 Vue 应用") 以下是 10...

Vue3应用:在 Vue 3 中输入组件属性

Vue3应用:在 Vue 3 中输入组件属性

厉飞雨 阅读(7) 评论(0) 赞(1)

Vue 3 显著扩展了它的功能,最近我一直在使用Composition API和[Typescript](/TypeScript/)来开发我的项目,很高兴看到开发人员体验如何通过适当的类型安全性和支持得到提升,同时解决了 Vue 2 臭名昭著的缺点。 ![image.png](http://static.51tbox.com/static/2024-11-22/col/edf...

Vue.js 3 中的模板引用:一种实用方法

Vue.js 3 中的模板引用:一种实用方法

厉飞雨 阅读(7) 评论(0) 赞(1)

![vue3](/images/tt/vue.jpg "vue3") 随着 [Vue.js 3](/vue3) 继续完善现代 Web 开发格局,模板引用作为一项极其强大的功能脱颖而出,但它们仍然被未得到充分利用和误解的面纱所笼罩。模板引用不仅仅是一种修改 DOM 的手段,它还为组件交互和性能优化开辟了一种新范式,可以将您的项目提升到前所未有的效率和可维护性...