晨灰ash2-优快云博客

原创微信小程序BackgroundAudioManager使用中的问题

BackgroundAudioManager设置了src后就会自动播放。点击浮窗关闭按钮时会触发。关闭后再次play无效，需要重新设置src。音频播放结束后会触发。end之后就无法播放，需要重新设置src。想要跳转到指定位置，可以使用seek方法跳转到指定位置。在音频最开始可以播放时候，会触发这个事件，即可以。在音频播放结束end后，也会触发一次事件。时间变化函数，调用频率250ms。后，再调用play方法。

2024-12-31 16:02:18 595

原创前端开发技巧

更简单的方法可以直接获取元素距离窗口的数据信息若要判断一个元素相对父元素是否可视，只需要判断该元素的offsetLeft/offsetTop和父元素的clientWidth/clientHeight即可。

2024-08-19 20:31:14 1173

原创 CSS绘制圆弧

这种矩形+弧形的效果中，弧形的效果一般是由一条曲线拉伸出来的，这条曲线往往是属于一个椭圆的，所以可以绘制一个椭圆，截取部分可视区域实现效果。/* 绘制椭圆 :长半轴为容器宽度*2左右,短半轴为容器宽度*1 左右 -- 可以根据需要进行微调*//* top 为椭圆高度 - arc-continer高度*//* 高度设置为圆弧形状整体高度 *//* 绘制为椭圆 */

2024-05-27 14:48:10 2259

原创倒序数字的减法

连续倒序数字的减法。

2024-03-13 15:37:14 433

原创前端处理接口直接返回的图片

有时候接口会直接返回图片而不是连接，前端需要处理后才能使用。

2024-03-06 18:00:26 1258

原创 H5下拉刷新分页

对于分页需求，分页数据的请求触发十分重要，监听滑动到底的触发也有很多种。

2024-03-01 17:51:48 677

原创前后端分离跨域问题总结

进行前后端分离开发联调时，网络常常会出现问题，可能后端确实做了跨域处理，但是前端还是跨域。一些其他的解决方法。

2024-02-29 14:22:23 639

原创点击其他区域隐藏弹出框效果

一般下拉框或者选择框，持久展示时会给用户显示的隐藏方式，如点击事件后。也可以添加隐式的隐藏方式，如点击弹出框之外的区域。

2024-02-01 10:27:08 612

原创微信小程序swiper实现层叠轮播图

这个效果的变化是由swiper自动切换，触发bindchange方法推动的。没有显式的声明swiper的current。对于提供给用户切换箭头方法的层叠轮播图，需要声明swiper的current属性，用户的切换和current切换的事件会相互冲突，那个效果有时间再写吧。

2024-01-10 10:50:09 2966

原创微信小程序给特定页面添加底部tabber

对于微信小程序自带的tabBar功能，如果想在某个页面显示的话，需要把这个页面定义在tabBar的list中即可。在定义被定义在tabbar的页面中，还可以使用getTabBar进行动态的控制tabBar。生命周期中，通过**this.getTabBar()**获取到tabBar的对应，通过setData方法动态的控制展示什么导航，选中等。动态渲染的tabBar对应页面需要在list中声明过，否则不会导航到对应页面。在tabBar的list中声明过的页面，可以在页面的。

2023-10-16 16:12:46 528

原创 HTML表格体滚动

使用table-layout：fixed后。整个每一列的宽度由列所在表头确定，可以给表头th元素设置width，但是当单元格内内容超长时，设置的宽度就会有出入。可以给一个宽度较为固定的列不设置宽度，自适应从而保证其他元素宽度足够不变。使用后表格体会出现侧边的滚动条，但是表格头固定，可能会出现上下并不对齐的现象。原生的表格元素添加scroll并不会生效，需要改变表格的属性。

2023-08-22 14:22:02 1716

原创 Vue2+XLSX导出日期格式化

使用XLSX导出日期时，若将data中的数据直接装为需要的String，导出没问题。但是会在重新导入时识别不到。所以需要使用XLSX内置的日期格式化方式。需要先但需创建sheet，对sheet中的列进行操作。打印创建的sheet对象,可以看到日期格式是在。然后将sheet放入创建的workBook中，进行导出。所以可以将日期即A列的对象的。字段改为需要的日期格式，如。

