深入探讨javascript函数式编程

2017年02月06日 12 阅读

有时，优雅的实现是一个函数。不是方法。不是类。不是框架。只是函数。 - John Carmack，游戏《毁灭战士》首席程序员函数式编程全都是关于如何把一个问题分解为一系列函数的。通常，函数会链在一起，互相嵌套， 来回传递，被视作头等公民。如果你使用过诸如jQuery或Node.js这样的框架，你应该用过一些这样的技术， 只不过你没有意识到。我们从Javascript的一个小尴尬开始。假设我们需要一个值的列表，这些值会赋值给普通的对象。这些对象可能包含任何东...

javascript函数式编程程序员的工具集

2017年02月06日 12 阅读

如果你仔细看了到目前为止出现过的示例代码，你会发现这里面的一些方法不太熟悉。 它们是map（）、filter（）和reduce（）函数，它们对任何语言的函数式编程都至关重要。 它们可以让你不必使用循环和语句，写出更简洁的代码。map（）、filter（）和reduce（）函数组成了函数式程序员工具集的核心部分，这个工具集包括一系列纯的、 高阶的函数，它们是函数式方法的主力。实际上，它们是纯函数和高阶函数的典型，它们以一个函数为输入， 返回一个输出结果，并且...

JavaScript实现上下浮动的窗口效果代码

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现上下浮动的窗口效果代码。分享给大家供大家参考。具体如下：这里介绍使用JavaScript实现上下浮动的窗口，在垂直方向上漂浮，代码内的JS函数有超丰富的浮动层定义功能，像浮动层位置高度、初始化事件触发器、设定浮动层为可见，用style.left设定浮动层左边距、浮动层的运动速度等，还有更多的设置选项都能实现。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-up-dow...

jQuery实现鼠标经过时出现隐藏层文字链接的方法

2017年02月06日 11 阅读

本文实例讲述了jQuery实现鼠标经过时出现隐藏层文字链接的方法。分享给大家供大家参考。具体如下：这里演示Jquery显示隐藏层的方法，鼠标经过时出现文字链接，模拟评分效果，这里没有加动作，仅显示了前台效果的实现。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-mouse-over-show-txt-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD...

jquery实现可自动判断位置的弹出层效果代码

2017年02月06日 11 阅读

本文实例讲述了jquery实现可自动判断位置的弹出层效果代码。分享给大家供大家参考。具体如下：这是一款jquery实现的智能弹出层效果，位置可以自适应，当层靠右边显示时自动往左移。初次运行时请按F5刷新，载入远程jQuery后才能看到效果，点击鼠标左键，弹出层将出现，在最右边点击时层自动往左移。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-auto-check-pos-alert-dlg-dem...

关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别

2017年02月06日 11 阅读

最近在做的在线考试和课程商城都遇到这样的问题：就是鼠标滑过的时候出现一个层，当鼠标滑到当前层的话mouseover和mouseout在低版本的浏览器会出现闪动的现象，解决这个现象的办法有许多，不过我觉得有一种是最简单的那就是把mouseover和mouseout换成对应的mouseenter和mouseleave。当鼠标指针位于元素上方时，会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用。注释：与 mouseenter...

jquery实现仿新浪微博带动画效果弹出层代码（可关闭、可拖动）

2017年02月06日 13 阅读

本文实例讲述了jquery实现仿新浪微博带动画效果弹出层代码。分享给大家供大家参考。具体如下：这是一款jquery实现带动画的弹出层，最开始是模拟新浪微博中的弹出层，后来引入了jQuery，又想了想，加入点动画效果不知怎么样，后来就写出了这么一个弹出的网页层效果，你点击按钮后就可以看到一个渐出的可关闭的弹出层，点击关闭后，当然也是渐渐的消失的，移动时根据鼠标位置计算控件左上角的绝对位置，松开鼠标后停止移动并恢复成不透明。运行效果截图如下：在线演示地址如下：...

JS实现新浪微博效果带遮罩层的弹出框代码

2017年02月06日 11 阅读

本文实例讲述了JS实现新浪微博效果带遮罩层的弹出框代码。分享给大家供大家参考。具体如下：这是一款新浪微博效果的弹出框，现成的JS代码，兼容IE6+，以及各主流浏览器。新浪微博弹出层并可拖拽，操作轻松舒适，符合用户的浏览习惯，将代码推荐给各位网友。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-sina-zzxg-dlg-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W3...

一个php+js实时显示时间问题

2017年02月06日 12 阅读

我们先来看下这段代码$（function（）{setInterval（function（）{var timer = "<?php echo date（"Y-m-d H:i:s",time（）） ?>";$（"#test"）.append（timer）;},500）;}）;这段代码哪里有问题，为啥网页加载后网页一直是那个时间不会变呢？php和js的加载机制有啥不同？这样是不对的，php代码在输出前被解释，浏览器收到的代码应该是这个...

JavaScript 性能优化小结

2017年02月06日 12 阅读

随着 Web2.0 技术的不断推广，越来越多的应用使用 JavaScript 技术在客户端进行处理，从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂，也就是说当浏览器在执行 JavaScript 代码时，不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码，从而提高其在浏览器中的性能。在J2EE编程中，我们接触最多的脚本语言还是Ja...

编写高性能Javascript代码的N条建议

2017年02月06日 11 阅读

