- 博客(29)
- 收藏
- 关注
RSS订阅原创 Cesium中flyTo的完整用例
使用的完整用例，包含了所有可用参数的说明以及功能和效果注释：功能注释： 创建视图：定义目标位置：使用方法：飞行时间：高度限制：相机朝向：飞行速度和加速度：碰撞检测和结束状态：
2025-12-10 15:12:57
145
原创 使用 Vue Router 进行路由定制和调用的示例
以下是一个使用 Vue Router 进行路由定制和调用的完整示例，假设使用 Vue 3 和 Vue Router 4。
2025-12-09 11:25:11
243
原创 前端通过用户权限来显示对应权限的页面
本文介绍了前端框架实现权限控制的通用方案。首先通过登录接口获取用户角色和权限数据，存储在状态管理工具(Vuex/Redux)或本地存储中。在路由层面，使用导航守卫或高阶组件拦截无权限的访问请求。在组件层面，通过条件渲染(v-if/&&)控制元素的显示。文章分别提供了Vue和React的具体实现示例，包括权限存储、路由拦截和组件控制等核心代码片段。最后强调后端必须进行二次权限验证，以确保系统安全性。这种前后端协同的权限控制方案，既能提升用户体验，又能保障系统安全。
2025-12-08 15:53:34
234
原创 CSS背景属性(background)
body {div {背景图像在元素内部滚动（仅限元素内容滚动时），可使用local/* 定义背景图像从边框盒子开始定位 */.box {/* 从内边距盒子开始定位（默认值） *//* 从内容盒子开始定位 */border-box：背景相对于边框盒定位（边框下层）：背景相对于内边距盒定位（默认值）：背景相对于内容盒定位需配合使用实际效果受属性影响在旧版浏览器中可能需要前缀（如。
2025-08-04 14:01:20
1039
原创 CSS动画属性（Animation）
元素在1秒延迟后淡入。/* 定义关键帧动画 *//* 应用动画并设置延迟 */.element {/* 延迟1秒后开始动画 *//* 保持动画结束状态 */：定义了一个名为 fadeIn的动画，元素透明度从0(完全透明)到完全(完全不透明)。s（秒）或ms（毫秒）。负值会导致动画立即开始，但从中间状态播放。与animation-duration、等属性配合使用animation-duration代码：/* 定义动画关键帧 */from {to {
2025-08-04 11:36:28
1572
原创 CSS属性
下面的内容描述了CSS的属性及对应含义。内容中的属性分了为动画属性、背景属性、边框属性、颜色属性、高度宽度尺寸大小、Flex弹性盒子、字体属性、列表项属性、边距属性、轮廓属性、文字字体属性、视觉属性。
2025-08-04 11:29:18
332
原创 CSS基础
CSS(Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS文件扩展名为 .css。
2025-07-31 11:31:03
653
原创 前端搜索引擎优化(SEO)
在搜索引擎优化（SEO）实践中，keywords 的合理设置能够有效提升网页在搜索结果中的排名表现。关键词选择要反映页面核心内容，避免使用与页面无关的关键词，建议选择1-3个最具代表性的关键词，使用英文逗号","分隔不同关键词。描述内容显示在搜索引擎结果页的摘要中，所以描述的内容要准确概括页面核心内容，避免与标题重复，描述内容应控制在150-160个字符以内，确保在搜索结果中完整显示。中的内容会显示在浏览器的标题栏或者标签页中，是搜索引擎结果页中展示的页面标题。区域中的关键元素，用来定义网页的标题。
2025-07-28 15:44:43
730
原创 git提交代码遇到问题
当在git提交时提示下面报错，是因为当前不符合git commit提交规范导致。例：git commit -m 'feat(api): add 修改内容'更改git commit提交格式。
2024-03-21 13:42:27
467
1
原创 修改CSSStyleDeclaration
1.通过元素 ID 获取到相应的 DOM 节点，并将其转换为 CSSStyleDeclaration 类型。
2024-01-17 16:05:54
659
原创 React基本使用
jsx 概念jsx 语法是 React 提供另一种创建用户界面的方式，看起来很像 HTML,但他绝不是 HTML,他是一只 JavaScript 语法扩展。facebook 处于性能考虑，解决必须通过 React.createElement 创建元素，创建出了 jsx，在应用构建的过程中 jsx 由 babel(js 编译器)转换成 React.createElement 方法调用代码样式<ul></ul></div>
2023-08-15 18:10:41
145
1
原创 Vue状态管理
一个轻量级的状态管理库，提供简单的API来管理应用程序的状态。采用集中存储管理应用的所有组件状态，并以响应的规则保证状态以一种可预测的方式发生变化。Vuex可以帮助我们共享状态，将多个组件共享的变量全部存储在一个对象里面，并有更多的中间件和插件，适合在开发大型单页应用中使用，能够处理复杂需求。3.更加灵活：提供了更加灵活的管理状态方式，支持多个store实例，而Vuex只支持一个store实例。使用，将组件切换过程中的状态保存在内存中，防止重新渲染DOM，减少消耗，提升体验。
2023-08-15 18:06:27
195
1
原创 Vue常用指令
在 vue3 中 v-if 和 v-fot 相比优先级更高，可以一起使用。在 vue2 中 v-for 更高，实际不能一起使用。：v-on 基于在 vue 程序中绑定事件。： ---------- 事件.修饰符名称。：v-model.修饰符 = "数据变量"作用：单项数据绑定（为标签属性绑定动态值）@keyup.enter-检测回车按钮。以 parseFloat 转为数字类型。作用：条件判断渲染（让元素显示或隐藏）@keyup.esc-检测返回按钮。简写：@事件名称="事件回调函数"
2023-08-15 18:05:14
121
1
原创 Vue概念及配置
它基于标准 HTML、css 和 javascript 构建，可以帮助高效开发用界面，可以配合其他的工具进行开发，如 Vue-router、Vuex、axios、Pinia。vue 适合开发前后端分离的项目(SPA 类型)，单页面应用程序---在一个页面中实现所有的功能，没有真正的路径跳转。M---Model(数据模型) 在 data 中定义，M 修改数据->V 视图自动同步。V---View(视图页面) 在 html 中，V 修改视图->M 数据自动同步。VM---ViewModel（视图模型）
2023-08-15 18:02:16
103
1
原创 Html简介和Html标签
HTML 是一种超文本标记语言(HypterText Markup Language)描述网页内容:<html>HTML 标签有两种单标签：一些特殊标签必须单个出现，如<img/>双标签：标签成对出现，如HTML 基本结构：html -> head , bodyhtml 标签：是整个文件的 根标签 (所有内容都需要包含在其中)head 标签：代表整个页面的 头部（包含当前页的关键信息）title 标签：让页面有一个属于自己的 标题。
2023-08-15 17:59:18
109
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人