大话家的博客

一、现状项目开发过程中，遇到JSON字符串回显的情况。直接显示的话，效果很丑，不方便查看。因此，需要在前端页面对JSON进行格式化显示，期望可以实现如下效果。JSON格式化解析网站：https://www.json.cn/二、分析该网站解析的实现通过浏览器的开发者工具，我们可以获取到该网站解析JSON所依赖的最基础的css和js，如下：<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.j.

表单页面图片点击放大

viewerJs介绍Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。下图即为插件的演示样式：Viewer.js 的特点支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转（类似于微博的图片旋转） 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式 支持缩略图 支持标题显示 支持多种自定义事件用法实例<ul id="viewer"&gt.

JQuery表单序列化

一、onpicking 点击事件选择日期后，关闭日期导航窗口前触发。注意：自定义函数必须使用 function(dp){} 做完成嵌套，否则事件触发可能无效。 错误示范：onpicking:selfFun() 正确示范：onpicking:function(dp){selfFun()}// HMLT<input type="text" class="form-control" readonly onclick="WdatePicker({dat...

代码如下，功能描述见注解。实例： 1. dateOperate('2020-12-16', 2, -5, 12) // 计算 2020-12-16日期，加上2年，减去5个月，再加12天后的日期 2. dateOperate('2020-12-16', 0, 0, 15) // 计算2020-12-16日期，加15天后的日期/*** 格式化日期字符串运算操作* strDate 格式化日期* year 加/减 year年* month 加/...

一、iCheck绑定事件iCheck提供了大量回调事件，支持所有选择器（selectors），并且只针对复选框checkbox和单选radio按钮起作用。事件名称 触发原因 ifClicked 用户点击了自定义的输入框或与其相关联的label ifChanged 输入框的 checked 或 disabled 状态改变了 ifChecked 输入框的状态变为 checked ifUnchecked checked 状态被移除 ifDisabled

一、layer.open GET方式说明如下段代码所示，是最常见的layer.open使用方式。这里有几点需要说明：1. type 基本层类型，layer提供了5种层类型。可传入的值有：0（信息框，默认）、1（页面层）、2（iframe层）、3（加载层）、4（tips层）。2. layer.open其底层采用的就是get请求方式，因此使用layer.open的弹出层页面传参只能是拼接在url后面。3. 对于type=2的弹出框，可以使用图示中的方法调用子页面弹出框的doSubmit() 方法

一、window.showModalDialog 方法说明window.showModalDialog( ) 方法的作用是创建和展示一个指向特定网页的模态对话框。该方法已经过时，特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。此方法已在Chrome 43和Firefox 56中删除，当前仅IE浏览器支持该特性。如果正在开发的功能，需要使用到JS的对话框，应该使用window.open( ) 方法。如果是对老项目进行维护，

$(function () { // 设置jQuery Ajax全局的参数 $.ajaxSetup({ type: "POST", complete: function (XMLHttpRequest, textStatus) { var code = XMLHttpRequest.responseJSON.code; if ([5001, 5002, 5003, 5004].indexOf(code) &.

// 存入数据sessionStorage.setItem("name", "大话家");// 取出数据sessionStorage.getItem("name");// 清空sessionStoragesessionStorage.clear();// 删除键值对sessionStorage.removeItem("name");<!-- 注意：存入的数据只能以字符串形式存入。对于对象的存取需要进行转换 -->// JSON对象var obj = {.

当我们提交表单时，往往需要做一些必填和数据格式校验，点击提交，doSubmit的 beforeSend方法即可做校验。<script type="text/javascript"> var validateForm; $(function () { // 绑定校验表单 validateForm = $("#form").validate({}); }); //提交 function doSubmit() {

Bootstrap自带颜色：class = "bg-xxx"bg-red 红色 bg-yellow 黄色 bg-aqua 湖绿色 bg-blue 蓝色 bg-light-blue 浅蓝色 bg-green 绿色 bg-navy 藏青色 bg-teal 青色 ...