贝格前端工场-CSDN博客

原创 Cesium的默认控件及其功能

这些默认控件可以根据用户的需求和地图应用的具体场景进行配置和调整，以提供更好的用户体验和功能支持。同时，Cesium还支持用户自定义控件，用户可以根据自己的需求和设计风格创建和添加自定义控件，以满足特定的功能和交互需求。贝格前端工场→10年经验的前端开发和UI设计老司机，1400+项目交付经历，专注互联网产品前台部分的研究、设计与开发。Cesium提供了一些默认的控件，用于用户在浏览和交互地图时进行操作和控制。包括缩放按钮、指南针、全屏按钮等，用于在地图上进行缩放、旋转、平移等操作。

2024-07-23 09:34:33 286

原创客户端与服务器通讯详解（5）：安全威胁与应对策略

在进行客户端与服务器通讯的时候，要时刻防范安全威胁，后端有一句名言“永远不要相信用户在前端的输入”，就是说客户端和服务器之间通讯，必须有严密的规则。

2024-07-23 09:33:41 473

原创 Cesium中地形数据是啥，有啥作用，有啥类型，如何加载。

Cesium提供了灵活且多样化的方式来加载地形数据，用户可以根据自己的需求和数据来源选择合适的加载方式，从而实现对地形数据的有效管理和展示。加载地形数据是构建逼真虚拟地球环境的重要步骤，通过合适的加载方式，用户可以实现高度真实和生动的地形模拟和可视化。在Cesium中，地形数据可以用来创建高度变化的地形效果，例如山脉的起伏、河流的流动等。Cesium地形数据在虚拟地球环境中扮演着重要的角色，可以帮助用户实现高度真实和生动的地球表面模拟和可视化，为用户提供丰富的地理信息和沉浸式的虚拟地球体验。

2024-07-23 09:19:23 502

原创扫盲：GIS开发中的点云数据与数字孪生

点云数据是一种用于表示三维空间中点的数据形式，通常由大量的点组成，每个点都包含了空间坐标和可能的其他属性信息。在GIS（地理信息系统）开发中，点云数据通常用于表示地理空间中的真实世界对象，如建筑物、地形、植被等。点云数据可以通过激光扫描、摄影测量、无人机航拍等方式获取，然后通过数据处理和分析，将点云数据转换为可视化的三维模型或地图。GIS开发中的点云数据可以用于地形建模、城市规划、环境监测、资源管理等领域，为用户提供更加真实和直观的地理信息展示。

2024-07-23 09:15:24 399

原创客户端与服务器通讯详解（4）：支持实时通讯的协议

在之前的章节中，贝格前端工场给大家分享了客户端与服务器通讯详解定义、流程、协议、方式。

2024-07-23 09:04:58 599

原创简述：Cesium九个常见API，能够实现啥效

表示在Cesium场景中的原始几何体，可以是点、线、面等，可以设置原始几何体的外观、样式、属性等。表示在Cesium场景中的实体，可以是点、线、面等，可以设置实体的位置、外观、属性等。用于控制相机的对象，可以设置相机的位置、视角、旋转等，实现场景的漫游和导航。用于表示三维笛卡尔坐标系中的点的对象，可以表示地图上的位置、方向、距离等。

2024-07-23 09:04:17 329

原创 Cesium能做啥，加载哪些数据源，开源免费用商用吗？这里告诉你。

关于商用方面，Cesium是可以商用的。Cesium具有灵活的数据源支持，可以适配多种数据格式和来源，开发者可以根据具体需求选择合适的数据源来展示地理空间数据。Cesium作为一个功能强大的JavaScript库，可以帮助开发者实现丰富的地理空间数据展示和处理功能，提供优秀的用户体验和交互性，同时具有良好的跨平台性和定制性，适用于多种领域的应用场景。Cesium作为一个开源的JavaScript库，可以免费使用和商用，同时具有灵活的定制性和丰富的功能，适用于各种个人和商业项目的地理空间数据展示和处理需求。

2024-07-17 07:45:47 1135

原创客户端与服务器通讯详解（3）：如何选择合适的通讯方式

上篇文章中，我们讲解了客户端与服务器通讯详解（2）：12种常见通讯方式，重点讲解了http、websocket和RESTful API三种，本文我们继续讲解如何依据场景选择最合适的通讯方式。

