● js/jQuery/Swiper/easyUI
探索丶挑战丶突破
不积跬(kuǐ)步,无以至千里;不积小流,无以成江海。
展开
-
ps切片 热区
参考地址:https://www.cnblogs.com/mq0036/p/3337327.html转载 2020-11-25 11:20:22 · 374 阅读 · 0 评论 -
js实现树形数据结构
js实现树形数据结构场景上代码推荐大家使用这位大佬(蔚莱先森)的转化方式(5行代码,很精简)蔚莱先森:https://blog.csdn.net/Mr_JavaScript/article/details/82817177本人转换代码大概20行,使用双层for循环,而大佬使用filter方式,结果一致,自己有需要可以再改造场景后台传来的菜单数据是没有层级的,只有parentId标识,所以需要前端人员进行格式转换成有childre[ ]父子级格式的数据(那么问题来了,为什么不让后端转换好发送给前原创 2020-06-01 17:15:26 · 1672 阅读 · 0 评论 -
JS判断数据类型方法
JS判断数据类型方法JS判断数据类型方法1、typeof判断数据类型typeof可以精准的识别五种的数据类型:2、instanceof判断数据类型3、===判断数据类型4、利用Object原型的toString()方法来判断数据类型JS判断数据类型方法1、typeof判断数据类型typeof可以精准的识别五种的数据类型:Number (数字类型) String(字符串类型) Boole...原创 2020-02-09 16:36:05 · 282 阅读 · 1 评论 -
layer弹出层关闭后刷新父页面
layer弹出层关闭后刷新父页面可以写到jQuery的加载后事件中${}var index = parent.layer.getFrameIndex(window.name); //获取窗口索引//判断是否是有弹窗if(index) { //关闭layer弹框 parent.layer.close(index); //进行跳转(注意:此处必须加parent.l...原创 2019-03-12 13:45:44 · 558 阅读 · 0 评论 -
js居中打开一个新窗口
代码:/** * 封装一个居中打开新窗口的方法 */function openWindow(url, width, height){ width = width || 600; height = height || 400; var left = (window.screen.width - width) / 2; var top = (window.sc...转载 2019-03-29 15:49:26 · 1385 阅读 · 0 评论 -
easyui-datebox 不能大于当前时间
并不是datebox继承自Calendar,是datebox创建时会包含一个calendar。所以可以从datebox获取一个他使用的calendar。注意datetimebox和datebox,他们的写法是一样的,但是你是databox的时候你.datetimebox()是不管用的datetimebox(带时分秒控件)//时间控件 $('#modifyS...转载 2019-04-11 15:54:11 · 1253 阅读 · 0 评论 -
取色板 spectrum的使用
文章转载地址:https://blog.csdn.net/qq_31459039/article/details/83375831取色板 spectrum的使用html代码效果html代码<!DOCTYPE html><html lang="en"> <head> <script type="text/javascript" s...转载 2019-04-15 10:14:28 · 2084 阅读 · 0 评论 -
JS中的类型转换
JS中的类型转换字符串类型数组 转 字符串 "[1,2,3]" 转 "1,2,3"方式一:方式二:数组 转 字符串 [1,2,3] 转 "1,2,3"方式一:方式二:字符串类型数组 转 字符串 “[1,2,3]” 转 “1,2,3”方式一://转换前String类型 //---console.log---> "[北京,重庆,天津]"var str = "[北京,重庆,天津]"...原创 2019-07-08 14:52:35 · 317 阅读 · 0 评论 -
easyui combobox 3个下拉框级联新增显示,修改回显
easyui combobox 3个下拉框级联新增显示,修改回显前言代码 (新增和修改使用同一个函数)修改时的参数params添加时的参数params前言在实际项目中,有这么一个需求,3个下拉框选项是属于级联级别的,新增时:当选中第1个下拉框的值时,第二个下拉框根据第一下拉框中的类型查询数据,当第二个下拉框选中值时查询第三个下拉框的值并回显,修改时:回显选中第一个下拉框值,然后查询第二个下拉框...原创 2019-08-09 14:29:27 · 1202 阅读 · 0 评论 -
easyui combobox多选下拉框 取值 赋值 - 新增 修改操作
easyui combobox多选下拉框 取值 赋值 - 新增 修改操作前言代码取值 (新增时)赋值(修改回显时)前言废话不多说,直接看代码代码combobox下拉框添加个属性就是多选框了 multiple:true //成员名单 $(".team_member").combobox({ url:'www.baidu.com/hehe.do', valueField:...原创 2019-08-09 14:44:36 · 1487 阅读 · 0 评论 -
easyui combobox 类选择器多个下拉框使用一个接口回显数据
参考原文:https://www.cnblogs.com/linvan/p/6949765.htmleasyui combobox 类选择器多个下拉框使用一个接口回显数据HTML: 当使用如下选择器来操作combobox对象时,会出现不同的表现。JavaScript:$(‘input[name=myinputdom]’).combobox(…);//错误$(’:input[nam...转载 2019-08-09 14:56:35 · 533 阅读 · 0 评论 -
一款不错的Lightbox图片查看触控插件 - 支持js/jQuery
一款不错的Lightbox图片查看触控插件 - 支持js/jQuery默认效果图点击放大效果图插件简介兼容的浏览器使用方法一、js和jQuery引用文件1、js引用文件2、jQuery引用文件二、HTML1、JS 版本2、jQuery 版本三、属性配置亲试结果及问题默认效果图点击放大效果图插件简介Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正...转载 2019-02-27 09:55:36 · 952 阅读 · 0 评论 -
jQuery的区别:$().click()和$(document).on('click','要选择的元素',function(){})的不同
文章作者:热爱前端的17号诶文章地址:https://www.cnblogs.com/sqh17/p/7746418.html解决:动态创建的元素的事件绑定不上jQuery的区别:().click()和().click()和().click()和(document).on(‘click’,‘要选择的元素’,function(){})的不同前言jQuery的出现,大大简化了对dom...转载 2019-02-26 14:02:20 · 3235 阅读 · 0 评论 -
jQuery下载 - 史上最全
下载地址:http://www.jq22.com/jquery-info122原创 2018-10-16 14:30:26 · 183 阅读 · 0 评论 -
js实现f11的全屏效果
js实现f11的全屏效果最近项目中需要浏览器全屏的效果、我查了很多资料、终于、找到了一段代码、说是能兼容google chrome 15 +, safri5.1+,firfox10+,IE11支持 、我只试验了火狐可以、360、以及IE8是没有成功滴、下面给大家发下代码、复制到HTML的页面就可以实现啦!<input id="Button1" type="button" valu...转载 2018-09-14 10:03:00 · 11241 阅读 · 5 评论 -
css3 - 鼠标点击按钮时有缩放效果
废话少说,直接上代码<!DOCTYPE html><html><head><style> a:link {color:blue;} a:visited {color:blue;} a:hover {color:red;} a:active {color:yellow;} p{backgr...原创 2018-08-10 10:40:07 · 9232 阅读 · 0 评论 -
如何去掉a标签的下划线及伪类样式
首先,来了解下<a>标签的一些样式:<a>标签的伪类样式一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 如 a{color:red} ① a:link: 未访问链接 ,如 a:link {color:blue} ② a:visited: 已...转载 2018-08-10 09:29:29 · 4890 阅读 · 0 评论 -
jquery实现单机li标签时,执行跳转,li标签下面的a标签路径
思路:这是一个触发事件,li标签被单击时,触发click方法,方法会获取到a标签的路径,进行页面跳转。沿着这个思路去完成。1、引入jquery <script src="http://code.jquery.com/jquery-latest.js"></script>2、实现<ul> <li>点击这里也可以...转载 2018-08-09 16:37:00 · 1746 阅读 · 0 评论 -
css适配不同分辨率屏幕
如今的屏幕分辨率,小至320px(iPhone),大到2560px甚至更高(大显示器),变化范围极大。除了使用传统的台式机,用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下,固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性,其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来,我们将了解一下怎样通过HTML5和CSS3 Media Queries...转载 2018-07-21 14:39:20 · 60489 阅读 · 0 评论 -
js/jq 动态添加的元素不能触发绑定事件解决方案
<!-- Copyright 2017-10-27, Jachin QQ: 381558301 Email: 381558301@qq.com 请看看你们的版本并对号入座: jquery1.6版本以下都不支持on委托事件 jquery1.3 至 jQuery1.8版都支持live委托事件 jquery1.9 以后的版本不支持li...转载 2018-07-21 14:13:41 · 1441 阅读 · 0 评论 -
js数组遍历和对象遍历
js数组遍历和对象遍历针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。JS数组遍历:1,普通for循环,经常用的数组遍历var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ console.log(arr[i]);}2,优化版for循环:使用变量,将长度...转载 2018-07-21 14:01:27 · 211 阅读 · 0 评论 -
简单的Swiper页面轮播
废话少说,直接上dome<!DOCTYPE html><html><head> <title></title> <!-- swiper 不用引用jquery.js也是可以的 --> <!-- <script src="./jquery.min.js">原创 2018-07-11 11:45:58 · 870 阅读 · 0 评论 -
登录信息失效,防止登录界面显示在frame中
在使用frame页面嵌套开发的时候,遇到重启了服务器的时候会出现登录页面在frame页面中出现,所以需要在登录页面里面用js判断下当前的地址信息,然后跳转到登录的单独页面中。 $("document").ready(function(){ //防止在frame里面出现登录页面 if(top.location!==self.location){ //alert(top.loc...转载 2018-10-17 13:35:15 · 351 阅读 · 0 评论 -
jquery easyui Tab 引入页面及加载请求多次的问题
文章转载于: https://blog.csdn.net/superdog007/article/details/8225518版权声明:博客对我来说是记忆的笔记和知识的分享~非常感谢博客大神的帮助,若有无意侵权,请您联系我,谢谢 https://blog.csdn.net/qq_36698956 jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:...转载 2018-09-26 10:34:14 · 2158 阅读 · 0 评论