前端实战
文章平均质量分 78
前端实战知识示例
还是大剑师兰特
曾是美国普渡大学计算机研究生,现为GIS领域高级前端开发工程师。深耕openlayers、leaflet、cesium、mapbox、echarts、threejs、webgl、canvas、svg等技术,目前正研究GIS大模型在低空经济领域的应用,拥有两项GIS方面的专利。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue项目浏览器版本判别,低于IE11跳转到新页面
关于在Vue项目中实现IE低版本浏览器拦截并跳转升级提示页面的方法。主要包含:在public/index.html顶部添加IE版本检测脚本,IE10及以下跳转browser-upgrade.html;新增browser-upgrade.html提示页面,提供现代浏览器下载链接;如需拦截IE11可修改条件。摘要要简洁,覆盖核心点。</think>本文介绍Vue项目拦截IE低版本浏览器的方法:在public/index.html顶部添加IE版本检测脚本,原创 2026-09-06 00:00:00 · 661 阅读 · 0 评论 -
2026 年最新主流前端技术全景(框架 / 构建 / AI / 跨端 / 底层 / 工程化)
2026年前端技术趋势与选型指南(150字摘要) 【核心趋势】 元框架主导:Next.js/Nuxt成为React/Vue项目标配,RSC服务端组件、岛屿架构等提升性能 工具链革新:Vite6/Turbopack等Rust工具全面替代Webpack,构建速度提升10倍+ 智能开发:AI深度集成代码生成、优化与评审,84%开发者使用Copilot等工具 技术融合:Wasm实现重型计算、Signals细粒度响应式、边缘计算部署成为高阶技能 【选型建议】 官网/博客:Astro+Vite6 React中台:Nex原创 2026-07-07 21:28:58 · 1894 阅读 · 16 评论 -
RuoYi系统角色权限划分与控制
RuoYi权限控制系统采用RBAC模型,通过用户-角色-菜单/权限的三层关系实现权限管理。系统提供四种权限级别:菜单权限控制页面显示、按钮权限控制元素可见性、接口权限保护后端API、数据权限限制数据范围。权限标识遵循"系统:模块:操作"格式(如system:user:add)。前端通过路由守卫和v-hasPermi指令实现权限控制,后端使用@PreAuthorize注解保护接口。系统支持动态菜单加载和细粒度的按钮权限控制,完整实现了从页面到接口的全链路权限管理。原创 2026-04-11 08:30:00 · 928 阅读 · 1 评论 -
前端单元测试和覆盖率查看,使用什么软件或程序
前端单元测试和代码覆盖率查看常用工具组合包括Jest(集成测试+覆盖率)、Vitest(Vite优化版Jest)以及Mocha+Chai+NYC等方案。Jest和Vitest内置Istanbul覆盖率工具,通过--coverage命令生成HTML报告。推荐React项目使用Jest+Testing Library,Vue3项目使用Vitest+Vue Test Utils。运行后会生成详细覆盖率报告(行/函数/分支/语句),通过浏览器查看未覆盖代码。典型配置只需安装Jest并添加覆盖率脚本即可快速启用。原创 2025-11-07 07:45:00 · 1904 阅读 · 6 评论 -
地图库的三足鼎立:Mapbox、Leaflet 和 OpenLayers 该选谁?
Mapbox、Leaflet 和 OpenLayers 是三个流行的地图库,目前在地图应用展示市场上基本是三足鼎立的局面。他们各自有什么特点,做项目的时候应该怎么选择呢?原创 2024-02-22 01:00:00 · 7325 阅读 · 41 评论
分享