![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
Whales_w
这个作者很懒,什么都没留下…
展开
-
Vuex入门,复制即用
Vuex入门,复制即用原创 2023-02-24 09:42:54 · 127 阅读 · 0 评论 -
vue cli3 axios封装(拦截添加token,自定义方法)
vue cli3 axios封装(拦截添加token,自定义方法)原创 2023-01-28 11:53:23 · 802 阅读 · 0 评论 -
Vue CLI3发布的时候去除console.log
打包项目的时候自动去除console.log,不用第三方插件原创 2023-01-06 10:06:47 · 179 阅读 · 0 评论 -
Web前端每日一记
Web前端每日一记原创 2022-11-01 10:03:10 · 103 阅读 · 0 评论 -
Web 前端 || 和 &&运算符判定规则和常用法
Web 前端 || 和 &&运算符判定规则和常用法原创 2022-10-31 16:05:30 · 881 阅读 · 0 评论 -
VUECLI3 打开新.vue文件页面
实现在项目中直接跳转页面,不使用路由跳转// 注意 {}里 href 不要改 const {href} = this.$router.resolve({ path:"/visualization" })window.open(href,'_blank')path 是router路由路径原创 2022-03-30 10:56:34 · 1453 阅读 · 0 评论 -
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 · 2230 阅读 · 3 评论 -
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 · 713 阅读 · 0 评论 -
Html SVG标签实现动态效果
TweenMax原创 2021-07-20 11:14:26 · 1030 阅读 · 0 评论 -
background-position和长图实现鼠标悬浮动画效果
以下图片及代码均来自 京东云点击这里进入京东云思路和效果图:background-position: 0 0可以用js动态的将长图按帧数一帧一阵的展示出来效果类似gif,红框就是可视界面,当替换的速度合适的时候就变成了动画(有点像小时候看的小人书)用到的最核心的方法是requestAnimationFrame() 类似一个定时器1 、requestAnimationFrame 会把每一帧中的所有DOM操作集中起来,在一次重绘或回流中就完成,并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率,一原创 2021-06-09 14:54:48 · 526 阅读 · 1 评论 -
前端开发规范
Web端开发规范文档规范文档优点1 .提高团队协作能力。2 .方便后期维护。3 .提高代码复用利用率。4 .减少服务器负载,保证最快解析速度。一.开发流程1 .分析所要实现的需求有哪些。2 .根据所要实现的需求搭功能页面。3 .与后台交互数据,将数据动态渲染在页面。4 .测试程序 ,上线命名规范1.项目命名全部采用小写方式, 以中划线分隔。正例:mall-management-system反例:mall_management-system / mallManagementSys原创 2021-05-26 16:29:09 · 144 阅读 · 0 评论 -
添加自身class移除兄弟class
$(this).addClass('current').siblings().removeClass('current');原创 2021-03-06 15:25:25 · 210 阅读 · 0 评论 -
layui数据表格增加自动换行后,拖动列宽固定列错乱变形
问题:表格内容增加了自动换行功能,当行高发生改变时发现右侧固定列行高不匹配。原因:layui用定位把固定列定位在了右边,这样就会产生一个新的table,在继承高度的时候发生了错乱解决思路:当拖动列宽的时候循环中间的表格所有tr的高度给右边表格tr依次赋值这里我写了一个鼠标按下和释放的方法来监听拖动// 该方法用于解决固定列行高错位问题 var x,y; $(document).mousedown(function(event){ //获取鼠标按下的位置 x = e.原创 2021-01-30 16:03:26 · 1749 阅读 · 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 · 588 阅读 · 0 评论 -
JS监听回车键
//监听回车(13是回车的代号) $(document).keydown(function(event){ if(event.keyCode==13){ //执行的方法 document.getElementById("btn-search").click(); } });原创 2021-01-26 15:38:34 · 3327 阅读 · 0 评论 -
弹性布局自动排列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 · 1514 阅读 · 0 评论 -
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 · 2462 阅读 · 0 评论 -
JS jquery禁止页面文字选中和拖拽
// 禁止选中 document.body.onselectstart = function(){ return false; } // 禁止图片拖拽 var imgs=$("img"); imgs.on("dragstart",function(){return false;});原创 2020-12-28 11:19:55 · 1442 阅读 · 0 评论 -
html icon引入
<link rel="icon" type="image/x-icon" href="./img/favicon.ico"/>原创 2020-12-28 11:17:59 · 231 阅读 · 0 评论 -
html引入字体
@font-face { font-family:'MyNewFont'; src: url(../font/gothamrounded.otf); } //调用直接用上面定义的名字 font-family:'MyNewFont'原创 2020-12-28 11:16:56 · 631 阅读 · 0 评论 -
下拉加载
// 监听滚动条 $(window).scroll(function () { // 获取屏幕的固定高度 var winH = $(window).height(); // 获取内容的总高度 var pageH = $(document).height(); // 获取当前滚动条距离顶部的距离 var scrooT = $(window).scrollTop(); // 计算出距离底部的距离 var原创 2020-12-18 08:37:03 · 191 阅读 · 0 评论 -
隐藏高德地图左下角LOGO
.amap-logo,.amap-copyright { display:none !important; }原创 2020-12-18 08:35:56 · 1353 阅读 · 0 评论 -
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 · 147 阅读 · 0 评论 -
高德地图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 · 953 阅读 · 1 评论 -
文本域高度自适应
//填写地址文本域,默认一行显示。输入时,高度随内容变化。 $('.textarea_xiugai').on('input',function() { $(this).css({ 'height': 'auto' }).height( this.scrollHeight ); });原创 2020-12-14 18:09:24 · 767 阅读 · 0 评论 -
文本框失去焦点显示提示文字
<input type="text" id="pwd" placeholder="请输入密码" class="typeText" onfocus="this.placeholder=''" onblur="this.placeholder='请输入密码'" />原创 2020-12-14 18:08:38 · 845 阅读 · 0 评论 -
html文字超出有省略号
max-width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;原创 2020-12-14 18:07:05 · 141 阅读 · 0 评论 -
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 · 292 阅读 · 0 评论 -
判断移动端还是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 · 219 阅读 · 0 评论 -
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 · 441 阅读 · 0 评论 -
html打印样式
思路:新写一个弹窗div,将想打印的内容加入到div, 打印这个div的内容。 写两个css 一个是html显示的 另一个是打印时候显示的。css:<style> .div1{ } </style>打印css: <style media="print"> .div1{ } </style>注意:html的<style>要在打印的CSS<st原创 2020-12-14 18:01:58 · 407 阅读 · 0 评论 -
layui关闭父页面弹窗
function guanbi(){ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }原创 2020-12-14 18:00:16 · 915 阅读 · 0 评论 -
div水平垂直居中
position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%);原创 2020-12-14 17:59:28 · 76 阅读 · 0 评论 -
Jquery-AJAX
Jquery-AJAX $.ajax({ url:"", //请求的url地址 type:"POST", //请求方式 data:{ "keyword":"push", "id":"value" }, //参数值 success:function(req){ //请求成功时处理 }, error:function(XMLHttpRequest, textStatus, e原创 2020-12-14 17:58:33 · 75 阅读 · 0 评论 -
spring boot Mybatis配置
首先先从maven里导入相关依赖pom : <!-- mybatis--> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-b...原创 2019-11-29 10:51:15 · 223 阅读 · 0 评论 -
UEditor上传图片controller 后台返回字符串格式
今天用了UEditor 上传图片显示在前端,在返回前端url 时出了问题,发现UEditor对格式得要求很严格我按照官网得格式用json传到前端一直出错 显示不出来这个是我写的stringjson{"original":"image6.png","size":49440,"state":"SUCCESS","title":".image6.png","url":"office/upl...原创 2019-11-15 16:34:20 · 1172 阅读 · 0 评论 -
POI EXCEL转HTML (带格子线)
POI EXCEL转HTML 我是看的这位大佬的代码,为防止忘记 所以记录下来原创作者链接我用的是maven管理jar包 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> ...转载 2019-11-12 11:18:16 · 471 阅读 · 0 评论 -
文件(图片,视频等)上传 表单ajax传输
先写html这里就是用了一个 FormData(注意大小写)然后传值<form id="save"> <p><input type="file" name="file"></p> <input type="button" value="上传" onclick="save()"></form><sc...原创 2019-10-22 13:50:47 · 312 阅读 · 0 评论 -
spring boot .yml配置文件 配置路径映射
spring: resources: static-locations: classpath:/META-INF/resources/,classpath:/resources/, classpath:/static/, classpath:/public/, file:E:/data前面那几个都是项目默认的 file后面的就是你本地的映射路径,想要读取里面的东西的时候从 data...原创 2019-08-29 09:40:52 · 15631 阅读 · 0 评论