- 博客(12)
- 收藏
- 关注
原创 Expo框架开发React Native项目指南
使用框架开发 React Native 项目可以显著简化开发流程,尤其适合快速原型开发和跨平台应用构建。
2025-03-22 15:56:14
1529
原创 前端常用框架服务器渲染(Server-Side Rendering,SSR)
SSR 在服务器端执行前端框架(如React、Vue)的代码,生成包含动态内容的HTML页面,客户端接收后直接展示,再通过“注水”(Hydration)绑定交互逻辑。通过框架(Nuxt/Next)的封装,开发者无需手动配置 Webpack 和服务端渲染逻辑,只需专注业务代码即可实现高性能 SSR。:浏览器下载空HTML后,通过JavaScript动态渲染内容,首屏加载慢,SEO不友好。:构建时生成静态HTML,适用于内容固定的场景(如博客),而SSR每次请求动态生成。
2025-03-21 14:13:00
905
原创 响应式布局:构建跨设备友好的现代网页
响应式布局不是简单的屏幕适配,而是以内容为核心的弹性设计思维。通过合理运用现代CSS特性,结合性能优化策略,开发者可以构建真正设备无关的优质用户体验。
2025-03-20 13:45:11
702
原创 当网站有更新时,如何通知用户。
当网站有更新时,通知用户可以通过多种方式实现,具体选择取决于用户偏好、更新类型和技术能力。提供 RSS Feed 链接,用户通过阅读器(如 Feedly)订阅。根据场景混合使用推送、邮件和站内通知(如电商订单:推送+邮件)。:需用户授权,部分浏览器(如 Safari)支持有限。:覆盖广,适合非实时场景(如博客更新、产品发布)。用户绑定手机号,关键更新(如订单状态)触发短信。避免滥用推送(如非关键更新),防止用户关闭权限。:用户自主控制,适合内容型网站(新闻、博客)。
2025-03-20 11:29:46
406
原创 cursor无限续杯(亲测有效)
Cursor是一款基于开发的新型代码编辑器,核心特色是深度集成AI 功能(如 GPT-4、Claude 等模型),旨在通过人工智能提升开发效率。以下是其关键特点:核心功能智能代码补全AI 能根据上下文预测代码,甚至生成整段逻辑,减少重复劳动。自然语言转代码支持用英文描述需求(如“写一个 Python 函数计算斐波那契数列”),AI 自动生成对应代码。交互式编程可直接在编辑器中与 AI 对话,提问代码问题(如“这段代码为何报错?”),获取实时解答。自动 Debug。
2025-03-20 10:17:38
579
原创 前端安全指南:常见攻击方式及防御策略
前端网络攻击的方式有很多,比如:1.跨站脚本攻击(XSS, Cross-Site Scripting)2.跨站请求伪造(CSRF, Cross-Site Request Forgery)3.点击劫持(Clickjacking)4.CORS 配置错误5.JSONP 劫持6.第三方依赖风险7.开放重定向(Open Redirect)8.本地存储泄露9.钓鱼攻击(Phishing)10.SEO 垃圾内容注入输入即威胁:始终对用户输入进行过滤和转义。最小权限原则:Cookie 设置HttpOnly。
2025-03-20 09:09:12
679
原创 在服务器中配置和使用 1Panel:一站式运维管理实践
1Panel 的核心价值在于将复杂的服务器运维操作简化为可视化点击,同时保留了对 Docker 和底层系统的控制权。对于开发者而言,它:节省了手动配置环境的时间。降低了跨团队协作的成本(如统一运维标准)。提供了开箱即用的安全防护和监控能力。摆脱繁琐的命令行操作,快速构建稳定、安全的服务环境,1Panel 是一个值得尝试的工具。附录1Panel 文档GitHub - 1Panel 配置模板。
2025-03-19 10:05:42
746
原创 Docker的地位以及其影响
容器镜像可在任何支持 Docker 的环境中运行(Linux、Windows、云服务器等),实现“一次构建,随处运行”。每个服务独立容器化,方便拆分、部署和扩展,推动现代化架构(如 1panel 配合 Docker 管理服务器)。与传统虚拟机(VM)不同,容器共享主机操作系统内核,资源占用更少(轻量级),一台物理机可运行更多容器。容器启动仅需几秒,且可通过镜像快速复制,支持横向扩展(如微服务架构中快速启动多个实例)。,确保在开发、测试、生产环境中运行完全一致,避免“在我机器上是好的”这类问题。
2025-03-19 09:57:13
355
原创 低代码平台在项目中的运用。
低代码平台(Low-Code Platform)通过可视化界面、拖拽式组件和预置模板,大幅降低开发门槛,缩短开发周期,正在成为企业数字化转型的重要工具。低代码平台(Low-Code Platform)通过可视化界面、拖拽式组件和预置模板,大幅降低开发门槛,缩短开发周期,正在成为企业数字化转型的重要工具。
2025-03-05 20:01:52
649
原创 Vue项目中集成和使用第三方库或插件以满足特定需求,例如日历选择、地图展示等,包括插件的选择、安装、配置和优化等步骤,以及如何处理兼容性和性能问题。
在Vue项目中集成和使用第三方库或插件以满足特定需求,如日历选择、地图展示等,是一个常见的开发任务。以下将详细描述插件的选择、安装、配置和优化等步骤,以及如何处理兼容性和性能问题。
2025-02-11 19:50:04
1143
原创 前端路由守卫解释及在Vue项目中的使用
beforeResolve是Vue Router 2.5.0+版本引入的一个全局守卫,它在导航被确认之前调用,但在所有路由独享守卫和异步组件被解析之后调用。这些守卫允许开发者在路由切换之前或之后进行权限验证、数据预加载、错误处理等操作,从而增强应用的安全性和用户体验。afterEach是一个全局后置守卫,它在每次路由切换之后被调用。通过合理使用路由守卫,开发者可以实现权限验证、数据预取、错误处理等多种功能,从而增强应用的安全性和用户体验。在Vue项目中,路由守卫主要分为全局守卫、路由独享守卫和组件内守卫。
2025-02-11 19:38:26
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人