- 博客(42)
- 收藏
- 关注
RSS订阅原创 webgl_effects_parallaxbarrier
ThreeJS 官方案例学习（webgl_effects_parallaxbarrier）
2024-06-06 16:29:02
141
原创 ThreeJS 官方案例学习（webgl_camera_array）
【代码】ThreeJS 官方案例学习（webgl_camera_array）
2024-05-24 11:45:48
357
原创 ThreeJS 官方案例学习（webgl_animation_skinning_blending）
【代码】ThreeJS 官方案例学习（webgl_animation_skinning_blending）
2024-05-24 11:44:23
280
原创 ThreeJS 官方案例学习（webgl_animation_skinning_additive_blending）
【代码】ThreeJS 官方案例学习（webgl_animation_skinning_additive_blending）
2024-05-24 11:43:05
284
原创 ThreeJS 官方案例学习（webgl_animation_multiple）
【代码】ThreeJS 官方案例学习（webgl_animation_multiple）
2024-05-24 11:42:37
316
原创 ThreeJS 官方案例学习（webgl_animation_keyframes）
【代码】ThreeJS 官方案例学习（webgl_animation_keyframes）
2024-05-24 11:41:27
121
原创 获取当前位置的天气情况
根据腾讯地图api获取当地位置信息定位服务-IP定位-官方文档：https://lbs.qq.com/service/webService/webServiceGuide/position/webServiceIp如何成为开发者并创建 Key：https://lbs.qq.com/mobile/androidMapSDK/developerGuide/getKey。
2024-05-24 10:13:58
391
原创 scaleScreen大屏自适应容器组件
scaleScreen大屏自适应容器组件1.引言在做数字大屏时，需要整体页面，图表能跟着浏览器的尺寸自动变化，本文采用 vue 前端框架，采用 JavaScript 语言，封装了一个大屏自适应组件，将需要显示的页面放入组件的插槽中，就能实现自适应屏幕大小的效果。echart引入教程：2.实际效果3.组件代码scaleScreen.vue 组件<!-- 大屏自适应容器组件 无需固定宽高 按照 window/screen比 处理， 若屏幕小于一定比列特殊处理--><temp
2024-05-24 10:03:13
377
1
原创 scaleBox大屏自适应容器组件
在做数字大屏时，需要整体页面，图表能跟着浏览器的尺寸自动变化，本文采用 vue 前端框架，采用 JavaScript 语言，封装了一个大屏自适应组件，将需要显示的页面放入组件的插槽中，就能实现自适应屏幕大小的效果。echart引入教程：您的浏览器不支持播放该视频！scaleBox.vue 组件
2024-05-24 10:01:20
356
1
原创 基于@antv/x6的流程图
基于 antv/x6 实现自定义流程图。实现的功能有：背景网格编辑、链接桩隐藏与显示、适应画布、小地图、放大、缩小、层级改变、复制、剪切、粘贴、全选、框选、撤销、重做、重置、删除、清空、数据保存、另存为图片以及一些快捷键设置。
2024-05-24 10:00:02
744
1
原创 echart3D地图+高德map（可下钻）
高德地图和echarts结合实现可下钻的地图分布图、散点图、飞线图gitee源码：echart引入教程：UI组件库：简介 - AMapUI 组件库|高德地图API1.2 加载DistrictExplorer（模块名：ui/geo/DistrictExplorer）高德api获取初始化地理信息：AMapUI 组件库 参考手册 行政地理 行政区划浏览1.3 选择切换市县
2024-05-24 09:53:11
493
1
原创 echart地图+高德map（可下钻）
高德地图和echarts结合实现可下钻的地图分布图、散点图、飞线图gitee源码：echart引入教程：UI组件库：简介 - AMapUI 组件库|高德地图API1.2 加载DistrictExplorer（模块名：ui/geo/DistrictExplorer）高德api获取初始化地理信息：AMapUI 组件库 参考手册 行政地理 行政区划浏览1.3 选择切换市县2.分布图
2024-05-24 09:50:34
780
1
原创 echart引入和组件封装
常用的echarts网站:echarts官网示例：https://echarts.apache.org/examples/zh/index.html#chart-type-bar。
2024-05-24 09:42:55
341
1
原创 promise原理和使用方法
从本意上讲，它是承诺，承诺它过一段时间会给你一个结果，其实是一个构造函数，自己身上有all、reject、resolve，race这几个方法，原型上有then、catch，finally等方法。1）只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。2）只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。
2023-04-13 13:45:51
2432
原创 常见的几种数组方法
可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。从上面测试结果可以发现：传入的不是数组，则直接把参数添加到数组后面，如果传入的是数组，则将数组中的各个项添加到数组中。flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。当只是用一个参数时，该方法会用该参数的值填充整个数组。区别是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历。
2023-03-17 14:13:10
707
原创 npm遇到的问题
2、终端输入： npm install babel-plugin-dynamic-import-node --save-dev。先清理一下缓存，然后在进行npm install（npm install --force）vue-cli3构建的项目：在babel.config.js 文件中添加插件。3、vue-cli2构建的项目：在 .babelrc 文件中添加(官方推荐)终端输入：npm cache clear --force。2、终端输入：npm install -g yarn。可选项noInterop。
2023-03-17 10:51:50
5584
原创 数组，数组对象重复值判断，去重，拆分操作
该函数的第一个参数为 array(需要拆分的数组)，第二个参数为size(每组数组多少个)，该函数直接返回新生成的数组(该数组的元素就是拆分的数组，拆分了几个数组，就有几个元素)（1）先利用ES6语法Set将数组去重，之后再原数组比较长度，若长度小于原数组，则说明数组有重复值。（2）利用findIndex或者indexOf查到的下标和当前循环的下标对比是否相等。要判断下方这个数组中，name是否有重复的数据。
2023-03-14 16:14:13
2190
原创 uniapp遇到的问题
如上面的代码所示，弹窗内嵌套了一个表单组件，这个时候如果根据官方文档去写 在 onReady 加载表单规则，就会报错提示 找不到表单组件，加载不了。也就是 Cannot read properties of undefined (reading 'setRules')打印 this.$refs.uForm 会出现 undefined，如下图所示。这个时候只需要写一个watch 监听 u-popup 加载速度即可。
2023-03-14 11:59:41
591
1
原创 flex布局
布局的传统解决方案，基于盒模型，依赖 display 属性 + position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 是 Flexible Box 的缩写，意为 “ 弹性布局 ” ，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。
2022-11-28 16:29:10
215
原创 每日一练 day6 知道什么是微格式吗？在前端构建中应该考虑微格式吗？
知道什么是微格式吗？在前端构建中应该考虑微格式吗？微格式微格式（Microformats）是一种让机器可读的语义化 XHTML 词汇的集合，是结构化数据的开放标准。是为特殊应用而制定的特殊格式。是把语义嵌入到HTML以便有助于分离式开发而制定的一些简单约定，是兼顾人机可读性设计的数据表达方式，对Web网页进行语义注解的方法。这种方法依托于标准的Web页面写作技术，例如，XHTML，这样引入语义信息对浏览器等所有现存的Web技术冲击最小。采用Microformat的 Web页面，在XHTML文档中给一
2022-02-20 22:01:42
216
原创 每日一问 day5 src 与 href 的区别
src 与 href 的区别srcsrc 是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片和 frame 等元素。<script src =”js.js”></script>当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行 完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js 脚本
2022-02-19 22:40:40
76
转载 每日一问 day4 Cookie、session和localStorage、以及sessionStorage之间的区别
Cookie、session和localStorage、以及sessionStorage之间的区别概念理解webstorage本地存储1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信3）sessionStorage仅
2022-02-18 21:46:26
529
原创 每日一问 day3 img 的 alt 与 title 有何异同？ strong 与 em 的异同？
img 的 alt 与 title 有何异同？alt(alt text)：替换文本，图像显示不出来的时候用该文字替换title（tool tip）：提示文本，鼠标放在图像上时显示的文字，替换文字的语言由lang属性指定。(在IE浏览器下会在没有title时把alt当成 tool tip显示)例如：<img src="xxx.jpg" alt="我是替换文本" title="我是提示文本">strong与em区别strong/b:文字加粗，粗体强调标签，强调，表示内容的重要性em/
2022-02-17 22:30:24
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人