随笔分类 -  Jquery

摘要:现在的流行框架,无论React还是Vue,都采用虚拟DOM。 好处就是,当我们数据变化时,无需像Backbone那样整体重新渲染,而是局部刷新变化部分,如下组件模版: <ul class="list"> <li>item1</li> <li>item2</li> </ul> 当页面中item2变为i 阅读全文
posted @ 2022-03-02 16:52 威武的大萝卜 阅读(328) 评论(0) 推荐(0)
摘要:前言:很多时候我们在项目中需要用到树,有些树仅仅是展示层级关系,有些树是为了展示和编辑层级关系,还有些树是为了选中项然后其他地方调用选中项。不管怎么样,树控件都是很多项目里面不可或缺的组件之一。今天,博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享,希望能帮大家找到最合适的控件 阅读全文
posted @ 2020-10-23 13:38 威武的大萝卜 阅读(324) 评论(0) 推荐(0)
摘要:bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件,该jQuery插件基于Twitter Bootstrap。写这篇文章的目的在于记录下使用方法,以期后用。 一、插件官网:https://jquery-plugins.net/bootstrap- 阅读全文
posted @ 2020-10-23 12:33 威武的大萝卜 阅读(220) 评论(0) 推荐(0)
摘要:JQ+Css3图片预览(旋转、缩放、切换) @baby张 2019-03-04 19:17:13 2107 收藏 1 分类专栏: 实用组件 JS 文章标签: 图片缩放 图片预览 前端图片预览 JQ+css3 版权 先看效果 我这里的缩小和放大比例都是一倍,旋转角度90°,可以自己调整,效果跟reac 阅读全文
posted @ 2020-10-20 18:13 威武的大萝卜 阅读(872) 评论(0) 推荐(0)
摘要:话不多说,咱就直奔主题吧,直接展示代码: <body> <select name="n_select" class="c_select" id="i_select1"> <option value="1">1</option> <option value="2">2</option> <option 阅读全文
posted @ 2020-10-15 12:48 威武的大萝卜 阅读(861) 评论(0) 推荐(0)
摘要:#非第一个元素 .someclass:not(:first) #非$('.test')以外的元素 .someclass:not(.test) #非第一个元素或第五个元素 .someclass:not(:first,eq(4)) 阅读全文
posted @ 2020-10-12 17:02 威武的大萝卜 阅读(1099) 评论(0) 推荐(0)
摘要:<select> 元素(下拉列表) <select> 元素用于创建下拉列表;而<option> 元素用于定义列表中待选择的选项。列表通常会把首个选项显示为被选选项。 提示:<select> 元素是一种表单控件,可用于在表单中接受用户输入。 属性: autofocus :下拉列表在页面加载时自动获得焦 阅读全文
posted @ 2020-09-27 17:32 威武的大萝卜 阅读(7505) 评论(0) 推荐(0)
摘要:因为不熟悉jquery 就直接上手开始开发jquery mobile 所以遇到了很多问题 在验证表单 判断textarea 是否为空时候怎么都判断不了。 后来觉得应该过滤 textarea 中的空格 和html 代码 所以找了以前的过滤代码 贴一下 希望别人遇到此类问题时能够快速解决。 <!-- l 阅读全文
posted @ 2020-09-27 17:31 威武的大萝卜 阅读(1120) 评论(0) 推荐(0)
摘要:一、锚点的用法 锚点的用法有两种,但性质同样,都是通过链接标签<a></a>以及其href属性实现的: 一种是:页内跳转; 一种是:跳到其他页面的某个区域。 下面我们看具体的用法。 1)内跳转的锚点用法: 给每个div添加了ID号,然后将每个链接标签的href属性分别按顺序与每个div的ID相对应。 阅读全文
posted @ 2020-09-27 10:52 威武的大萝卜 阅读(555) 评论(0) 推荐(0)
摘要:jq: 获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 : $(document).width(); 阅读全文
posted @ 2020-09-24 09:15 威武的大萝卜 阅读(3307) 评论(0) 推荐(0)
摘要:第一种:需要添加好友才可以访问 <a href="http://wpa.qq.com/msgrd?v=3&uin=317985559&site=qq&menu=yes" target="_blank">123 </a> 第二种:不需要添加好友即可访问 阅读全文
posted @ 2020-09-18 10:48 威武的大萝卜 阅读(141) 评论(0) 推荐(0)
摘要:BPM.blockUI({ target: $("#blockAddDiv"), boxed: true, message: FeekongLan.label.loadmsg });//增加锁定 var pattern = /^([1-9]{1})(\d{14}|\d{18})$/, str = $ 阅读全文
posted @ 2020-09-18 10:46 威武的大萝卜 阅读(745) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-09-18 10:44 威武的大萝卜 阅读(303) 评论(0) 推荐(0)
摘要:页面里面的调用 Data为接口 只需要获得时间差即可 var date1=new Date(data.display_begin_at); //开始时间 var date2=new Date(data.display_end_at); //结束时间 var date3=(date2.getTime( 阅读全文
posted @ 2020-09-18 10:43 威武的大萝卜 阅读(179) 评论(0) 推荐(0)
摘要:验证码倒计时函数 var wait = 60; function time(o) { if(wait == 0) { o.removeAttribute("disabled"); o.value = "获取验证码"; wait = 60; } else { o.setAttribute("disab 阅读全文
posted @ 2020-09-18 10:40 威武的大萝卜 阅读(1143) 评论(0) 推荐(0)
摘要:一:背景 1. 讲故事 await,async 这玩意的知识点已经被人说的烂的不能再烂了,看似没什么好说的,但我发现有不少文章还是从理论上讲述了这两个语法糖的用法,懂得还是懂,不懂的看似懂了过几天又不懂了,人生如戏全靠记是不行的哈😄😄😄,其实本质上来说 await, async 只是编译器层面 阅读全文
posted @ 2020-09-03 19:05 威武的大萝卜 阅读(279) 评论(0) 推荐(0)
摘要:本文将通过图解的方式,使用纯前端表格控件 SpreadJS 来一步一步实现在线的电子表格产品(例如可构建Office 365 Excel产品、Google的在线SpreadSheet)。 工具简介: SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件 阅读全文
posted @ 2020-09-03 13:12 威武的大萝卜 阅读(4277) 评论(0) 推荐(0)
摘要:一直以来,JavaScript使用数组和对象来定义和存放结构化数据, 在这篇文章中,我们将一起深挖另一种对象Map的一切,我们将会去了解它是什么、如何遍历、都包括什么属性和方法以及优缺点是什么。 介绍 JavaScript的Map对象数据结构类似于例如C#,Java或C ++中的字典,本质是一组包含 阅读全文
posted @ 2020-09-03 13:10 威武的大萝卜 阅读(2212) 评论(0) 推荐(0)
摘要:限制长度 <input type="number" oninput="if(value.length>11)value=value.slice(0,11)" /> //限制最大值10 <input type="number" oninput="if(value>10)value=10" /> //限 阅读全文
posted @ 2020-09-03 13:03 威武的大萝卜 阅读(3440) 评论(0) 推荐(0)
摘要:直接替换不就完了吗: d = d.replace("\"","").replace("\"","");如果不确定有多少个双引号:d = d.replace(/\"/g, ""); 阅读全文
posted @ 2020-09-03 13:02 威武的大萝卜 阅读(2901) 评论(0) 推荐(1)