Nginx-简单使用
摘要:
启动 文件夹内打开cmd, 输入: start nginx 确认运行: tasklist /fi "imagename eq nginx.exe" 浏览器输入: http://localhost:80或http://127.0.0.1:80 配置 vscode中打开D:\nginx-1.26.3\c
OpenLayers-加载影像、点、面要素
摘要:
利用point.txt,实现添加隐患点数据,且点的样式要用zip里面的point.png图标来展示 加载imageAnhua.png作为影像图层,范围为[110.721085,27.974829,111.987103,28.639647] 解析yjq.json里的数据作为面要素图层,要求用黄色(#F
Cesium-加载GLB和倾斜摄影模型
摘要:
加载glb模型(CesiumAir.glb) 加载倾斜摄影模型(tazhong文件夹),要求贴地 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi
Cesium-点击实体显示弹窗
摘要:
根据json数据中的点信息添加实体图标点,图标路径与dis_type对应 点击图标添加弹窗展示当前隐患点的名称pp_name <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewpor
Vue-组件实例的生命周期
摘要:
组件实例的生命周期 创建组件实例:当使用new Vue()或通过模板解析创建一个组件时,Vue首先会创建一个组件的实例。 初始化阶段 Vue3中setup()取代了beforeCreate和created 初始化事件和生命周期:在组件实例创建之后,Vue会初始化事件和生命周期相关的属性。 befor
前端知识-质量与安全
摘要:
质量保障 编码质量 防御性编程: 判空处理; 异常处理try-catch; 降级处理(对允许出错的弱依赖场景, 可以返回默认值, 增加系统容错性) 质量管理工具: 静态检查工具(ESLint); 风格控制工具(Prettier) 代码评审: 交叉验证代码设计的合理性 测试 通过编写测试用例来检查程序
前端知识-前端服务端
摘要:
前端服务端 特指服务于前端开发的服务端, 不包含数据库, 中间件, 分布式服务, K8S等底层设施 引入服务端的必要性 在传统前端开发中, 所有的代码和功能都运行在客户端. 随着业务体量增大, 比如需要传输到客户端的脚本体积越来越大, 导致传输延迟上涨, 渲染性能下降; 前端要调用的接口越来越多,导
前端知识-用户体验
摘要:
用户体验 性能优化 通过性能分析工具来观察页面各阶段的耗时和性能指标, 有针对性的进行优化 加载时间太长 资源体积过大: 减小产物大小, 减少传输量 现代构建工具提供了压缩(compression), 树摇(tree shaking), 依赖外置(externals) 功能来减小产物大小 同时提供代
前端知识-应用框架
摘要:
应用框架 应用框架的任务包括: 引入状态管理方案, 做一套统一的布局, 抽象一个更好用的数据请求方法, 优化打包效率 应用框架的覆盖面: 基于React生态的Next.js, UmiJS, Modern.js; 基于Vue生态的Nuxt和Quasar; 自成一体的Astro和Angular; 专注于
前端知识-用户界面
摘要:
用户界面 User Interface, 人与计算机设备交互的必要窗口 根据呈现方式, 承载功能来划分:图形用户界面GUI, 命令行界面CLI, 语言用户界面LUI,自然用户界面NUI 现代前端开发的用户界面包括: 网页, 跨平台桌面应用, 智能手机中的H5, 小程序和Native App CSS框