2023-08-10 11:18:32 747

原创 el-menu动态渲染问题

element ui对于菜单列表，可以使用el-menu 组件进行渲染，但是当渲染的列表会动态的变化时，会出现一定问题。

2023-08-09 16:48:58 757

原创 token的安全性和可靠性

只需拿出店家上次给你的，有你名字或id的卡刷一下就能进，卡的安全性防伪性由店家进行设计实现) 保证了用户关键信息的安全性。根据token的原理来说，前面两部分数据被篡改，只要服务器加密用的密钥没有泄露，得到的签名肯定和之前的签名不一致，服务器可以通过对比用户携带的token和服务器根据用户信息查找到的token比对，从而确定身份正确性。cookie也可以存储用户信息，但是在请求任意网址的时候都会被携带，容易被虚假钓鱼网站引诱泄露cookie中的关键信息。而token可以在ajax请求中选择携带。

2023-07-19 17:45:38 662

原创响应式与自适应布局是什么

对于不同的电脑屏幕。如1200-1800px，可以媒体查询进行改变布局。(缺点：只有在屏幕到达断点时才会变化)。现代响应式：css3提供了多种布局方式，如flex弹性盒布局、grid网格布局，可以使用对应属性方便的实现一些响应式效果。为了使一个web程序应对不同大小的屏幕，而不至于大批量的重新实现效果，提出来响应式的思想。屏幕小到手机、手环，大到电脑、大屏。除了确定的设计目标,其他场景考虑响应式很有必要。新的单位：相对于视口的单位vm/vw。对于不同设备的屏幕，需要考虑的比较多，可以使用。

2023-06-30 15:51:21 108

原创 JS中回调与异步的关系

回调函数就是定义了一个函数操作方法，但是并不自己直接调用。而是作为实参传递其他函数，由其他函数确定调用的带时刻。用来完成回调函数所期望的任务。**是否作为实参传递给其他函数且由其他函数调用**决定了一个函数是否是回调函数。

2023-03-23 17:26:52 167

原创 echarts关系图批量导出想要的坐标节点

给节点添加graphic类，注意要在基础的setOption上重新setOption。在拖拽事件onPointDragging中。找到更新的数据，批量导出新数据

2023-03-22 14:28:43 672

原创 echarts关系图自定义节点坐标相互影响的问题

解决echarts关系图节点间会互相影响，通过设置4个basepoint固定坐标轴范围

2023-03-22 11:52:09 1966 1

原创轮播资讯图非定位实现

margin设置负值同样会有效果，如margin-left>=0?提供一种轮播图非position定位的实现，非无限滚动的版本。/* 每次移动100%整倍数，确保展示内容准确展示在中 */说是轮播图，其实更像资讯展示组件，因为并不会自动滚动。/* 宽度根据内容宽度决定内容宽度个数*//* 要展示的元素和展示框大小一致 *///让对应图片也移动。

2023-03-15 16:52:40 99

原创定位情况下，不定宽高元素，不占用transform属性的垂直水平居中

定位情况下，不定宽高元素，不占用transform属性的垂直水平居中fit-content在垂直居中条件下的使用

2023-03-09 17:11:15 429

原创 Vue-router下params模式下匹配空的嵌套路由问题

1.一般params路由设计，path+name。name用于param中指定路径。3.但是当路由中设计有name时，若要匹配path:''的子路由失败。2.一般params路由参数和跳转，必须下使用name进行路由。若要能匹配到空路径的组件，只能在父组件中使用模板路径进行匹配。猜测是因为使用模板路径的话，算是整个路径更新，整段进行匹配。

2023-03-09 10:43:51 261

原创 Vue3.0中reactive与ref声明响应式对象使用计算属性值

报错看起来是因为computed属性造成循环引用，而无法将数据结构转换为JSON字符串造成的。其中ref在声明响应式时，若传入的参数是一个对象，则会调用reactive api创建代理对象然后返回。和响应式对象的属性类似，ref 的 .value 属性也是响应式的。同时，当值为对象类型时，会用 reactive() 自动转换它的.value。但是从数据结构上看，并没有数据的循环引用，而解决的办法也不是解除循环引用，而是显式使用reactive声明对象，这样的报错，可能是在。

2023-01-03 12:56:10 1436