前端跨域解决方案

前端跨域解决方案
什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1.) 资源跳转: A链接、重定向、表单提交 2.) 资源嵌入:<link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链 3.) 脚本请求: js发起的ajax请求、dom和js对象的跨域操作等 其实我们通常所说的跨域是狭义的,是由浏览器同源...

10个超赞的jQuery图片滑块动画

10个超赞的jQuery图片滑块动画
在网站开发过程中,特别是前端开发这块,经常会使用到很多图片滑块动画,也就是一些基于 jQuery 和 HTML5 的焦点图插件。本文将为大家收集 10 个超赞的 jQuery 图片滑块动画,这些现成的 jQuery 插件将为你节省很多开发时间,而且效果都还不错,一起来欣赏一下吧。 1、jQuery/HTML5 超炫全屏焦点图插件 这次我们要来分享一款非常绚丽的 jQuery 焦点图插件,同时这款焦点图也利用了 HTML5 和 CSS3 的相关特...

成为一名优秀的Web前端开发者

成为一名优秀的Web前端开发者
英文原文:Becoming a Great Web Front-end Developer 本文记录了两位工程师为 web 开发者们所提出的多条建议,其中一位推荐了多种实用的工具与技术,而另一位则对于如何克服浏览器开发时所面临的挑战提出了诸多建议。 Rebecca Murphey 是来自于 Bazaarvoice 的一位软件工程师。今年早些时候,她发布了一篇博客文章“前端(JS)开发者的基本素质之 2015 版”,为 JavaScript 开发者在进行客户端 web 开发时...

CSS_Sprite图像拼接技术

CSS_Sprite图像拼接技术
1.sprite概述 CSSSprite是一种利用CSS特性对网页中图片进行的特殊处理的运用方式,主要是将多张零星图片综合到一张图片中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。 2.sprite的优缺点 优点:减少网页http请求,提高页面性能,降低服务器负载;文件命名减少麻烦。 缺点:定位繁琐,...

JS基础及一些常见问题

JS基础及一些常见问题
1.js获取select标签选中的值 原生js var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jQuery 第一种方式 $(‘#testSelect option:selected’).text();//选中的文本 $(‘#testSelect option:selected’) .val();//选中的值 $(“#testSelect ”)...

使用js获取url参数

使用js获取url参数
//获取浏览器参数 function GetParam(name) { var s = decodeURI(window.location.href); var n = s.indexOf("?"); if (n >= 0) { s = s.substring(n + 1); } var valuelist = s.split("&"); for (var i = 0; i < valuelist.length; i++) { var pair = valuelist[i].split("="); if (pair.length > 1 & pair[0] == name) { return pair[1]; } } return ""; }

URL 编码参考手册

URL 编码参考手册
URL 编码函数 JavaScript、PHP、ASP 都提供了对字符串进行URL编码的函数。 JavaScript 中使用 encodeURI() 函数,PHP 中使用 rawurlencode() 函数,ASP 中使用 Server.URLEncode() 函数。 点击"URL 编码"按钮,看看 JavaScript 函数是怎么对文本进行编码的。 注释:JavaScript 函数将空格编码成 %20 。 URL 编码参考手册 ASCII 字符 URL-编码 space %20 ! %21 " %22 # %23 $ %24 % %25 &...

HTML字符实体

HTML字符实体
 实体名称对大小写敏感!   显示结果 描述 实体名称 实体编号 空格 &nbsp; &#160; < 小于号 &lt; &#60; > 大于号 &gt; &#62; & 和号 &amp; &#38; " 引号 &quot; &#34; ' 撇号 &apos; (IE不支持) &#39; ¢ 分 &cent; &#162; £ 镑 &pound; &#163; ¥ 日元 &yen; &#165; € 欧元 &...

JavaScript闭包

JavaScript闭包
JavaScript 闭包 还记得函数自我调用吗?该函数会做什么? 实例 var add = (function () { var counter = 0; return function () {return counter += 1;} })(); add(); add(); add(); // 计数器为 3 实例解析 变量 add 指定了函数自我调用的返回字值。 自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。 add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。 这...

js中typeof关键字

js中typeof关键字
typeof 操作符 你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。 实例 typeof "John"                 // 返回 string typeof 3.14                   // 返回 number typeof NaN                    // 返回 number typeof false                  // 返回 boolean typeof [1,2,3,4]              // 返回 object typeof {name:'John', age:34}  // 返回 object typeof new Date()          ...

js实现复制功能

js实现复制功能
// 复制功能 function copyToClipBoard(txt) { if (window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text", txt); } else if (navigator.userAgent.indexOf("Opera") != -1) { window.location = txt; } else if (window.netscape) { try { netscape.security .PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch (e) { alert("被浏览器拒绝"); ...

jQuery html5Validate基于HTML5表单验证插件

jQuery html5Validate基于HTML5表单验证插件
本文地址:http://www.zhangxinxu.com/wordpress/?p=2857 更新于2014年12月18日 0:35 本插件已经迁移至Github上更新与维护:https://github.com/zhangxinxu/html5Validate 一、前言 前3篇文章实际都是为本文做铺垫的,如果以下棋表示,前三篇是普通走棋,本篇是将军! 目前市面上有不少表单验证插件,看似强大,实在糟糕! 总结下,有以下一些问题: 过多干预 包括:改变了表单元素UI, 为表单元素绑定过...
Copyright © 极品飞鸽 保留所有权利.   Theme  Ality 蜀ICP备14015766号-1

用户登录

分享到: