随笔分类 -  前端

js 字符串带数字驼峰转化
摘要：let ss = ''; console.log('accTag20' .split('') .map((char) => { if (char >= 'A' && char <= 'Z') { //这种方法容易记，但实现原理也是去比较ASCII码值的 return `_${char.toLower 阅读全文
posted @ 2023-01-31 11:08 山河已无恙 阅读(131) 评论(0) 推荐(0) 编辑
scrollTop用法
摘要：原文链接：https://blog.csdn.net/jiabin_xu/article/details/80537089 网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： docume 阅读全文
posted @ 2021-04-25 09:20 山河已无恙 阅读(1712) 评论(0) 推荐(0) 编辑
ElementU日历Demo
摘要：嗯，项目需求有这个，试着写了一个Demo看看效果。有好的建议请小伙伴留言 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unp 阅读全文
posted @ 2020-11-13 20:30 山河已无恙 阅读(247) 评论(0) 推荐(0) 编辑
ElementUI表格行编辑单元格编辑支持（输入框，选择框）Demo
摘要：嗯，需要做成这个样子，所以网上查了些资料。整理了下。提供几个一个思路。不足之处请小伙伴指出来。 普通版的table可编辑内嵌select选择框，输出框，编辑删除添加等 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import C 阅读全文
posted @ 2020-11-13 10:51 山河已无恙 阅读(5010) 评论(0) 推荐(2) 编辑
鼠标悬停添加遮罩及图标。
摘要：这个原理主要是使用了 ::before或者::after 这个伪元素，和 :hover 这个伪类， 关于伪类和伪元素需要知道： 伪类及在当前元素被出发后添加一些CSS样式，伪类与伪元素是预先定义的，独立于文档元素的，能后被浏览器自动识别，处于特殊状态的元素称为伪类，伪元素指元素中特变的一部分。伪类： 阅读全文
posted @ 2020-10-25 13:18 山河已无恙 阅读(1396) 评论(0) 推荐(2) 编辑
鼠标悬浮显示图标文字
摘要：重点：父级元素使用position:relative，子级元素使用position:absolute，进行定位。 鼠标悬浮 let div = $('<div class="boxCardUploadImg" ondblclick="handlePictureCardPreview(this)">< 阅读全文
posted @ 2020-10-22 20:40 山河已无恙 阅读(962) 评论(0) 推荐(0) 编辑
js和vue方法的相互调用（iframe父子页面的方法相互调用）。
摘要：项目是前后端不分离的，模板引擎使用的JSP。 但是使用了Vue+ElementUI，这里列举一些常用的调用方式，有时候可能。 在js里调用vue方法 我们需要把方法注册到vue对象之外的页面，所以对与在methods中定义的方法，需要在mounted中注册给window。之后我们可以在js里直接调用 阅读全文
posted @ 2020-10-22 20:28 山河已无恙 阅读(9874) 评论(1) 推荐(2) 编辑
button点击刷新页面问题
摘要：解决办法是button按钮添加一个type属性。并且设置为button， 原因是，浏览器默认的处理行为认为是作为表单提交的按钮处理，所以会提交。 这里显示定义一下就OK <button type="button" id="history_button" onclick="questionsHisto 阅读全文
posted @ 2020-10-20 20:38 山河已无恙 阅读(159) 评论(0) 推荐(0) 编辑
Jquery通知组件
摘要：Jquery通知组件（类似于ElementUI的通知） 引入方式见 https://www.jq22.com/jquery-info476 toastr.options = { "closeButton": true, "debug": false, "positionClass": "toast- 阅读全文
posted @ 2020-09-24 10:40 山河已无恙 阅读(320) 评论(0) 推荐(0) 编辑
EasyUI Datagrid中formatter方法返回HTML属性空格处理
摘要：嗯，把空格编译一下就可以解决啦 let projName = row.projName; if (row.projName.indexOf(' ') > -1) { projName = row.projName.replace(/\s+/g,"%20"); } 阅读全文
posted @ 2020-09-19 13:32 山河已无恙 阅读(469) 评论(0) 推荐(0) 编辑
EasyUI下拉框无法点击，不显示数据
摘要：.combo-arrow{ /* height: 33px !important;*/ } 因为是之前的项目，所以用的很老的UI处理的，新功能直接copy的页面， 原因是那个下拉框的css不知道怎么被影响了，需要提高权值重新定义一下。 阅读全文
posted @ 2020-09-19 13:12 山河已无恙 阅读(517) 评论(0) 推荐(0) 编辑
静态资源的封装版本号定义（！！！！）
摘要：接手了一个验收的项目,遇到一个特别奇怪的bug,现场,本地,开发环境怎么测也测不出来. 后来才发现，项目使用了之前的js造成的。吸取教训，用户没有更新浏览器缓存，因为我们本地也没有加js的版本号，文件名一样，js的修改也只是方法内部做了修改。 所以。不管引用的js是否会更新增量，一定要做版本处理。 阅读全文
posted @ 2020-09-19 13:02 山河已无恙 阅读(291) 评论(0) 推荐(0) 编辑
前端的JSON数据转换方法。
摘要：1>jQuery插件支持的转换方式： $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2>浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器： JSON 阅读全文
posted @ 2020-07-15 08:56 山河已无恙 阅读(4380) 评论(0) 推荐(0) 编辑
按钮防止多次点击重复提交的方法
摘要：按钮防止多次点击重复提交的方法， 使用pointer-events: none CSS样式，该样式意思为，当前元素不会成为点击事件的target，在一次点击事件发生之后，通过点击事件添加该属性，当异步请求返回结果后，在通过class属性将该属性移除掉。 阅读全文
posted @ 2020-07-13 08:30 山河已无恙 阅读(3041) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示