![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript/juery
Celine_xn
这个作者很懒,什么都没留下…
展开
-
JavaScript for...in 循环出来的对象属性顺序到底是什么规律?
在学习 JavaScript 语言的 for...in 循环时,总是会被告知:用它循环对象,循环出来的属性顺序并不可靠,所以不要在 for...in 中做依赖对象属性顺序的逻辑判断。但是我们自己写一个对象时,来回刷新好几遍,发现循环出来的属性顺序是一样的啊?let user = { name: "John", age: 30, isAdmin: true};for(let key in user) { console.log( key ); // name age isAdm转载 2022-05-07 15:26:09 · 456 阅读 · 0 评论 -
select2使用手册
前端插件之Select2使用 - 掘金原创 2022-03-10 14:11:12 · 1549 阅读 · 0 评论 -
axios请求和ajax请求post请求默认的表头,content-type不一样
axios请求和ajax请求post请求默认的表头,content-type不一样原创 2021-05-11 19:34:17 · 258 阅读 · 0 评论 -
事件 与 属性
首先我们看下我们把 onerror当做属性和事件两种方式,用js添加的方法 $("#img").on("error",function(){ this.src = "../../css/images/361X190.png"; });$("#img").attr("onerror","javascript:function(){ this.src = '../../css/imag原创 2016-07-14 10:59:22 · 712 阅读 · 0 评论 -
字符串与数组的相互转换
今天师傅临时的问我的一个问题,我感觉的确自己好像不熟悉,所以就搬过来再系统的学习一下,其实都是基础知识,但是我感觉还是定义啥的没有搞得很透彻!大家都明白的,一种给数组直接添加值: 这个就是简单的定义一个数组把这个字符串给push进去的方法,这个是基本的。 相反: 如果我们想将数组里边的值变成字符串我们就用pop方法让出来就好了。 今天推荐了两个其他的方法,join()【数组变成字符串】和原创 2016-05-18 13:47:50 · 1292 阅读 · 0 评论 -
渲染模板template_(内容管理系统总结3)
2 template模板渲染因为前面的总结中看到了script type=”text/html” ,在总结这章的时候又看到了script type=”text/template”,所以我就顺便的研究了下这个type的意义。必需的 type type: 规定脚本的 MIME 类型。 MIME 类型:(Multipurpose Internet Mail Extensions) 是描述消息内容类原创 2016-05-17 13:42:26 · 2270 阅读 · 0 评论 -
ztree树状结构_(内容管理系统总结4)
ztree.js是我们写树状结构的用的一个小组件,通过这个插件的使用,自动的生成一棵树状图,然后通过ztree的treeNode的一些属性灵活的应用,达到我们想要要的效果。首先要了解下ztree.js这棵树: 我的理解就是按照严格的参数名称传递,用ztree提供的方法把这棵树给渲染出来了,然后通过不同的参数设置,来对这棵树进行加工改造。反正插件开发出来是让我们应用的,所以使用一个插件之前一定要知道原创 2016-05-17 16:34:05 · 577 阅读 · 0 评论 -
小知识点_(内容管理系统总结5)
1、getBoundingClientRect()这个方法返回一个矩形对象,包含四个属性:left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box=document.getElementById(‘box’); // 获取元素alert(box.getBoundingClientRect().top); // 元素上边距离页面原创 2016-05-17 17:02:31 · 527 阅读 · 0 评论 -
渲染模板render_(内容管理系统总结2)
1、 render渲染首先了解ejs是什么:EJS是一个JavaScript模板库,用来从JSON数据中生成HTML字符串。 我现在对它的了解就是知道如何去使用这个东西,真正高大上个的东西还是让度娘交给我们吧。 参考文档有:render的简单介绍于是我就写了简单的小例子进行了验证: 首先粘贴能跑起来的代码:<!DOCTYPE html><html lang="en"><head>原创 2016-05-17 10:44:32 · 402 阅读 · 0 评论 -
rgba(0,0,0,0.6)IE不支持解决方法
一般我们写透明的黑色部分都是用opcity(0.6)方式写的,但是这里带出来一个问题就是如果你在这一div上写字的话,然后那个字体也会变成透明色。然后我们采取rgba的样式写,前面三个数字分别对应r,g,b,的三种颜色,第四位的数字对应的是透明的系数。但是这个又出了一个问题就是IE8根本不支持这里我们通常的解决方案是把透明色的黑色蒙版,我们把它变成一张图片,作为一张图片放进去。 backgroun原创 2016-07-18 15:12:44 · 4426 阅读 · 1 评论 -
HTML中的换行造成空格问题
对于html内置的内联级标签以及表单元素标签,源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格。包括ie和ff。而这个空格是会被当作一个空白节点(nodeType等于3的节点,就是文字节点)。对于html内置的块级标签使用了display:inline;则没上述问题。 对于html内置的块级标签之间的换行,ff会当作一个空白节点(用js可以获取到),ie则会忽略掉这个换行。 这个原创 2016-06-22 13:47:35 · 2887 阅读 · 0 评论 -
收藏的优秀网站(备份一下)
http://getbootstrap.com/components/#glyphicons(bootstrap上面使用的小标签,都是统一)原创 2016-06-22 14:12:55 · 342 阅读 · 0 评论 -
js里边填充数据:点一次会闪一次的问题
1、结果图 2、问题描述:登录一个系统之后的获取到登录之后学生的姓名和头像然后放在进入页面的header部分,这是通过公用的scaffold.js来写入的,但是有个问题就是我们每次单击导航nav的时候,都会加载一次scaffold.js这个文件,因此就会出现一个页面缓冲,就是请求接口回来的这个事件,所以我们看到的头像和宁宁这两个地方就会闪一次。但是因为我们是在同一个账号里边进行操作的,我们当然原创 2016-06-23 14:04:17 · 1091 阅读 · 0 评论 -
对页面相应内容的具体定位
1、问题描述: 图一 图二还是拿原来的例子做个演示。图一中修改密码有个超链接,图二是要连接到的页面,但是页面进来是这个样子的。 显然我们不是想要看到个人资料,我们想最好是账号设置界面最好了,跟我们的修改密码比较匹配。因此我们就要给个人资料和账号设置这两块添加一些小的修改,让自动定位到我们想要的位置。2、解决方案我们在图二的页面上做了修改就是给一个参数传递a. 首先第3行开始,我们开始定义一个原创 2016-06-23 15:03:43 · 631 阅读 · 0 评论 -
取对象的Key和值
var obj = { “姓名”:“宁宁”, “年龄” : “25”, “性别”: “女” };for(var k in obj) {//遍历对象,k即为key,obj[k]为当前k对应的值console.log(obj[k]);console.log(k);}原创 2016-06-23 17:37:37 · 9652 阅读 · 0 评论 -
location hash(#)
location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。hash的英文意思就是#这个跟在浏览器路径后边的#就是一个锚点,就可以迅速的捕捉到这个位置的地方,不是刷新界面,就是捕捉页面位置。首先我们如果制作这个锚点呢?就原创 2016-04-20 16:09:42 · 625 阅读 · 0 评论 -
swiper上下滑动,中间有一块可以出现滚动条,另外的都是翻页
完全是参考了别人的代码,大佬写的太好了,我是来抄袭的,回去再慢慢的研究https://blog.csdn.net/flower46273736/article/details/52687496有直接demo可以查看segmentfault上面的信息...转载 2019-05-08 15:19:10 · 918 阅读 · 0 评论 -
页面的布局——在一块区域中显示一条不定长度的下划线,根据前面的字决定这条线有多长
标题说的模模糊糊,直接上图更加简单明了一些: 就是说在这个宽度一定的条件下,根据前面变化的字决定后边的白色线的长度(新概念英语这个名字之外其他剩余的宽度都是由白色的线来填充的)设计思路: 就是让文字的那一块变成position:absolute状态,设置z-index比白色区域那块的z-index高,这样正好盖住了不愿意让出来的字体部分。但是注意字体左右和右边都是设置padding,还要设置字体原创 2016-04-21 11:11:05 · 1036 阅读 · 0 评论 -
知识点总结_(做内容管理系统之后总结1)
.hide原创 2016-05-16 14:52:32 · 412 阅读 · 0 评论 -
for in的使用
<input type="radio" value="radio" id="radio"/><script>function fn(){ this.aa = "obj1"; this.bb = "obj2";}var json = {"aa":"json1","bb":"json2"};var obj = new fn();var radio = document.getEl原创 2016-01-06 22:55:38 · 888 阅读 · 0 评论 -
时间
getTime 方法返回一个整数值,这个整数代表了从 1970 年 1 月 1 日开始计算到 Date 对象中的时间之间的毫秒数原创 2016-02-18 08:56:48 · 267 阅读 · 0 评论 -
浏览器的兼容问题
1、时间 首先回顾一下关于时间的一些算法 var today=new Date(); year1 = today.getFullYear(), month1 = today.getMonth()+1, //getMonth()方法是从0开始月,所以我们获取当前的月的话就要加1 day1 = today.getDate(), hour1 = today.getHours(),原创 2016-02-18 16:54:24 · 365 阅读 · 0 评论 -
获取服务器的时间
$.ajax({type:”OPTIONS”,url:”/”,complete:function(x){alert(x.getResponseHeader(“Date”)) }}); 这是一种方法直接可以获取服务器端时间的方法。 还可以通过接口的形式来进行获取服务器端时间:solution.server.post('/EnglishCompetition/getServiceTime', {},原创 2016-02-19 15:48:38 · 1363 阅读 · 0 评论 -
前面所有input时间的最大时间<时间<后边所有Input时间的最小时间
$("#dsbj").on("focus",".Wdate.input.value",function(){ var self = $(this); var index, min_date = 'new Date()', max_date = '2020-1-1'; var wdates = $(".Wdate.input.value");原创 2016-02-19 16:47:48 · 931 阅读 · 0 评论 -
check按钮的选择,radio按钮的选择
简言之:check按钮的选择就可以根据attr(“checked”) == true 进行判断的。 radio按钮的选择就是根据input[name=”key”]:checked 进行判断效果图: 1、radio html代码:<body> <form id="form1" > <input type="radio" name="sex" value转载 2016-02-25 11:30:41 · 2004 阅读 · 0 评论 -
cookie的了解
认识cookie1、首先了解cookie是什么,有什么作用我的理解就是cookie就是临时的存放数据,方便后边的使用,只不过存放在客户端上面的,如果还设置了cookie的时间,那么就是放在本机的硬件上面的,如果没有设置时间,那么就是放在本机的内存上面的。 推荐一篇写的很好的文章:这里写链接内容 并且这个文章还分析了cookie和session之间的区别2、接着我们了解下cookie到底包括什么c原创 2016-03-22 10:46:01 · 489 阅读 · 0 评论 -
JS的永恒闭包问题
闭包是什么我理解的闭包就是:一个函数里边包含另外一个函数,并且里边的函数可以读取这个函数外边函数里边的任何信息。内层的函数可以使用外层函数的所有变量,即使这个外层函数已经执行完毕了。闭包的好处闭包可以用在许多地方,它的最大用处有两个:第一个是前面提到的可以读取函数内部的变量(局部变量);第二个就是让这些变量的值始终保持在内存中。闭包的坏处1、闭包的数据都是存放在内存中的,内存会消耗很大,所以不能滥用原创 2016-03-22 15:23:58 · 270 阅读 · 0 评论 -
2016-3-24 js基础学习
1、break /continue1、break就是直接跳出整体的循环,然后继续执行下边的代码。 2、continue是跳出本次循环的函数,继续执行下一次循环。 原来学习c语言,c++的时候对于这个还是了解的。2、for..in.. 循环这个循环检验一个对象中有多少的属性的。 eg:var a = { name = 'wang', age = 12, class= '原创 2016-03-24 10:46:41 · 218 阅读 · 0 评论 -
插件——uploadify 发送多余请求的问题
使用 uploadify 上传控件上传图片时,发现当uploadify.swf加载完成后会再次发送一个请求,假设当前页的URL是 http://web/upload-test.php, 那么可以在浏览器中发现这个地址http://web/这个请求。想要让其不发送这个多余请求,解决办法是修改对应的js,在jquery.uploadify. js 中找到如下代码:this.settings.button转载 2016-04-12 14:00:41 · 336 阅读 · 0 评论 -
2016-4-12杂学
1、slice slice() 方法可从已有的数组中返回选定的元素,也可以是字符串。 arrayObject.slice(start,end) start:必须要存在的。 从何处开始选择数值,这个是数组的下标。也可以是负数,但是负数的时候是从尾部开始算起的,-1就是从末尾的第一位,-2就是末尾的第二位。 end:可选的。end写的这个位置是截取出来的数组不包括的位置。如果end没有值,那么就原创 2016-04-12 15:07:02 · 379 阅读 · 0 评论 -
cookie——没有设置时间期限导致的问题
这是我做项目中遇到的cookie的变态问题,找了好久一直有这个问题 原来如此cookie如果再没有设置期限的条件下如果关闭本浏览器就会自动的清除掉了cookie的值了。问题重现就是:我们有一个登录界面login.html 登录的过程中我们有数据存放在coookie里边了。但是这个过程中没有设置期限的问题,正好这个地方还有自动登录。正好这个测试收藏的网址是界面登录进去之后的界面:main.html原创 2016-04-13 15:28:02 · 9612 阅读 · 0 评论 -
2016-4-11杂学
1、基本类型和引用的类型基本类型:就是一些直接可以解析的变量组成的。把它的值传递给另外一个变量,这个时候是真正的一个复制,所以另外一个变量变化的时候不会改变它的原来值的改变。 引用类型:比如对象含有复杂的属性和值,不容易直接解析出来的就是引用类型。其实它的复制就是把它所指向的地址传递给了另外一个变量,所以另外一个变量做什么处理的时候会影响着这个变量的值的改变。2、NaN ==NaN答案:false原创 2016-04-11 17:15:16 · 373 阅读 · 0 评论 -
对象 与 JSON数据 的对换
首先我们要认识一下什么是对象: 然后我们再看一下JSON对象 其实json对象就是一个轻量级的对象,就是规范了一种准则的对象,这样方便语言之间的沟通,他们之间的表达方式上就是json的key上面多了引号,这就是与对象之间的区别。但是很多的时候我们也要将json与对象之间互相的转换。 记住两个关键字就是stringify,parsestringify是将普通对象变成json对象 par原创 2016-05-25 13:52:48 · 264 阅读 · 0 评论 -
JS的匿名函数
匿名函数的定义匿名,顾名思义就是:这个函数隐藏了名字,但是它却跟其他函数一样运行了执行了。但它根据typeof function()P{}进行判断,它依旧是函数。## 匿名函数的调用 ## 1、要调用一个函数,要引用它,所以我们要找一个名字var abc=function(x,y){ return x+y; } alert(abc(2,3)); // "5" var abc=functi原创 2016-03-22 14:38:35 · 347 阅读 · 0 评论 -
正则表达式【项目中碰到使用的】
var reg=/([\u4E00-\u9FA5]|[\uFE30-\uFFA0])+/; 意义: 中文包括中文的标点符号var reg=/[\u4e00-\u9fa5]/ 意义:中文(不包括中文的标点符号)原创 2016-05-26 16:40:34 · 268 阅读 · 0 评论 -
打印功能的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>打印的功能</title> <script type="text/javascript" src="jquery.js"></script> <style type="text/css"> .par{ wi原创 2016-01-04 22:40:46 · 412 阅读 · 0 评论