- 博客(329)
- 收藏
- 关注
RSS订阅原创 Cesium能做啥，加载哪些数据源，开源免费用商用吗？这里告诉你。
关于商用方面，Cesium是可以商用的。Cesium具有灵活的数据源支持，可以适配多种数据格式和来源，开发者可以根据具体需求选择合适的数据源来展示地理空间数据。Cesium作为一个功能强大的JavaScript库，可以帮助开发者实现丰富的地理空间数据展示和处理功能，提供优秀的用户体验和交互性，同时具有良好的跨平台性和定制性，适用于多种领域的应用场景。Cesium作为一个开源的JavaScript库，可以免费使用和商用，同时具有灵活的定制性和丰富的功能，适用于各种个人和商业项目的地理空间数据展示和处理需求。
2024-07-17 07:45:47
1122
原创 客户端与服务器通讯详解（3）：如何选择合适的通讯方式
上篇文章中，我们讲解了客户端与服务器通讯详解（2）：12种常见通讯方式，重点讲解了http、websocket和RESTful API三种，本文我们继续讲解如何依据场景选择最合适的通讯方式。
2024-07-17 07:45:07
838
原创 Web3D：WebGL为什么在渲染性能上输给了WebGPU。
WebGL已经成为了web3D的标配，市面上有N多基于webGL的3D引擎，WebGPU作为挑战者，在渲染性能上确实改过webGL一头，由于起步较晚，想通过这个优势加持，赶上并超越webGL仍需时日。
2024-07-16 13:06:05
1316
原创 用chatgpt写了个二级导航，我全程一个代码没写，都是复制粘贴
html和css我也没写，都让chatgpt来搞定，下面是效果。2、抽屉伸缩效果，点击一级导航，展开二级导航，再次点击收起。再让chatgpt用vue重构一遍，也是分分钟的事情。1、两级导航，竖向排列，一级导航默认显示，二级隐藏。3、点击别的导航，展开的导航收起。4、用jquery实现。连缓动效果都给加好了。
2024-07-16 13:05:19
425
原创 前端：严格模式和非严格模式，有啥差别和优劣势，你晓得吗?
在前端开发中，严格模式（Strict Mode）是一种 JavaScript 的执行模式，它可以帮助开发者编写更加规范、安全的代码。严格模式对于 JavaScript 的一些不规范或容易出错的语法和行为进行了限制和规范，从而提高了代码质量和可维护性。变量必须先声明后使用，否则会报错。禁止删除不可删除的属性。禁止使用未声明的变量。禁止使用八进制表示法。禁止使用 with 语句等。修正了 this 的指向，避免在全局作用域中使用 this 时指向全局对象。
2024-07-16 12:10:33
514
原创 让前端和后端要“动手”的7大行为，你中了几个。
前后端分离导致了二者在工作中交叉非常多，不像之前前端搞完静态页面，拽给后端就行了。这种交叉必然导致巨大的沟通成本，贝格前端工场将项目踩过的坑，给大家分享一下。
2024-07-16 12:07:36
347
原创 3个实现前端节流的方法，附代码。
前端节流（Throttling）是一种优化前端性能的技术，它可以限制某些函数的执行频率，以提高性能和用户体验。节流可以用于控制一些高频事件的触发频率，比如滚动事件、鼠标移动事件、窗口大小改变事件等。在前端中，有些事件会频繁触发，如果每次事件触发都执行一些复杂的操作，会导致页面变得卡顿，影响用户体验。而通过节流技术，可以控制事件的触发频率，从而减少不必要的操作，提高页面性能和用户体验。
2024-07-16 07:53:40
283
原创 拒绝废话：computed、watch和methods的区分和使用场景
computed用于基于依赖的响应式属性的计算，适合用于计算属性值；watch用于监听数据的变化，适合用于执行异步或复杂的操作，或者监听对象或数组的变化；methods用于定义方法，用于处理用户交互、事件响应等操作。
2024-07-16 07:52:52
336
原创 vite取代webpack？现在下判断，为时过早了吧
vite和webpack不是简单的取代关系，vite是专用工具，webpack是通用工具，二者各有应用场景。只能能否真正取代，贝格前端工场为您分享。
2024-07-16 07:43:05
1073
原创 npm、cnpm、npx、yarn、pnmp到底有啥区分？
npx 是 npm 5.2.0 版本后内置的命令行工具，用于临时运行依赖包的可执行文件；yarn 是 Facebook 开源的包管理器，以速度快和安全可靠著称；cnpm 是淘宝 NPM 镜像的命令行工具，用于加速安装依赖包；npm 是 Node.js 的默认包管理器；pnpm 是一个快速、零配置的包管理器。
2024-07-11 07:45:00
392
原创 前端工程化（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
843
原创 CSS动画和JavaScript动画，大扫盲，有代码示例。
小伙伴们都知道，css和JavaScript都可以做动画，但是大都不知道二者的区分，该如何选择，贝格前端工场借助本文为大家分享一下。
2024-07-10 15:43:13
638
原创 Echarts：渲染成Canvas还是SVG，该如何抉择？
ECharts 从初始一直使用 Canvas 绘制图表。而 ECharts v4.0 发布了 SVG 渲染器，从而提供了一种新的选择。在初始化图表实例时，只需设置 renderer 参数 为 'canvas' 或 'svg' 即可指定渲染器，比较方便。贝格前端工场带领大家看下如何选择。
2024-07-09 07:36:37
1163
原创 前端画图引擎ZRender，echarts的渲染器，你知道吗？
Zrender是一个轻量级的Canvas和SVG渲染库，它提供了一个高性能的图形绘制和交互的解决方案，用于在Web页面上创建丰富的数据可视化和交互式图形。可能大部分小伙伴不知道这个类库，本文给大家科普一下。
2024-07-09 07:36:03
661
原创 map和set的原理、优劣势、应用场景和示例代码，统统告诉你。
map和set的原理都是基于哈希表实现的，通过哈希值来快速查找和插入元素，从而实现高效的数据存储和管理，那么他们之间有什么不同呢，该如何选择，本文带你了解。
2024-07-08 10:04:25
508
1
原创 经典的layui框架，还有人用吗？令人惋惜。
自从layui官网宣布关闭之后，layui框架的用户飞速下滑，以至于到现在贝格前端工场承接的项目中，鲜有要求使用layui框架的，那么个框架还有人用吗？
2024-07-08 10:03:48
449
原创 原生Ajax技术的执行流程，用火山写作创作的，总感觉差点意思。
然后，我们需要关注如何处理接收到的响应结果。当readyState属性值达到4的时候，意味着请求已经顺利完成，这时便可以依据XMLHttpRequest对象的responseText属性，轻松提取到响应主体中所包含的数据内容。值得特别留意的是，由于响应结果很可能是实时生成的，因此在处理响应结果的环节上，我们需要进行适当的转码或核实工作。最后，倘若我们希望在浏览器界面上更新相关数据，那么我们不仅可以选择利用setTimeout函数稍作延迟更新，同时也可以借助原始Ajax方法自带的回调机制定時更新。
2024-07-08 09:53:48
261
原创 JavaScript中this指向哪里，你知道吗？一文告诉你
通过`this`关键字，函数可以访问当前上下文对象的属性和方法，而无需显式指定对象名称。
2024-07-08 09:53:10
811
原创 VUE封装组件的作用、条件、步骤和代码示例全解读。
大家都知道，封装组件可以带来更高的代码可重用性、可维护性和开发效率，是现代前端开发中非常重要的一环，这次贝格前端工场详解讲解这个话题，并给出一个年份下拉组件示例。
2024-07-08 09:44:12
600
原创 前端扫盲：vue过滤器浅析。
总的来说，Vue.js过滤器可以在模板中方便地对数据进行处理和格式化，使得模板代码更加简洁和易读。在上面的例子中，首先将message的值传递给'uppercase'过滤器处理，然后再将处理后的值传递给'reverse'过滤器处理。总的来说，Vue.js的过滤器提供了一种方便的方式来对数据进行处理和格式化，可以大大简化模板中的数据处理逻辑。在上面的例子中，message的值会被传递给'uppercase'过滤器进行处理，然后显示为大写字母的形式。Vue.js过滤器在许多不同的应用场景中都非常有用。
2024-07-08 09:43:39
264
原创 前端扫盲：cookie、localStorage和sessionStorage
1. Cookie是一种存储在用户计算机上的小型文本文件，由服务器发送到浏览器，然后由浏览器保存。它可以用于存储用户的会话信息、个性化设置、跟踪用户行为等，以便在用户下次访问网站时进行识别和使用。2. localStorage是HTML5中引入的一种持久化存储机制，它允许在浏览器中存储键值对的数据。localStorage中的数据不会随着浏览器关闭而消失，除非用户主动清除数据或网站使用JavaScript代码来清除。
2024-07-07 11:26:20
631
原创 “来来来，借一步说话”，让前端抓狂的可视化大屏界面。
可视化大屏的前端开发难度要远远高于普通前端，尤其是当设计师搞出一些花哨的效果，很容易让UI和前端陷入口水大战中。
2024-07-07 11:22:54
293
原创 Flutter的七大硬伤，注定它成不了前端框架的“顶流“？
Flutter作为一个移动应用开发框架，确实在近年来受到了越来越多的关注和使用，但为什么它还没有达到所谓的“爆火”程度呢？
2024-07-05 08:59:52
439
原创 Nuxt.js、Next.js 和 Nest.js看着像三胞胎，蒙了吧，其实区别很大
Nuxt.js、Next.js 和 Nest.js 是三种流行的 JavaScript 框架，它们都有自己的特点和用途。
2024-07-04 08:25:46
566
原创 工控软件开发框架，GTK和QT好难选，快来拯救开发者。
工控软件开发框架如何选，有人喜欢GTK，有人钟意QT，而且每个人都有自己的一番道理，好像说的还都有理，这种情况该怎么办呢?大千UI工场带着你深入了解下。
2024-07-04 08:24:25
1016
原创 干货：js解析url参数的作用、场景、方法和安全策略。
Three.js 是一个流行的开源WebGL 3D引擎，它提供了丰富的功能和文档，可以帮助开发者在Web上创建复杂的3D场景和交互式内容。1. 功能丰富：Three.js提供了丰富的3D图形功能，包括渲染、光照、材质、纹理、动画等，使开发者能够创建高质量的3D内容。2. 易用性：Three.js具有良好的文档和社区支持，使得学习和使用变得相对容易，同时也有大量的示例和教程可供参考。Three.js可以在各种支持WebGL的平台上运行，包括桌面浏览器、移动设备和虚拟现实设备。
2024-07-03 09:17:38
676
原创 js基础之基础：let，const，var的区别js基础之基础：let，const，var的区别
let、const、var都是用来声明变量的关键字，有些小伙伴初学可能分不清，本文为大家总结一下。
2024-07-03 09:16:21
198
原创 元素的宽度和高度未知，如何水平垂直居中，3个小办法。
Flexbox是一种强大的布局模型，可以轻松实现元素的居中。以上方法都可以实现元素的水平和垂直居中，具体选择哪种方法取决于你的项目需求和个人偏好。
2024-07-03 08:16:10
386
原创 提高页面性能：懒加载和预加载都是啥原理。
懒加载（Lazy Loading）和预加载（Preloading）是在 Web 开发中常用的两种优化技术，用于提高页面性能和用户体验。那他们之间有什么不同，又有哪些应用场景呢，本文给小伙伴们分享下。
2024-07-03 08:15:38
524
原创 Echarts图表的动画是如何实现的？一文为你解密，有图有代码
Echarts图表是可视化大屏中最常用组件，我们经常看到各种炫酷的图表动画效果，但是你知道这些动画效果叫什么，是如何实现的吗？今天贝格前端工场为大家分享一下。
2024-06-28 08:46:07
906
原创 作为图形渲染API，OpenGL和Direct3D的全方位对比。
图像渲染API是一种用于处理和呈现图形图像的编程接口，它提供了一系列功能和工具，帮助开发者实现各种图形效果和交互。图形绘制：图像渲染API可以绘制基本的几何图形（如点、线、三角形等）和复杂的图形对象，从而创建各种视觉效果。纹理映射：通过纹理映射，图像渲染API可以将图像或纹理贴在物体表面上，实现更加真实和生动的视觉效果。光照和阴影：图像渲染API可以实现光源模拟、光照效果和阴影效果，使得图形对象在不同光照条件下呈现出逼真的效果。着色器编程。
2024-06-28 08:45:34
1774
1
原创 CesiumJS加载天地图数据后，可以实现什么效果？
说起地图，大家耳熟能详的百度地图、高德地图、腾讯地图等，由于授权的原因，使用起来心惊胆战的，而天地图就没有这方面的困扰，本文介绍下如何在cesium中时候用天地图数据，已经能够实现哪些交互效果。
2024-06-26 09:48:16
867
原创 Vite打包速度为什么比webpack快，打包的优劣势在哪里？
大家都有被webpack打包速度搞崩溃的时候，修改一处地方，想预览效果，要等上半天。
2024-06-26 09:47:02
490
原创 地理空间数据格式GeoJSON扫盲，在CesiumJS中如何加载。
GeoJSON是一种基于JSON（JavaScript Object Notation）格式的地理数据表示标准，用于存储和交换地理空间数据。它可以描述点、线、面等地理要素的几何形状，并可以包含属性信息。GeoJSON作为一种通用的地理数据表示格式，可以在不同的GIS平台和工具之间进行数据交换和共享，促进了地理数据的互操作性。GeoJSON数据可以直接在Web地图中展示，例如在Cesium、Leaflet、Mapbox等地图库中加载GeoJSON数据来展示地理要素，如点、线、面等。地理分析。
2024-06-25 10:26:03
1249
原创 Cesium默认bing地图数据，还支持哪些地图的数据源呢？
除了以上常用的地图数据源，Cesium还支持用户自定义地图数据源。用户可以根据自己的需求，导入和使用其他地图数据源，例如自己的地图瓦片数据、地形数据等。
2024-06-25 10:25:26
472
原创 五大基于Cesium的开源框架及其优劣势，一文导读。
OpenGL基础上有了webGL，webGL基础上有了Cesium，Cesium基础上有了N多开源框架，本文带大家看一下。
2024-06-25 10:14:19
1171
原创 7款三维地球软件/框架:Google Earth SkylineGlobe,Cesium等
大名鼎鼎，Google Earth 是由 Google 开发的一款免费的虚拟地球软件。它提供了全球范围内的卫星图像、地图数据和地理信息的浏览和探索功能。用户可以通过 Google Earth 在地球上导航，浏览地标、城市、地形、海洋和天空等。Google Earth 还提供了一些额外的功能，如3D建筑模型、历史图层、航线模拟等。1. 全球覆盖：Google Earth 提供了全球范围内的卫星图像和地图数据，用户可以在地球上导航和浏览各个地区。2. 三维可视化。
2024-06-25 10:13:41
1541
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人