多年来，Javascript一直在web应用开发中占据重要的地位，但是很多开发者往往忽视一些性能方面的知识，特别是随着计算机硬件的不断升级，开发者越发觉得Javascript性能优化的好不好对网页的执行效率影响不明显。但在某些情况下，不优化的Javascript代码必然会影响用户的体验。因此，即使在当前硬件性能已经大大提升的时代，在编写Javascript代码时，若能遵循Javascript规范和注意一些性能方面的知识，对于提升代码的可维护性和优化性能将大...

浅谈Nodejs观察者模式

2017年02月06日 11 阅读

一、前言Nodejs使用有些日子了，近来再回顾下其API、多使用新特性，以期有更高层次的掌握，本次API的总结区别于单纯对英文版的汉化，会多做些扩展和自己的理解，希望对大家有所帮助，先从最核心的Events开始Nodejs的Events实现了一种观察者模式，其支持了Nodejs的核心机制，且http / fs / mongoose等都继承了Events，可以添加监听事件。这种设计模式在客户端的组件编程思想里经常会用到，我们先简单了解下该模式。首次接触 观察...

js验证真实姓名与身份证号是否匹配

2017年02月06日 11 阅读

最近的项目中用的需要调用实名认证的接口，实名认证接口价格相比短信而言高了不是几分钱，所以说调用实名认证的条件就要严格把关，因此用到js验证真实姓名与js验证身份证号。进入正题 js验证真实姓名，是用的unicode字符的来进行匹配，而中国人的姓名长度一般都是2-4，所以重复匹配{2,4}次1.js验证真实姓名 var regName =/^[ue-ufa]{,}$/; if（！regName.test（name））{alert（"真实姓名填写有误"）;r...

JS实现带圆弧背景渐变效果的导航菜单代码

2017年02月06日 11 阅读

本文实例讲述了JS实现带圆弧背景渐变效果的导航菜单代码。分享给大家供大家参考。具体如下：这是一款效果个性的JS+CSS导航菜单，鼠标经过时出现有趣弧形背景，实际上，这里用CSS调用了背景，用JavaScript控制了背景的移动，用jQuery实现过类似的功能，整体感觉很不错。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-cicle-cha-nav-menu-demo/具体代码如下：<！DO...

JS实现的简洁二级导航菜单雏形效果

2017年02月06日 11 阅读

本文实例讲述了JS实现的简洁二级导航菜单雏形效果。分享给大家供大家参考。具体如下：这是一个二级导航菜单雏形，风格简洁，圆角形，也是当前比较流行的菜单效果，支持二级，演示内容是随便搞的，希望大家喜欢。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-simple-2l-nav-menu-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr...

JS+CSS实现仿雅虎另类滑动门切换效果

2017年02月06日 12 阅读

本文实例讲述了JS+CSS实现仿雅虎另类滑动门切换效果。分享给大家供大家参考。具体如下：这是仿照雅虎特色服务的一个Tab滑动切换效果，核心是一个CSS滑动门，经过了改进，有点特别，看下效果吧，估计很多朋友会喜欢的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-f-yahoo-hdm-menu-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XH...

JS实现自动定时切换的简洁网页选项卡效果

2017年02月06日 11 阅读

本文实例讲述了JS实现自动定时切换的简洁网页选项卡效果。分享给大家供大家参考。具体如下：这是一款简洁人网页选项卡，与其它TAB不同的是，本选项卡是自动切换的，在变量里设定选项卡的内容、切换时间等，它就开始工作了，如果可以响应鼠标的动作就更完美了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-auto-ds-web-menu-demo/具体代码如下：<html><head><...

JS实现左右拖动改变内容显示区域大小的方法

2017年02月06日 12 阅读

本文实例讲述了JS实现左右拖动改变内容显示区域大小的方法。分享给大家供大家参考。具体如下：这里演示左右可拖动的内容显示区效果，左右拖动红条改变显示区域宽度大小，往左拖则全部显示右侧内容，往右拖则全部显示左则内容，类似QQ的聊天窗口一样，可以向上或向下拖动大小，以适合使用者的要求。本代码完全JavaScript与CSS代码结合实现，在各主流浏览器内运行的兼容性也不错，左右拖动改变大小的JS代码推荐给大家。运行效果截图如下：在线演示地址如下：http://de...

有关json_decode乱码及NULL的问题

2017年02月06日 12 阅读

具体内容请看下文吧。写接口的同学应该会经常遇到数据格式的转换，这时候必不可少的两个函数就是json_encode（）和json_decode（）。这两个函数使用的时候有很多的主要事项，在这里我来说一下json_decode（）。json_decode（）: 对JSON 格式的字符串进行解码,接受一个JSON 格式的字符串并且把它转换为 PHP 变量。（1）将数据转换成数组之后，打印会显示NUll:原因之一json_decode只支持utf-8.iconv（...

快速学习JavaScript的6个思维技巧

2017年02月06日 12 阅读

我们在学习JavaScript，或其他任何编码技能的时候，往往是因为这些拦路虎而裹足不前：有些概念可能会造成混淆，尤其当你是从其他语言转过来的时候。找不到时间（有时是动力）学习。很容易忘记已经理解了的东西。工具多又在不断变化，所以不知道从哪里开始。幸运的是，这些拦路虎是可以被识别，并消灭的。在这篇文章中，我将介绍六个思维技巧来帮助你更快地学习JavaScript，并成为一个更快乐、更富有成效的程序员。1.不要让未来的决策阻止你现在前进的方向很多人学习Jav...