2024-07-17 07:45:07 847

原创 Web3D：WebGL为什么在渲染性能上输给了WebGPU。

WebGL已经成为了web3D的标配，市面上有N多基于webGL的3D引擎，WebGPU作为挑战者，在渲染性能上确实改过webGL一头，由于起步较晚，想通过这个优势加持，赶上并超越webGL仍需时日。

2024-07-16 13:06:05 1341

原创用chatgpt写了个二级导航，我全程一个代码没写，都是复制粘贴

html和css我也没写，都让chatgpt来搞定，下面是效果。2、抽屉伸缩效果，点击一级导航，展开二级导航，再次点击收起。再让chatgpt用vue重构一遍，也是分分钟的事情。1、两级导航，竖向排列，一级导航默认显示，二级隐藏。3、点击别的导航，展开的导航收起。4、用jquery实现。连缓动效果都给加好了。

2024-07-16 13:05:19 431

原创前端：严格模式和非严格模式，有啥差别和优劣势，你晓得吗?

在前端开发中，严格模式（Strict Mode）是一种 JavaScript 的执行模式，它可以帮助开发者编写更加规范、安全的代码。严格模式对于 JavaScript 的一些不规范或容易出错的语法和行为进行了限制和规范，从而提高了代码质量和可维护性。变量必须先声明后使用，否则会报错。禁止删除不可删除的属性。禁止使用未声明的变量。禁止使用八进制表示法。禁止使用 with 语句等。修正了 this 的指向，避免在全局作用域中使用 this 时指向全局对象。

2024-07-16 12:10:33 528

原创让前端和后端要“动手”的7大行为，你中了几个。

前后端分离导致了二者在工作中交叉非常多，不像之前前端搞完静态页面，拽给后端就行了。这种交叉必然导致巨大的沟通成本，贝格前端工场将项目踩过的坑，给大家分享一下。

2024-07-16 12:07:36 349

原创 3个实现前端节流的方法，附代码。

前端节流（Throttling）是一种优化前端性能的技术，它可以限制某些函数的执行频率，以提高性能和用户体验。节流可以用于控制一些高频事件的触发频率，比如滚动事件、鼠标移动事件、窗口大小改变事件等。在前端中，有些事件会频繁触发，如果每次事件触发都执行一些复杂的操作，会导致页面变得卡顿，影响用户体验。而通过节流技术，可以控制事件的触发频率，从而减少不必要的操作，提高页面性能和用户体验。

2024-07-16 07:53:40 290

原创拒绝废话：computed、watch和methods的区分和使用场景

computed用于基于依赖的响应式属性的计算，适合用于计算属性值；watch用于监听数据的变化，适合用于执行异步或复杂的操作，或者监听对象或数组的变化；methods用于定义方法，用于处理用户交互、事件响应等操作。

2024-07-16 07:52:52 340

原创客户端与服务器通讯详解（2）：12种常见通讯方式

在上一篇文章中，我们分享了客户端与服务器通讯的定义、流程、协议，本篇继续分享常见的通讯方式。

2024-07-16 07:43:42 1015

原创 vite取代webpack？现在下判断，为时过早了吧

vite和webpack不是简单的取代关系，vite是专用工具，webpack是通用工具，二者各有应用场景。只能能否真正取代，贝格前端工场为您分享。

2024-07-16 07:43:05 1080

原创 npm、cnpm、npx、yarn、pnmp到底有啥区分？

npx 是 npm 5.2.0 版本后内置的命令行工具，用于临时运行依赖包的可执行文件；yarn 是 Facebook 开源的包管理器，以速度快和安全可靠著称；cnpm 是淘宝 NPM 镜像的命令行工具，用于加速安装依赖包；npm 是 Node.js 的默认包管理器；pnpm 是一个快速、零配置的包管理器。

2024-07-11 07:45:00 395

原创前端工程化（01）：Webpack、Gulp、Grunt三大自动化构建工具对比

10年前端开发和UI设计老司机→贝格前端工场，为您分享。本期介绍三款自动化构建工具，看看他们的工作原理和差异化，帮助你来选择。Webpack、Gulp和Grunt都是前端构建工具，用于优化前端开发流程和提高开发效率。它们都可以自动化执行一系列任务，例如文件压缩、代码合并、文件打包、代码转换等。

2024-07-11 06:45:00 875

