xuanjiewu的专栏

转自：http://www.cnblogs.com/lhb25/p/a-collection-of-page-transitions.html　今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。虽然有些效果都非常简单，只是简单的滑动动作，但另外的一些则是利用了视角（Perspective）和 3D 转换

这里推荐一套很方便使用的前端 弹窗/ 层框架，项目开发里应用了，很方便 ，这里就为它打个免费的推荐广告吧：http://layer.layui.com/

对于IE用户这个问题是解决了，但在firefox下就不起作用了。问题在于IE有滤镜的支持，而firefox就没有。后来只能是在firefox下将图片半透明显示，也能起到满意的效果。"filter：gray; -moz-opacity:.1;opacity:0.1;"这行代码在IE下图片变为灰色，在firefox下半透明显示。filter：gray 这个属性只有IE支持，

jQuery attr() 方法也用于设置/改变属性值。$("button").click(function(){  $("#runoob").attr("href","http://www.runoob.com/jquery");});参考链接：http://www.runoob.com/jquery/jquery-dom-set.html

jquery 获取 table 总行数：$("table tr").size(); var hang = $("#g").find("tr").length;jquery 获取 table 总列数：$("table td").size();var lie = $("#g").find("tr").find("td").length-1;

今天来总结一下前端的一下知识或技巧等问题：1、 常用的清除浮动的方法： clear:both;2、 隐藏多余部分：  overflow:hidden;3、button 按钮圆角边框实现：  border-radius: 15px;4、 背景色透明度：  opacity:0.8; 5、 浏览器窗口大小改变防止div或其他元素布局方式错位，可以设置其最小宽度、最小高度，或

为了尊重作者原创写作，和感谢作者的分享，特标注本文转自：http://www.ydcss.com/archives/54简介：使用gulp-uglify压缩javascript文件，减小文件大小。1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握？请参看： g

转自：http://www.ydcss.com/archives/18这是发现的一篇讲的很详细的关于 gulp 安装使用的博客；简介：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gu

转自：http://blog.csdn.net/nengyu/article/details/7591811在JavaScript中，继承可以用四种方式实现，1、对象冒充感觉这种方式利用了js中类和函数的模糊性，同是function关键字申明方法，既可以说他是函数，也可以说他是类，js太灵活了，下面的例子说明下:function ClassA(sColor){

本文转自：http://www.jb51.net/article/24101.htm闭包（closure）是Javascript 语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直

转自：http://www.webhek.com/event-delegate/如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多人不理解

1. HTML5 之前的 HTML 版本是什么？    A. HTML 4.01      B.HTML 4      C.HTML 4.1     D.HTML 4.92. HTML5 的正确 doctype 是？  A.       B.   C. 3. 在 HTML5 中，哪个元素用于组合标题元素？   A.   B.   C.   D.

js 信息滚播信息滚播//信息滚播/**/function AutoScroll(obj){ $(obj).find("ul:first").animate({ marginTop:"-32px" },500,function(){ $(this).css({marginTop:"0px"}).find("li:first").appendTo(this

转自：http://blog.csdn.net/shimiso/article/details/218303131. 什么是同源策略     理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。    何谓同源:        URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。    同源策略:

在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。取字符串的三个函数:slice(start,[end]),substring(start,[end])和substr(start,[length])相关属性：slice()第一个参数

去掉html标签的js     function delHtmlTag(str){  return str.replace(/]+>/g,"");//去掉所有的html标记 }var str = "This is testss";str = delHtmlTag(str);alert(str);为了一个title去html标签

html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况，动态替换成有效的默认图片，解决办法。通常的判断为：if(pic==null){ html=''; }else{ html='';}但如果当src路径存在，但路径无效导致无法正常加载时，可以利用img 的 onerror 事件来解决： if(pic==null){  html=

导航菜单的应用最常见，几乎每个电商、企业门户网站都会用到，网上也有很多的框架像 Bootstrap 之类的，这里根据经验老说一下菜单样式调好之后，添加标签调整到新的页面时，之前在静态页面上调好的鼠标掠过掠出后的样式如何在新加载的页面上实现点中效果。当然如何使头部导航部门是分开在每个页面里写的就好办了，但是通常我们都是将一个程序公用的部分抽象分离出来，使用的时候作为引用导入，这样好处是维护起来方面，

Highcharts 是一个用纯JavaScript编写的一个图表库， 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，免费提供给个人学习、个人网站和非商业用途使用。使用之前先引入jquery.js 和 highcharts 这两个插件//布局环境组成：X轴、Y轴、数据显示、图标标题var oOptions = {  //设置图表关联显

HTML5 web 存储,一个比cookie更好的本地存储方式。使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.数据以 键/值 对存在, web网页的数据只允许该网页访问使用。Interne

JSP 标准标签库（JSTL）是一个JSP标签集合，它封装了JSP应用的通用核心功能。JSTL (JSP Standard Tag Library，JSP标准标签库) 支持通用的、结构化的任务，比如迭代，条件判断，XML文档操作，国际化标签，SQL标签。 除了这些，它还提供了一个框架来使用集成JSTL的自定义标签。根据JSTL标签所提供的功能，可以将其分为5个类别。

H-ui 是一个针对前端的、免费的UI框架，提供了按钮、导航、下拉菜单、折叠、翻页、选项卡、幻灯片、面板、滚动、星星评价等组件功能，官网地址是：http://www.h-ui.net/Hui-overview.shtml

js 仿锚点跳转到页面指定位置，用的是 offset() 方法 $(document).ready(function(){  var target_top = $("#qa5").offset().top;  //$("html,body").animate({scrollTop: target_top}, 1000);   //带滑动效果的跳转  $("html,body").s

参考网址：http://www.jq22.com/jquery-info6960http://ons.me/526.html/comment-page-1 加载底部 *{ margin: 0; padding:0; -webkit-tap-highlight-

做开发的同学往往在面试找工作过程中会面临一个问题，在公司中做项目开发可以根据业务需求实现程序开发功能，这都没什么大问题，但是面试的时候，面试官提问或是在做笔试，一问一些无论基本的还是难一点的技术问题就答不上来，很多问题感觉就像是在学校进行考试。其实呢，有些问题在工作中遇到过，也常常使用到，但是到了面试时候换一种问法就不知道说的是啥了、晕了.....han  其实个人有时候也很烦做笔试，被面试官问一