weixin_46143669的博客

// 搜索$.fn.UiSearch = function(){ var ui = $(this); //点击“医院”后显示列表，并阻止冒泡 $('#ui-search_title',ui).on('click',function(){ $('#ui-search_menulist').show(); return false; }); //点击列表项后将值赋给menulist，隐藏列表，阻止冒泡 $('#ui-search_menulist a',ui).on('click',fun

1

1.什么是跨域同源策略所谓同源是指域名、协议、端口均相同，若有任何一个不相同则需要通过跨域实现跨域是指从一个域名的网页去请求另一个域名的资源，严格定义是：只要协议、域名、端口有任何一个不同，就被视作跨域跨域方式：跨域资源共享（CORS）使用JSONP（常用）修改document.domain使用window.name2.JSONPJSONP是JSON with Padding(填充式json)的简写，是应用JSON的一种新方法，也是一种跨域解决方案（不是语言和数据格式）JSONP由

1.jQuery的ajax方法1.1 $.ajax()$.ajax({ //把所有的参数写在大括号中，省略了创建对象 url:"ys/sliders.json",//请求地址 type:"post",//请求方式 async:true,//同步异步 dataType:"json",//规定服务端返回的数据类型，代替JSON.parse //省略了send请求 success:function(imgData){//请求成功的回调，参数直接保存返回的数据，依然建议将渲染数据封装

ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术1.XMLHttpRequest对象XMLHttpRequest是一种支持异步请求的技术，它是Ajax的核心可以向服务器提出请求并处理响应，而不阻塞用户；可以在页面加载以后进行页面的局部更新要完整实现一个AJAX异步调用和局部刷新，通常需要以下几个步骤：创建XMLHttpRequest对象，也就是创建一个异步调用对象；创建一个新的HTTP请求，并指定该HTTP请求的方法、URL；设置响应HTTP请求状态变化的函数2.创建XM

1 $(function(){ // 开始写 jQuery 代码... });等价于$(document).ready(function(){ // 开始写 jQuery 代码... });2 :first$("p:first");//选取第一个 <p> 元素，等价于first-of-type$("ul li:first");//只选取第一个 <ul> 元素的第一个 <li> 元素，如果改成first-of-type，则会选取每个u

1.动画DOM及其CSS操作原理：以固定的时间间隔（例如，0.1秒），每次DOM元素的CSS样式修改一点（例如，高宽各增加10%）2.自定义动画animate() 可以实现任意动画效果，需要传递的参数是DOM元素最终的CSS状态和持续时间（ms，可选参数）var div = $('#test-animate');div.stop().animate({//由于动画有持续时间，为防止操作过快，先通过stop()方法结束原有动画再开始新动画 opacity:0.25,//如果属性值是数值，可以不添

1.鼠标事件1.1 click([[data],fn]) 鼠标单击时触发dblclick([[data],fn]) 鼠标双击时触发双击事件包含单击事件$('a').click(function(){...});1.2 mousedown 鼠标按下时触发mouseup 按下的鼠标放松时触发$('a').mousedown(function(){...});$('a').mouseup(function(){...});以上4个事件都针对鼠标左键1.3 mouseenter、mousel

jQuery选择器返回的对象是jQuery对象，类似数组，每个元素都是一个引用了DOM节点的对象；不会返回undefined或null，而是返回空数组，不必在下一行进行判断是否为空。1基本选择器语法类似querySelector实现过程是先获取一个数组，然后返回第一个元素1.1 ID选择器$(document).ready(function(){ var id = $('#id');});1.2 element选择器类似于querySelectorAll与getElementsByTa

1.jQuery的作用HTML元素选取、元素操作、CSS操作、HTML事件函数、js特效和动画、HTML DOM遍历和修改、AJAX、Utilities化大为小，化繁为简，用来替代原生JavaScriptIE 6/7/8 兼容最高版本为jQuery1.9.1优势：轻量级、强大的选择器、出色的DOM操作及其封装、可靠的事件处理机制、完善的Ajax、不污染顶级变量、出色的浏览器兼容性、链式操作方式、隐式迭代、行为层和结构层分离、丰富的插件支持目标：看懂jquery的源代码2.jquery的引入与$符

1.H5验证H5验证主要体现在新增的标签和属性中，但它的验证并不严格，容易出错label标签补充：label标签为 input 元素定义标注（标记）。label 元素不会呈现任何特殊效果。不过，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。label标签的 for 属性应当与相关元素的 id 属性相同。<form action="demo_form.asp"> <label for="male">Male</label>//for属性值

验证格式时一般要求首尾匹配1.去除字符串首尾空白字符var str = ' Alex ';var pattern = /^\s+|\s+$/g;//全局匹配是关键，也可以分别替换console.log('|'+str.replace(pattern,'')+'|');考虑到程序的优化，不一定非得使用一个全面的正则表达式var str = ' Alex ';var pattern1 = /^\s+/;var pattern2 = /\s+$/;console.log('|'

1.简单的转义字符— “\”反斜杠正则中的特殊字符想匹配本身的含义都需要加转义字符var str = "\\\\";var pattern = /\\\\/;//反斜杠自身也需要转义console.log(pattern.exec(str));//["\\"]
==\x0A（十六进制） 换行符\t==\u0009（unicode编码常用语匹配汉字） 制表符unicode编码中汉字的范围是\u4e00–\u9fa52.字符类[abc123@] 匹配其中的任意一个字符，按顺序匹配，只要一个

正则表达式的模式（规则）匹配（与字符串作比较）正则表达式都是用来操作字符串的1.什么是正则表达式正则表达式是由普通字符（字母、数字等）和特殊字符（有特殊含义的字符，如.\等）组成的文字模式该模式描述在查找文字主体时待匹配的一个或多个字符串，正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。使用正则的作用：查找、替换、数据有效性验证2.创建正则表达式1）字面量或直接量/js/ //注意要写在左斜杠之间/zz09_ ,;!@ 汉字/ //普通字符2）构造函数new RegE

1.面向对象：对代码的一种抽象，对外统一提供调用接口的编程思想基于原型的面向对象方式中，对象是依靠构造器利用原型（prototype）构造出来的一切事物皆对象属性：事物的特性方法：事物的功能对象：事物的一个实例（众多人中的一个人）原型：Js函数中由prototype属性引用了一个对象，即原型对象所有函数都有一个prototype属性//Object 是JS中所有函数的父对象function F(){}alert(F.prototype);//{Object object}//F.pro

1.JS中只有加法会起到拼接字符串的效果，其它的减乘除会自动将字符串转为数字，为避免加法出错可以如下：var result = +'20' + +'5';//单独一个加号表示取正，会自动转为数字

1.什么是对象对象是任意值的集合var cat = { 'name':'Tom',//名值对||键值对--属性 'age':4, 'family':['father','mom'], 'speak':function(){ console.log('mm'); },//属性之间不能缺少逗号！ 'friend':{ 'name':'Tom', 'age':4 }};//字面量创建方式2.如何使用对象创建方式var cat = n

1.作用域变量起作用的区域或范围：变量的生命周期和能访问到变量的区域全局作用域：函数体外部，函数内也可以访问，当所有的程序执行完毕才释放（全局变量会污染，尽量少写）局部作用域：函数作用域，只能在函数体内部访问，函数执行完毕就释放JS中没有块级作用域{…}function fn(){ var x = y = 1;}fn();console.log(y);console.log(x);结果为1 报错，在函数内部不用var声明的是全局变量，y可以输出var name = 'xm';fu

1.变量：保存数据的容器命名规则：$ _ 字母 数字/数字不能作为开头，区分大小写/避开关键字和保留字建议：命名要有意义（button_confirm/buttonConfirm/btnConfirm），风格保持统一声明变量：var btnConfirm;2.数据类型基本类型：数字 str true/false undefined null引用类型：{} []基本类型的值不能修改，引用类型的值可以修改基本类型调用方法/属性时会先找到对应的包装对象，再对其调用方法/属性3.堆栈内存可分为堆