原创前端工程化（01）：10款自动化构建工具初识。

前端工程化是指通过使用工具、流程和最佳实践来优化前端开发流程、提高开发效率、优化项目质量和降低维护成本的一种开发方式。使用构建工具（如Webpack、Gulp、Grunt等）对前端资源进行打包、压缩、合并、编译等处理，以提高前端资源加载性能、减少页面加载时间。采用模块化的开发方式（如CommonJS、ES6模块）来组织前端代码，以便于代码复用、维护和拓展。通过自动化工具（如Jenkins、Travis CI等）实现前端代码的自动化部署，减少手动部署带来的错误和时间成本。

2024-07-10 15:43:48 845

原创 CSS动画和JavaScript动画，大扫盲，有代码示例。

小伙伴们都知道，css和JavaScript都可以做动画，但是大都不知道二者的区分，该如何选择，贝格前端工场借助本文为大家分享一下。

2024-07-10 15:43:13 639

原创 Echarts：渲染成Canvas还是SVG，该如何抉择？

ECharts 从初始一直使用 Canvas 绘制图表。而 ECharts v4.0 发布了 SVG 渲染器，从而提供了一种新的选择。在初始化图表实例时，只需设置 renderer 参数为 'canvas' 或 'svg' 即可指定渲染器，比较方便。贝格前端工场带领大家看下如何选择。

2024-07-09 07:36:37 1217

原创前端画图引擎ZRender，echarts的渲染器，你知道吗？

Zrender是一个轻量级的Canvas和SVG渲染库，它提供了一个高性能的图形绘制和交互的解决方案，用于在Web页面上创建丰富的数据可视化和交互式图形。可能大部分小伙伴不知道这个类库，本文给大家科普一下。

2024-07-09 07:36:03 666

原创 map和set的原理、优劣势、应用场景和示例代码，统统告诉你。

map和set的原理都是基于哈希表实现的，通过哈希值来快速查找和插入元素，从而实现高效的数据存储和管理，那么他们之间有什么不同呢，该如何选择，本文带你了解。

2024-07-08 10:04:25 510 1

原创经典的layui框架，还有人用吗？令人惋惜。

自从layui官网宣布关闭之后，layui框架的用户飞速下滑，以至于到现在贝格前端工场承接的项目中，鲜有要求使用layui框架的，那么个框架还有人用吗？

2024-07-08 10:03:48 470

原创原生Ajax技术的执行流程，用火山写作创作的，总感觉差点意思。

然后，我们需要关注如何处理接收到的响应结果。当readyState属性值达到4的时候，意味着请求已经顺利完成，这时便可以依据XMLHttpRequest对象的responseText属性，轻松提取到响应主体中所包含的数据内容。值得特别留意的是，由于响应结果很可能是实时生成的，因此在处理响应结果的环节上，我们需要进行适当的转码或核实工作。最后，倘若我们希望在浏览器界面上更新相关数据，那么我们不仅可以选择利用setTimeout函数稍作延迟更新，同时也可以借助原始Ajax方法自带的回调机制定時更新。

2024-07-08 09:53:48 261

原创 JavaScript中this指向哪里，你知道吗？一文告诉你

通过`this`关键字，函数可以访问当前上下文对象的属性和方法，而无需显式指定对象名称。

2024-07-08 09:53:10 812

原创 VUE封装组件的作用、条件、步骤和代码示例全解读。

大家都知道，封装组件可以带来更高的代码可重用性、可维护性和开发效率，是现代前端开发中非常重要的一环，这次贝格前端工场详解讲解这个话题，并给出一个年份下拉组件示例。

2024-07-08 09:44:12 618

原创前端扫盲：vue过滤器浅析。

总的来说，Vue.js过滤器可以在模板中方便地对数据进行处理和格式化，使得模板代码更加简洁和易读。在上面的例子中，首先将message的值传递给'uppercase'过滤器处理，然后再将处理后的值传递给'reverse'过滤器处理。总的来说，Vue.js的过滤器提供了一种方便的方式来对数据进行处理和格式化，可以大大简化模板中的数据处理逻辑。在上面的例子中，message的值会被传递给'uppercase'过滤器进行处理，然后显示为大写字母的形式。Vue.js过滤器在许多不同的应用场景中都非常有用。

2024-07-08 09:43:39 266

空空如也

空空如也