javascript/jquery
文章平均质量分 78
H小志
有事心不乱,无事心不空。大事心不畏,小事心不慢。
展开
-
jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
1、(function($) {…})(jQuery);1)、原理:这实际上是匿名函数,如下:function(arg){…}这就定义了一个匿名函数,参数为arg而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即:(function(arg){…})(param)这就相当于定义了一个参数为arg的匿名函数,并且将pa转载 2016-07-07 17:35:20 · 226 阅读 · 0 评论 -
js实现密码加密
通常情况下,在提交注册表单时,最好对密码之类的敏感字段进行加密,保证内容的安全。今天项目中正好有这个需求,便查了下资料分享在这里,希望对大家有所帮助。以下是js实现加密的三种方式:1.MD5加密 在页面中引入md5.js文件 md5加密 function register(){原创 2016-09-18 16:24:05 · 8784 阅读 · 1 评论 -
jQuery extend方法使用及实现
一、jQuery extend方法介绍jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部代码实现的是相同的,只是功能却不太一样;且看官方给出解释:jQuery.extend(): Merge the contents of two or more objects together into the firs转载 2016-09-20 18:40:57 · 1626 阅读 · 0 评论 -
学习编写jquery插件—美化表格
当了这么久的码农,也用了无数次别人写的插件,是时候该学习学习自己动手写插件了。今天先借用别人写的超简单、实用的美化表格小插件,来学习下jquery插件的编写。写插件之前先想好插件要实现的功能,这里写的美化表格插件就是让表格的奇偶行颜色不同,然后鼠标移到某行上,某行可以高亮显示。接下来想想插件的实现原理,美化表格无非就是找到表格的奇偶行,然后添加不同的class,活动行高亮显示也很简单,只要原创 2016-09-21 19:27:03 · 1237 阅读 · 0 评论 -
Javascript中的事件处理程序
事件是文档或浏览器窗口中发生的一些特定的交互瞬间事件流事件流描述的是从页面中接受事件的顺序。而IE和Netscape开发团队提出了完全相反的两个事件流的概念。IE的事件流是事件冒泡流;Netscape的事件流是事件捕获流。事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。事件捕获:不太具体的节点应该更早接收到原创 2016-11-02 19:36:01 · 1262 阅读 · 0 评论 -
DOM探索之控制页面元素
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。HTML文档可以说由节点构成的集合,DOM节点有:1. 元素节点:像、、等都是元素节点,即标签。2. 文本节点:向用户展示的内容,如...中的文本内容。3. 属性节点:元素属性,如标签的链接属性原创 2016-10-26 19:20:37 · 831 阅读 · 0 评论 -
DOM探索之基础详解
DOM为document、object、model三个单词的缩写,直译过来即文档对象模型。DOM的地位我们知道,一个网页是由html来搭建结构的,通过css来定义网页的样式,而javascript赋予了页面的行为,通过它我们可以与页面进行交互,实现页面的动画效果等等。那javascript究竟通过什么来实现的呢?学过javascript的同学知道,通过ECMAScript这个标准,我们可以原创 2016-10-25 16:59:35 · 2374 阅读 · 1 评论 -
ajax模拟关键字智能匹配搜索效果
准备数据keyword.json:(这里只贴出部分数据)[ {"id":1,"initial":"ad","keyword":"奥迪"}, {"id":2,"initial":"ada4l","keyword":"奥迪A4L"}, {"id":3,"initial":"ada6l","keyword":"奥迪A6L"}, {"id":4,"initial":"adq5","ke原创 2016-12-22 16:41:08 · 3168 阅读 · 1 评论 -
如何写出漂亮的js代码
javascript代码和其他脚本语言一样,都要合理的组织好,不然到最后js代码也是比较乱的。 我把JS的组织分成了三个阶段,看看您现在属于哪个阶段。 初级阶段:JS代码从头顺序写到尾,过程化 if(document.getElementById("username").value == ""){ alert("用户名不原创 2017-02-16 18:11:42 · 476 阅读 · 0 评论 -
JS正则表达式应用——基于Jquery的验证密码强度特效
当用户登录网站时,一般要求用户提供登录该网站的用户名和密码。从某种意义上说,密码的复杂程度越高,用户的信息安全性越高。因此,很多网站在注册用户信息或修改用户密码时,往往会提供一个密码强度的说明,从而提醒用户使用高强度的密码。目前来说,密码字符可以分为4种:数字、大写字母、小写字母和特殊字符(即除数字、字母之外的字符)。用户密码包含上述4种字符种的种类越多,密码的安全性越高。用户密码只含其中一种的安原创 2016-09-02 15:40:52 · 3644 阅读 · 0 评论 -
jQuery-为动态添加的元素绑定事件
在使用jquery的方式为元素绑定事件时,我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件。像需要用ajax的方式请求远程数据来动态添加页面元素时,显然以上几种绑定事件的方式是无效的。$("#searchMoveVideoResult ul li").bind("click",function(){ $(this).css("border","5px solid #000原创 2016-08-11 16:53:51 · 76341 阅读 · 7 评论 -
Javascript 严格模式use strict详解
Javascript 严格模式use strict详解1.概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。 2.为什么用严格模式- 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;- 消除代码运行的一些不安全之处,保转载 2016-07-07 18:18:28 · 349 阅读 · 0 评论 -
jQuery $(document).ready()和JavaScript onload事件
jQuery $(document).ready()和JavaScript onload事件根据ready()方法的API说明http://api.jquery.com/ready/ 这个方法接收一个function类型的参数ready(handler), 方法的作用是: Specify a function to execute when the DOM is fully原创 2016-07-25 18:09:42 · 413 阅读 · 0 评论 -
$.ajax跨域请求数据的解决方案
最近一直在搞公众号前台开发,遇到了ajax跨域请求的问题,像地区的省-市-县三级联动、汽车品牌-车系-车款的三级联动查询等都需要调用外部接口(其他工程项目的接口)完成。下面就分享一下个人解决跨域请求的方案,当然是在后台程序猿大哥的帮助下,我才弄明白了其中的渊源,赶紧记录下来慢慢积累,也希望对大家能有所帮助,还请积极提出意见或建议。跨域请求需要借助后台代码接收callback回调函数,对json原创 2016-09-08 15:39:38 · 6748 阅读 · 0 评论 -
传统的JavaScript实现的Ajax 与 JQuery封装的Ajax
一、传统的JavaScript实现的Ajax步骤:1. 声明一个对象用来装入XMLHttpRequest对象2. 给XMLHttpRequest对象赋值3. 实例化成功后,使用open()方法初始化XMLHttpRequest对象4. 回调事件,当它的readyState值改变时会激发一个readystatechange事件5. 使用send()方法发送该请求 f原创 2016-08-05 14:59:46 · 408 阅读 · 0 评论 -
使用navigator.userAgent.toLowerCase()判断登陆端是pc还是手机
在跨平台,各种浏览器,移动设备兼容的时候,经常要根据设备、浏览器做特定调整,所以判断设备和浏览器的工作,经常会用到,这里做一下总结。有关浏览器类型的信息都藏在USER-AGENT里面,首先读取navigator.userAgent里面的信息,为了方便利用toLowerCase方法转成小写的形式。然后用MATCH方法进行匹配版本信息,这里提供了多个版本的测试信息,可以用来做后续代码的接口。原创 2016-08-23 10:21:43 · 23522 阅读 · 2 评论 -
移动端判断手机横竖屏状态
在做移动端开发的时候,在HTML页面head中加入如下代码[html] view plain copyprint?meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1"/> 设置屏幕宽度为设备宽度,禁止用户手动调整缩放,页转载 2016-08-23 10:46:04 · 6531 阅读 · 0 评论 -
JS性能优化笔记
通过网上查找资料了解关于性能优化方面的内容,现简单整理,仅供大家在优化的过程中参考使用,如有什么问题请及时提出,再做出相应的补充修改。 一、 让代码简洁:一些简略的表达方式也会产生很好的优化eg:x=x+1;在不影响功能的情况下可以简写为x++; 二、 变量名方法名尽量在不影响语意的情况下简单。(可以选择首字母命名)eg:定义数组的长度可以取名为:A转载 2016-08-24 10:36:10 · 250 阅读 · 0 评论 -
JQuery优化规范
jQuery是目前非常流行的Javascript库之一,随着jQuery应用程序的逐渐增多,其性能优化问题是程序员们不可忽视的,我们知道在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。 1.总是从ID选择器开始继承例如有一段HTML代码:以下是引用片段: 交通信号转载 2016-08-24 10:40:59 · 255 阅读 · 0 评论 -
js判断是否是微信内置浏览器以及自动关闭页面回到会话窗口
js判断是否是微信内置浏览器:function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return原创 2017-01-22 15:32:32 · 6342 阅读 · 0 评论