javascript - 异常
摘要：如果偷懒，就这么干，要是没有很复杂的逻辑，不需要区分异常类型，这么写也没啥缺点。 try { throw '参数未定义！'; } catch (e) { console.error(e); } ES5 语法 /** * 非法输入参数异常 */ function IllegalArgumentExce
阅读全文
posted @ 2024-06-13 21:57
随笔分类 - javascript
javascript - 面向对象
摘要：要是直接百度，如何在 javascript 中创建一个对象，你能找到一堆这样的文章：《js 创建对象的 n 种方式》、《闭包的 n 种写法》…… 咱们不参加考试，不要记那么多，整那么多写法，代码还不好维护。 就例举几个，在实际项目开发过程中，比较好的代码写法。 兼容语法 1 如果想兼容旧的浏览器，可
阅读全文
posted @ 2024-06-13 21:57
javascript - 文件上传
摘要：最简单的文件上传接口 @Controller public class ExcelCtrl { @ResponseBody @RequestMapping(value = "upload", method = RequestMethod.POST) public Result importExcel
阅读全文
posted @ 2024-06-13 21:55
javascript - 构造表单并提交数据
摘要：业务场景：如果你手头没有 ajax 这样的工具，怎么提交表单呢？ // 使用 form 表单实现 post 方式文件下载 downloadPost: function(url, data){ var body = document.getElementsByTagName('body')[0]; v
阅读全文
posted @ 2023-04-20 08:55
javascript - 循环调用Promise函数
摘要：业务场景：封装文件上传组件，有多个文件需要提交的时候，应当顺序提交，如果中间出现问题，需要终止文件提交。 基本方案：Promise 是 ES6 新增的语法，我们一般会用 Promise 来封装我们的提交函数。 顺序调用 n 次 封装 /** * 链式递归调用 Promise 函数 * * @pa
阅读全文
posted @ 2023-01-10 10:32
javascript - dom元素全屏展示
摘要：业务场景：将 html 界面上的一个 dom 元素全屏展示。 致命问题： 界面内部有弹窗的情况，弹窗会悬浮 dom 元素下方，调整 z-index 一般无效，可以折中看看要不要全屏整个 document； 如果退出全屏需要触发事件，要注意用户可以按 F11 快捷键直接退出； 全屏之后，偶尔会出现少量
阅读全文
posted @ 2022-09-30 09:40
jquery - ajax-fluent写法
摘要：写法很像 ES6 语法下的 Promise 函数。 $.ajax({ cache: true, type: "GET", url: window.contextPath + "/sys/dic/dic", data: {sort: sort}, dataType: 'json', async: fa
阅读全文
posted @ 2020-10-21 15:45
javascript - 改变鼠标的样式
摘要：业务场景：超链接需要将光标显示为一只手，表示可以点击 css 样式中调整 cursor 即可 内容选自：https://www.w3school.com.cn/cssref/pr_class_cursor.asp url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以
阅读全文
posted @ 2020-10-20 17:02
javascript - shift多选事件
摘要：业务需求：一般的多选，我们会给用户很多的 checkbox，让用户挨个点击，我们可以做一个优化，像 PC 一样，按住 shift 可以多选。 shift多选事件 直接调用原生的 onkeydown、onkeyup，如果代码组织得不好，会导致代码混乱，这里进行一个简单的封装。 想要进一步封装组件，需要
阅读全文
posted @ 2020-10-19 21:40
javascript - url地址拼接和获取参数
摘要：平常工作中，如果没有封装好的框架，获取url中的请求参数是很麻烦的一件事。 下列代码，解决了 “将对象的值拼接到Url” 和 “从Url获取参数转换为对象” 两个问题。 /** * 拼接getUrl * @param url 地址 * @param params 请求参数 */ Layers.pro
阅读全文
posted @ 2020-10-07 15:22
javascript - 计算流逝时间
摘要：将时间转换为中文展示，格式为：x天x小时x分x秒 /** * 计算流逝时间 * @param time 时间 * @param trim 是否去除0值 */ Utils.prototype.elapsedTime = function (time, trim) { if (trim undefine
阅读全文
posted @ 2020-05-06 21:26
jquery - 设置checkbox单选
摘要：不要问 为什么不直接用 radio，问就是客户要求。 下列代码中 searchForm，指的是所有 checkbox 的父级容器对象（父级 dom）。 searchForm.find('input[type="checkbox"]').click(function (evt) { if(evt.ta
阅读全文
posted @ 2020-03-24 15:41
javascript - url编码
摘要：类似的业务场景：http://www.baidu.com?name=3&age=4 你想表达的意思，其实是：name的值是 “3&age=4”。 这时候要用到 encodeURIComponent()，他会把路径中的特殊字符进行编码、转义。 在Java中也有类似的语法，用来解决中文路径、空格等问题。
阅读全文
posted @ 2019-10-15 22:46
javascript - 数字输入框
摘要：业务需求：限定输入框只能输入数字。 几个常见的做法： 使用 document.execCommand("Undo")，如果用户输入非数字，就撤销操作，可用，但是document是一个全局对象，对于前端的命令不是非常了解，不敢轻易尝试； 设置 input 为 number 类型，因为，字母 e 是属于
阅读全文
posted @ 2019-08-27 22:26
jqgrid- 合并列
摘要：JqGrid合并列，一列中同值的多个单元格合并成1格 //JgGrid合并列 Merger:function(curGrid, CellName) { //得到显示到界面的id集合 var mya = curGrid.getDataIDs(); //当前显示多少条 var length = mya.
阅读全文
posted @ 2019-08-25 23:22
jqgrid - 合并行
摘要：多行相同数据合并显示 Merger:function(curGrid, CellName) { //得到显示到界面的id集合 var mya = curGrid.getDataIDs(); //当前显示多少条 var length = mya.length; for (var i = 0; i <
阅读全文
posted @ 2019-07-16 10:12
html - 获取标签的自定义属性
摘要：现在程序员，接触这种代码的机会不多，jquery 环境下，这样的代码挺常见的。 业务场景：有一个 button，我们要增加一个 txt 属性，记录一些数据信息，点击的时候，要读取这个属性。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="
阅读全文
posted @ 2018-04-16 22:37
javascript - 闭包
摘要：如果学过Java，就很容易理解什么是闭包。 闭包的作用，就跟 java 中的类一样，将属性封闭在一个对象内，外部想要操作这些属性，必须通过 getter 和 setter 进行调用， 闭包保证了对象内部的字段，不会受到外部的影响，这非常有利于代码的封装。 在实现原理上，闭包主要是通过 Functio
阅读全文
posted @ 2018-04-16 22:36
html - 追加dom元素
摘要：javascript 纯 javascript 的情况下，往往需要创建 node 对象，设置参数之后，进行 append() 操作。 const parent = document.createElement('div'); const child = document.createElement(
阅读全文
posted @ 2017-12-10 00:11
javascript - ctrl+s点击事件
摘要：业务场景：在设计邮箱、公告等，需要大型文本输入框时，最好能提供一个快速保存的功能，比如：点击 “ctrl+s”，就自动保存内容。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/
阅读全文
posted @ 2017-10-26 21:07
