- 博客(61)
- 问答 (10)
- 收藏
- 关注
RSS订阅
原创 background-position和长图实现鼠标悬浮动画效果
以下图片及代码均来自 京东云点击这里进入京东云思路和效果图：background-position: 0 0可以用js动态的将长图按帧数一帧一阵的展示出来效果类似gif，红框就是可视界面，当替换的速度合适的时候就变成了动画（有点像小时候看的小人书）用到的最核心的方法是requestAnimationFrame() 类似一个定时器1 、requestAnimationFrame 会把每一帧中的所有DOM操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率，一
2021-06-09 14:54:48
496
1
转载 Java利用Jacob实现excel，ppt，word转pdf
首先先下载jar包这个仅在window下有用，它利用自带office或者是WPS实现的Jacob 官网：https://sourceforge.net/projects/jacob-project/点击这个打开后等待5秒钟自动下载：https://sourceforge.net/projects/jacob-project/files/latest/download压缩后需要将jacob...
2019-11-27 15:23:52
395
原创 VUE3 ＜component＞“元组件” 渲染$slots传的插槽
子组件，$slots.search() search这是一个方法 返回的是数组，将拿到的数组遍历 调用就可以直接渲染 ， 也可以做一些判断，我就将 原来的 el-input 外面包了一层 form 用于布局样式。在使用子组件时传入插槽 seach。
2023-11-08 16:06:19
199
原创 vue实现虚拟表格 一看就懂
虚拟列表其实是按需显示的一种实现，即只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染的技术，从而达到极高的渲染性能。
2023-08-09 10:57:54
1226
原创 VUECLI3 打开新.vue文件页面
实现在项目中直接跳转页面，不使用路由跳转// 注意 {}里 href 不要改 const {href} = this.$router.resolve({ path:"/visualization" })window.open(href,'_blank')path 是router路由路径
2022-03-30 10:56:34
1436
原创 element-plus 文件上传进度条百分比小数点问题
进度条小数点太多了，修改为后两位首先找到源代码的位置我的是在 node_modules 文件下component > upload > src >useHandlers.mjs(这个文件)找到handleProgress 方法加上红框里的内容function handleProgress(ev, rawFile) { const file = getFile(rawFile, uploadFiles.value); props...
2022-03-11 11:32:16
2116
3
原创 初识vue
1、生命周期2、声明式渲染<div id="app"> {{ message }}</div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})Hello Vue!3、条件与循环v-show 和 v-if 的区别在于 v-show就是将元素displa:none，而v-if是将元素销毁，频繁切换使用 v-show反之v-if<div id="a
2021-09-03 10:59:15
84
原创 jquery数字滚动
<!-- 需要加class .itmer， data-from 为 开始数值 不填默认从0开始 data-to data-speed 动画时间单位 毫秒 --><h2 class="timer" data-from="100" data-to="300" data-speed="1500"></h2>方法$.fn.countTo = function(a) { a = a || {}; return $(this).each(fu
2021-09-01 11:35:04
696
原创 前端开发规范
Web端开发规范文档规范文档优点1 .提高团队协作能力。2 .方便后期维护。3 .提高代码复用利用率。4 .减少服务器负载，保证最快解析速度。一.开发流程1 .分析所要实现的需求有哪些。2 .根据所要实现的需求搭功能页面。3 .与后台交互数据,将数据动态渲染在页面。4 .测试程序 ,上线命名规范1.项目命名全部采用小写方式， 以中划线分隔。正例：mall-management-system反例：mall_management-system / mallManagementSys
2021-05-26 16:29:09
125
原创 Vue v-for 和 v-if 不能用在同一块级，官网最推荐写法
官网讲解点击跳转下面是实例思路：在渲染之前将数组内容过滤掉（使用filter过滤） <ul> <li v-for="(data,index) in test_data_filter"> {{data.a}} </li> </ul> var app = new Vue({ el:'.app1', data:{ test_data:[ {a:"1",b:1}, {a:"2",b:1}, {a
2021-04-23 11:55:47
99
原创 添加自身class移除兄弟class
$(this).addClass('current').siblings().removeClass('current');
2021-03-06 15:25:25
198
原创 高德地图自动获取当前位置可搜索可拖拽获得GPS和道路信息
实现思路： 获取当前的ip所在位置设置中心点，根据组件获取当前信息，搜索跳转到搜索的中心点AMap.Geolocation（获取当前ip定位）misc/PositionPicker（组件 获取当前点标记 GPS,address等数据）misc/PoiPicker（搜索功能）<body> <div id="container"></div> <div style="position: absolute;top: 0;left: 850px;">.
2021-03-06 14:30:01
1367
原创 layui数据表格增加自动换行后，拖动列宽固定列错乱变形
问题：表格内容增加了自动换行功能，当行高发生改变时发现右侧固定列行高不匹配。原因：layui用定位把固定列定位在了右边，这样就会产生一个新的table，在继承高度的时候发生了错乱解决思路：当拖动列宽的时候循环中间的表格所有tr的高度给右边表格tr依次赋值这里我写了一个鼠标按下和释放的方法来监听拖动// 该方法用于解决固定列行高错位问题 var x,y; $(document).mousedown(function(event){ //获取鼠标按下的位置 x = e.
2021-01-30 16:03:26
1641
2
原创 弹性布局grid排列DIV
.container { display: grid; justify-content: space-between; grid-template-columns: repeat(auto-fill, 100px);//间距100px grid-gap: 15px 5px;//上下15px左右5px width: 450px; } .list { width: 100px; height:100px; background-color.
2021-01-27 17:48:06
576
原创 JS监听回车键
//监听回车（13是回车的代号） $(document).keydown(function(event){ if(event.keyCode==13){ //执行的方法 document.getElementById("btn-search").click(); } });
2021-01-26 15:38:34
3298
原创 弹性布局自动排列DIV
设好宽高子盒子自动适应位置父级是蓝色，子集是绿色父级：display: flex;//弹性布局justify-content: space-between;//中间空隙自适应flex-wrap: wrap;//自适应分行width: 550px;height: 250px;background-color: #0076CB;子集：width: 150px;height: 100px;background-color: #008855;...
2021-01-25 10:50:04
1489
转载 layui数据表格，自定义头部中使用input输入框不可输入问题
问题出在这个属性，解决办法font-size给个值就行了原始是font-size：0所以什么都输入不进去//input继承父级的字体大小font-size: inherit;通过查看他的父级属性确实设置 font-size：0总结一下input什么情况不能输入吧：1. input框设置了readonly属性只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选
2021-01-18 15:10:51
2368
原创 JS jquery禁止页面文字选中和拖拽
// 禁止选中 document.body.onselectstart = function(){ return false; } // 禁止图片拖拽 var imgs=$("img"); imgs.on("dragstart",function(){return false;});
2020-12-28 11:19:55
1418
原创 html icon引入
<link rel="icon" type="image/x-icon" href="./img/favicon.ico"/>
2020-12-28 11:17:59
205
原创 html引入字体
@font-face { font-family:'MyNewFont'; src: url(../font/gothamrounded.otf); } //调用直接用上面定义的名字 font-family:'MyNewFont'
2020-12-28 11:16:56
614
原创 下拉加载
// 监听滚动条 $(window).scroll(function () { // 获取屏幕的固定高度 var winH = $(window).height(); // 获取内容的总高度 var pageH = $(document).height(); // 获取当前滚动条距离顶部的距离 var scrooT = $(window).scrollTop(); // 计算出距离底部的距离 var
2020-12-18 08:37:03
186
原创 mate移动端需要加的代码
//1，移动端按比例缩放：<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
2020-12-18 08:35:01
137
原创 高德地图JS添加海量点
//创建地图 ditu_add 容器IDvar map = new AMap.Map('ditu_add', { zoom: 12, //级别 center: [118.326443, 35.065282], //中心点坐标 viewMode: '3D', //使用3D视图 mapStyle: "amap://styles/8ce81794726a2f639a98dc3873d40114"//地图皮肤});var mess;//设置自定义 点样式，根据后台返回的数据中 style：0 字段可
2020-12-17 10:54:09
933
1
原创 文本域高度自适应
//填写地址文本域，默认一行显示。输入时，高度随内容变化。 $('.textarea_xiugai').on('input',function() { $(this).css({ 'height': 'auto' }).height( this.scrollHeight ); });
2020-12-14 18:09:24
757
原创 文本框失去焦点显示提示文字
<input type="text" id="pwd" placeholder="请输入密码" class="typeText" onfocus="this.placeholder=''" onblur="this.placeholder='请输入密码'" />
2020-12-14 18:08:38
826
原创 html文字超出有省略号
max-width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
2020-12-14 18:07:05
132
原创 JS手机号身份证验证
//验证手机号码 function checkPhone(phone){ var phone = phone; var pattern = /^1[0-9]{10}$/; isPhone = 1; if(phone == ''){ alert("请输入手机号码"); isPhone = 0; return false; } if(!(/^1[345789]\d{9}$/.test(phone.
2020-12-14 18:04:44
272
原创 判断移动端还是PC端
var phoneScale = parseInt(window.screen.width) / 764; //除以的值按手机的物理分辨率 $(function(){ if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { $("head").append('<meta id="meta" name="viewport" content="width=device-w...
2020-12-14 18:04:00
211
原创 html字体和背景色渐变
文字渐变：background-image:-webkit-linear-gradient(right,#23C5C1,#19A1D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;背景渐变：background-image: linear-gradient(to right,#4EBDC4,#2BB1DC,#2D6FA7)
2020-12-14 18:03:03
429
空空如也
MAC M2芯片 跑vue2.0项目 install 报错
2023-05-19
大厂首页动画效果是怎么实现的？
2021-06-24
DIV内容很宽，怎么让右下角出现缩略图，点击调节可视区域位置？
2021-06-15
idea自动引入class，怎么设置为import引入？
2020-09-24
高德JSAPI编辑任意选中的圆覆盖层？
2020-06-20
在网页点击一个链接播放一个视频，有很多不同的链接怎么用动态写
2019-08-20
已经把数据库照片的url提出来了怎么放到前端页面？
2019-08-16
layui 用数据表格重载实现搜索功能为什么不成功？
2019-08-16
JAVA 调用 有参存储过程 以表明为参数 查询想要查询的表 怎么写存储过程？
2019-07-23
JAVA list集合内以Map格式 强制转换map怎么做？
2019-07-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人