自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 echarts饼图图例换行

【代码】echarts饼图图例换行。

2024-03-19 16:02:54 846

原创 xm-select远程搜索

由于show之后会走到remoteMethod重新请求接口渲染页面,如果此时初始化有数据,那么每次show之后都只会展示初始化数据,无法完美的持续操作。若搜索栏有数据,会自动走到搜索接口,当返回数据为时,关闭下拉搜索框,接着再次打开,搜索栏为空,搜索结果也为空。如果要解决这个问题,可以加上show,展开下拉的回调,在里面通过再次更新xm-select从而使得重新刷新。解决办法:监听选中数据,选中之后替换初始化数据。4.1下拉树父节点没有选择框。

2024-03-18 15:00:47 680 1

原创 前端实现手写签名

目前项目需求为签名在一张图片上,使用canvas就需要先把图片渲染在画板上,然后根据鼠标移动事件连接点位从而组成签名,最后导出为图片。

2023-07-11 14:08:11 794 1

转载 Vue3和Vue2的slot-scope插槽用法

Vue3slot-scope插槽用法

2023-02-15 10:18:14 377

原创 cesium实体移动(折线,圆,多边形带边框)

Cesium.Cartesian3.subtract计算出鼠标移动的笛卡尔分量,再用原本的圆的位置加上这个分量得到新的位置更新到圆的polyline上以及圆心上。同理折线和多边形也是如此。圆的移动就是把圆心赋值为鼠标当前位置,但是实体的outline宽度不生效后我们改用的polyline来代替边框,那么我们要做的就不仅是改变圆心,还有边框的位置同样需要改变。折线以及多边形都是通过改变polyline的数组改变位置。计算两个笛卡尔的分量差。计算两个笛卡尔的分量和。

2023-02-03 16:49:55 1867

原创 cesium动态绘制矩形带边框

动态绘制矩形,矩形的边框宽度设置,矩形边框虚线设置

2023-02-03 14:23:08 2499 1

原创 js实现轮播图

温柔要有,但是不妥协,我们要在安静中不慌不忙的坚强。话不多说,来看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,..

2021-08-28 16:26:50 45

原创 js实现tab切换的几种方法(选项卡)

方法一:这种方法运用了this关键字,但是由于事件是异步操作,所以在写的时候要在事件内部接收一下全局变量i<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=

2021-08-28 16:20:44 2838 1

原创 js利用对象实现字符串的去重(统计每个字符个数)

因为有你,山河璀璨,星月长明。实现对于字符串去重的方法有很多,今天我们来看一看利用对象实现去重操作,因为对象的键是不会重复的,利用这一特性,可以达到字符串去重效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta.

2021-08-28 16:12:15 357

原创 js实现等腰三角形

伞外大雨倾盆,伞下你我相拥。<script> for (var i = 1; i <= 9; i++) { //外层大循环,控制行数,本次输出的等腰三角形共九行 for (var h = 9 - 1; h >= i; h--) { //每行空格的个数,第一行左侧8个空格循环输出 document.write('&nbsp;') } for (var j = 1; j <= 2 .

2021-08-14 14:36:07 1380

原创 js实现乘法表

因为你来了,我原本荒芜的世界,从此草长莺飞。<script> //乘法表 function fn(num) { for (var a = 1; a <= num; a++) { //第一层循环,代表从第一行开始,到第n行结束,这里放num代表如果是9输出99乘法表,是5则是55乘法表 for (var b = 1; b <= a; b++) { //第二层循环,确.

2021-08-14 14:14:23 507

原创 CSS3弹性盒

1.怪异盒模型box-sizing用来设置盒模型的解析规则的box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素。content-box(按标准盒模型的规则解析)这是由CSS2.1规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box(按怪异盒模型的规则解析)为元素设定的宽度和...

2021-08-02 21:59:04 157

原创 选择器总结

其实,路上都是风景。之前我们学习了一些选择器,今天我们来进行总结,选择器一共分为五大类。01.基本选择器1.通配符选择器统一调配所有属性*{ padding: 0; margin: 0; }2.class选择器 必须在元素中定义class属性[类似于人名] .class属性值{ 属性:属性值; ... }3.I...

2021-07-27 20:08:59 824

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除