晨灰ash2-CSDN博客

原创 CSS绘制圆弧

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

2024-05-27 14:48:10 746

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

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

2024-03-06 18:00:26 701

原创 H5下拉刷新分页

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

2024-03-01 17:51:48 521

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

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

2024-02-29 14:22:23 601

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

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

2024-02-01 10:27:08 428

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

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

2024-01-10 10:50:09 2103

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

2023-10-16 16:12:46 348

原创 HTML表格体滚动

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

2023-08-22 14:22:02 1386

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

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

2023-08-10 11:18:32 530

原创 el-menu动态渲染问题

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

2023-08-09 16:48:58 532

原创 token的安全性和可靠性

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

2023-07-19 17:45:38 521

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

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

2023-06-30 15:51:21 57

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

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

2023-03-23 17:26:52 118

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

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

2023-03-22 14:28:43 522

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

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

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

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

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

2023-03-15 16:52:40 60

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

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

2023-03-09 17:11:15 365

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

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

2023-03-09 10:43:51 214

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

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

2023-01-03 12:56:10 1224