- 博客(49)
- 收藏
- 关注
RSS订阅原创 CSS3如何实现雷达扫描图（动态样式）
3.然后定义了.radar:after伪元素，设置了内容为空格、显示方式为块级元素、背景图片为线性渐变、宽度、高度、绝对定位、顶部、左侧对齐、动画属性。动画名称为radar-beam，持续时间为5秒，循环次数为无限次，动画速度函数为线性，变换原点为右下角，边框圆角为100% 0 0 0，动画播放状态由变量–state控制。2.接下来定义了.radar:before伪元素，设置了内容为空格、显示方式为块级元素、绝对定位、宽度、高度、边框圆角和动画属性。
2024-04-08 10:44:09
704
原创 若依Vue3图片预览大图遮罩层和表格的border css层级冲突
1.解决方式一：设置此文件的该属性（z-index）为继承，则显示正常。2.解决方式二：将此属性设置为true(本人试了。样式层级出现问题，表格的层级高于图片的层级。
2024-03-14 16:27:14
534
原创 前端路由跳转bug
跳转了无数次，页面始终不对，检查了路由配置，没有任何问题。，即使在菜单管理里面配置了正确的路由。id,随后修改了文件名，跳转正确。前面半截是完全相同的，并且后面都。路由后面拼接了id的。
2024-03-14 10:35:24
582
原创 vue3/vue2若依框架对比，点击新增编辑跳转到新页面（新增编辑共用代码）
router里面定义好，编辑里面添加一个id。通过模板字符串${id}拼接在跳转路径上。跳转的时候，路径中添加id。
2024-03-13 17:11:32
648
原创 Vue2页面转化为Vue3
3.vue2里面的方法，必须声明在methods,vue3里面，方法和变量都放在一个区域。element-ui和element plus大体相同，但是有些属性的使用发生了变化。vue2+element-ui转化为Vue3+element plus。2.vue2 的data，都需要在vue3里面声明，html部分大体没有任何改变，js方面。使用的时候：loading.value。vue3里面没有this，方法直接使用。4.分页的当前页数和每页默认的条目个数。2.表格的自定义列模板。3.模态框的现实与隐藏。
2024-02-23 16:02:53
700
1
原创 vue中el-radio无法默认选中
按若依生成的代码,reset方法中会把所有字段默认初始值为null,所以按element官方示例把初始值写在form中是不生效的。把默认值写在reset方法中,当打开页面时先执行这个方法,页面上不生效，默认什么都不选中。
2024-01-15 15:22:55
2108
原创 ES6---扩展运算符详解
（4）对象的解构赋值：从一个对象取值，并将目标对象自身的所有可遍历但尚未被读取的属性分配到指定的对象上。（3）复制对象：取出参数对象中的所有可遍历属性，拷贝到当前对象之中。（1）展开数组：将一个数组展开为多个独立的元素。（1）传递函数的参数，将数组展开为多个参数。（1）展开对象：展开对象的属性。（2）合并数组：合并多个数组。
2024-01-08 11:21:14
588
原创 ES6---Set和Map详解
是键值对形式的数据结构，类似于对象，也是键值对的集合，键的类型不限于字符串，任何类型的值都可以当做键。1>map.set(key,value) — set方法设置键名对应的键值为value,返回整个Map结构，若此key存在，则更新此值；2>map.get(key) — get方法读取key对应的键值，如果找不到key，返回undefined。3>set.has() — 判断该值是否是该set的一个成员，返回布尔值。2>set.delete() — 删除某个值，返回布尔值，是否删除成功。
2024-01-05 10:39:14
570
2
原创 前端性能优化--防抖和节流
1.防抖函数：一段时间内，只执行最后一次。防止抖动，它在短时间内多次触发同一个事件时，会取消之前的触发，直到最后一次触发后的一定时间间隔内没有新的触发才执行函数。（列举: 乘坐地铁，过闸机时，每个人进入后3秒后门关闭，等待下一个人进入。控制流量，它会在触发事件期间以固定的时间间隔执行函数，而不管事件触发得多频繁。（2）调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖。（throttle）是优化高频触发事件的技术，它们可以提高性能，避免不必要的计算和函数执行。
2023-11-11 16:30:06
156
原创 vue绘制地铁线路图(SVG)
SVG：SVG是一种基于XML的矢量图形格式，可以使用SVG元素绘制各种形状和路径，包括线、圆、多边形等。可以使用JavaScript库如D3.js来绘制SVG地图。对于地铁路线图或小车地图等简单地图，可以使用SVG元素绘制线、圆等形状表示路线和站点，也可以使用文本元素添加标签和文字说明。
2023-10-30 18:01:12
1671
原创 vue 日期格式化 获取两个日期相差天数
将时间转化为yyyy-mm-dd hh:mm:ss 格式 //格式化时间 formatTime (date, type = 1) { if (!(date instanceof Date)) { date = new Date(date) }; const curDate = new Date(); const curYear = curDate.getFullYear(); const curMonth = cur
2021-08-23 11:31:24
1829
原创 vue 导出表格数据
资源文件blob.js文件(function (view) { "use strict"; view.URL = view.URL || view.webkitURL; if (view.Blob && view.URL) { try { new Blob; return; } catch (e) { } } // Internally we use a BlobBuilder implementation to ba
2021-08-23 11:21:11
164
原创 Detail(详情页)
detail.vue<template> <div id="detail"> <detail-nav-bar @titleClick="selectIndex" :current-index="currentIndex"/> <scroll class="content" ref="scroll" @scroll="contentScroll" :probe-type="3
2020-12-09 15:19:09
1724
原创 Vue
文章目录vuemvvm1.创建简单vuev-for2.插值操作mustache（双大括号）v-oncev-htmlv-textv-prev-cloak（斗篷）3.绑定属性 v-bindv-bind绑定class对象语法(绑定方式)数组语法(绑定方式)v-bind绑定style对象语法数组语法4.计算属性5.es5和es66.事件监听v-on参数v-on修饰符7.条件判断----v-if、v-else-if、v-elsev-show8.循环遍历遍历数组遍历对象检测数组更新（响应式）组件的key属性9.表单绑定
2020-11-23 09:09:06
166
原创 简易购物车（jquery）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type = "text/javascript" src="jquery-1.11.3.js"></script> <script type = "text/javascript" src="jquery.
2020-11-15 21:23:31
461
原创 jQuery----banner图（图片循环播放）
广告滚动播放，点击按钮切换，鼠标移入停止，鼠标移出继续轮播<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type
2020-11-15 20:20:50
514
1
原创 jQuery
jQuery一个快速的，简洁的JavaScript框架。jq的设计思想选择网页元素1.模拟css选择器$("#div1").css("backgroundColor","red");2.独有的表达式选择$("li:first").css("backgroundColor", 'red');3.多种筛选方式$("li:eq(2)").css("backgroundColor", 'red');//$("li").eq(2).css("backgroundColor", 'red');
2020-11-12 17:22:25
136
原创 less+sass区别及sass语法
less注释：（sass同）单行注释不编译，多行注释要编译定义变量：使用@定义变量插值：@key:margin;.box2{ width:100px; @{key}:auto;//插值}作用域：变量查找都是就近原则@num:123px;.box4{ width:@num;//500px @num:500px; height:@num;//500px}选择器嵌套：sass相同ul{ list-style: none; l
2020-11-11 20:14:27
367
原创 php+mysql+cookie+模块化开发
PHPPHP的输出<?php echo "你好"; echo("你好"); print("你好"); print "hello"; var_dump("接触PHP");//代码调试使用这个定义变量php是弱引用语言，所以用起来比较随意。数据类型数组1、索引数组 下标是数字叫做索引数组2、关联数组 下标是字符串叫关联数组 （类似于ECMA6的map类型）3、全局数组$_GET 接收通过get提交过来的所有的数据_POST 接收通过post提交过来的所
2020-11-11 14:27:39
256
原创 闭包的理解
闭包一、什么是闭包?特点:1、函数嵌套函数2、内部函数可以引用外部函数的参数和变量3、参数和变量不会被垃圾回收机制所收回二、闭包有什么好处,应用在哪里?好处:1、希望一个变量常驻在内存当中2、避免全局变量污染3、可以声明私有成员用法:1、模块化代码2、在循环中直接找到对应元素的索引。三、必要需要注意的地方?闭包有什么用？IE下会引发内存泄漏【注】事实上，通过使用闭包，我们可以做很多事情。比如模拟面向对象的代码风格；更优雅，更简洁的表达出代码；在某些方面提升代码的执行效率，同时
2020-11-10 17:05:46
235
原创 放大镜
js的放大镜实例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta http-equiv="X-UA-Compatible" content="ie=ed
2020-11-10 16:47:47
133
原创 ES6语法
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><title>Document</tit
2020-11-10 16:45:50
117
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人