JS简单实现仿百度控制台输出信息效果 2016年09月17日 15 阅读 本文实例讲述了JS简单实现仿百度控制台输出信息效果。分享给大家供大家参考,具体如下:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title></head><body><h3>打开控制台看...
jQuery实现的自定义弹出层效果实例详解 2016年09月17日 20 阅读 本文实例讲述了jQuery实现的自定义弹出层效果。分享给大家供大家参考,具体如下:dialog.css:#DialogBySHFLayer{width:100%;height:100%;left:0;top:0;position:fixed;z-index:500;background-color:#333333;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4;}/*弹出的提示框*/#Dialo...
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】 2016年09月17日 13 阅读 本文实例讲述了jQuery实现最简单的切换图效果。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>最简单的切换图</title><!--兼容IE6+兼容火狐兼容谷歌兼容欧朋--></head><body><style>...
jQuery轮播图效果精简版完整示例 2016年09月17日 14 阅读 本文实例讲述了jQuery轮播图效果。分享给大家供大家参考,具体如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv=...
jQuery与JS加载事件用法分析 2016年09月17日 13 阅读 本文实例分析了jQuery与JS加载事件用法。分享给大家供大家参考,具体如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><...
jQuery中ScrollTo用法示例 2016年09月17日 18 阅读 本文实例讲述了jQuery中ScrollTo用法。分享给大家供大家参考,具体如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&l...
JavaScript算法系列之快速排序(Quicksort)算法实例详解 2016年09月17日 14 阅读 "快速排序"的思想很简单,整个排序过程只需要三步: (1)在数据集之中,选择一个元素作为"基准"(pivot)。 (2)所有小于"基准"的元素,都移到"基准"的左边;所有大于"基准"的元素,都移到"基准"的右边。 (3)对"基准"左边和右边的两个子集,不断重复第一步和第二步,直到所有子集只剩下一个元素为止。举例来说,现在有一个数据集{85, 24, 63, 45, 17, 31, 96, 50},怎么对其排序呢?第一步,选择中间的元素45作为"基准"...
jQuery简单实现中间浮窗效果 2016年09月17日 20 阅读 本文实例讲述了jQuery简单实现中间浮窗效果。分享给大家供大家参考,具体如下:basic.css:/** -- 样式说明 --* 最大优先实现法,全局能实现不用区域,区域能实现不用模板,模板能实现不用界面,界面能实现不用标签* g - 全局* t - 区域* m - 模板* ui - 界面* lb - 标签* j - 脚本 只使用在有JS操作的样式*//*公共样式*/html, body, div, span, object, iframe, h1, h...
jQuery实现的自动加载页面功能示例 2016年09月17日 16 阅读 本文实例讲述了jQuery实现的自动加载页面功能。分享给大家供大家参考,具体如下:demo.html:<li style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0);"><p>---------------</p></li><li style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0)...
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】 2016年09月17日 13 阅读 本文实例讲述了JS实现屏蔽网页右键复制及ctrl+c复制的方法。分享给大家供大家参考,具体如下:老是有些网站会屏蔽你的鼠标右键或者用快捷键复制,其实只是一段js代码,解决的方法就是直接把网页保存下来然后删掉下面这段js代码,然后就可以正常用右键菜单了。当然,也可以通过设置浏览器的安全级别到最高级别来解决问题。方法一,直接在body标签内添加:<html xmlns="http://www.w3.org/1999/xhtml"><head&...
jQuery实现为LI列表前3行设置样式的方法【2种方法】 2016年09月17日 17 阅读 本文实例讲述了jQuery实现为LI列表前3行设置样式的方法。分享给大家供大家参考,具体如下:在设计网页模板的时候,为了突出信息的重要性以及美观度,我们会设置一些样式使LI文章列表的前3行加上不同的样式,例如给LI文章列表的前3行文字颜色设置红色,再例如图片列表的时候设置列表第一张图片、第二张图片等的宽和高,都可以用蓝叶分享的这两种方法为LI列表设置样式;对于懂PHP语言的设计者来说,很容易就可以实现的效果,对于不懂PHP语言的可以使用这两种方法也很轻松的...
angularjs实现文字上下无缝滚动特效代码 2016年09月17日 13 阅读 最近没有项目做,于是闲暇之余学习了下angularjs知识,然后写了一个文字上下无缝滚动的例子,主要写的是一个小小的指令。css代码:主要控制样式<style type="text/css">*{margin: 0px;padding: 0px;}.slide {width: 200px;height:200px;border:1px solid #dcdcdc;margin: 0 auto;margin-top: 50px;overflow:...
jQuery实现智能判断固定导航条或侧边栏的方法 2016年09月17日 15 阅读 本文实例讲述了jQuery实现智能判断固定导航条或侧边栏的方法。分享给大家供大家参考,具体如下:这是一个jQuery智能判断固定DIV层的特效代码,通过这个jQuery智能代码,你可以设置导航栏、侧边栏、任何DIV层的固定显示;现在蓝叶的站就用的这个jQuery智能判断固定的导航条,要看演示的就请下拉页面滚动条,就会看到导航条固定了;使用这个代码需要在页面里引用jQuery库的JS文件,现在的网站一般都引用了jQuery库代码,如果没有那就打开你网站的模板...
JS实现隐藏同级元素后只显示JS文件内容的方法 2016年09月17日 13 阅读 本文实例讲述了JS实现隐藏同级元素后只显示JS文件内容的方法。分享给大家供大家参考,具体如下:这里的demo.html文件在打开后会短暂显示与js文件同级的元素后马上隐藏这些元素,并显示同级的demo.js文件内容。具体代码如下:demo.html:<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title></t...
js对象浅拷贝和深拷贝详解 2016年09月17日 15 阅读 本文为大家分享了JavaScript对象的浅拷贝和深拷贝代码,供大家参考,具体内容如下1.浅拷贝拷贝就是把父对像的属性,全部拷贝给子对象。下面这个函数,就是在做拷贝:var Chinese = { nation:"中国"}var Doctor = { career:"医生"} function extendCopy(p) { var c = {}; for (var i in p) { c[i] = p[i]; } ...
nodeJs内存泄漏问题详解 2016年09月17日 15 阅读 之前一次偶然机会发现,react 在server渲染时,当NODE_ENV != production时,会导致内存泄漏。具体issues: https://github.com/facebook/react/issues/7406 。随着node,react同构等技术地广泛运用,node端内存泄漏等问题应该引起我们的重视。为什么node容易出现内存泄漏以及出现之后应该如何排查,下面通过一个简单的介绍以及例子来说明。首先,node是基于v8引擎基础上,其内...
node网页分段渲染详解 2016年09月17日 16 阅读 页面渲染,通常来说分为前端渲染以及后端渲染。前端渲染指的是服务端返回html框架以及模版,前端通过ajax异步请求拉取数据渲染模版,并动态修改dom,形成最终页面。服务端渲染则是服务端通过在后端拉取数据以及后端模版渲完整页面,并返回到客户端。2种方法各有好处,后端渲染带来的则是首屏时间的提高,减少请求次数,利于SEO等好处。但是传统后端直出渲染需要等到整个网页渲染完成,才能返回到客户端。假如某个区块拉取数据比较慢,影响了渲染的速度,那对于用户来说,等待的时...
JS查找字符串中出现次数最多的字符 2016年09月17日 18 阅读 在一个字符串中,如 "zhaochucichuzuiduodezifu",我们要找出出现最多的字符。本文章将详细说明方法思路。先介绍两个string对象中的两个方法:indexOf()和charAt()方法indexOf()方法介绍 返回某个指定的字符串值在字符串中首次出现的位置charAt()方法介绍 返回某个指定位置的字符先做一个小测试,找到字符串"woainixiaoli"中的每一个"i"出现的位置。<script>var arr =...
fullpage.js全屏滚动插件使用实例 2016年09月17日 13 阅读 刚做好公司网站,通过全屏滚动,显著提高了官网的浏览体验。遂总结一下使用fullpage.js的方法。欢迎指正一. fullpage.js简介fullpage.js是一套实现浏览器全屏滚动的js插件,很多网站现在都使用了其来实现较好的浏览体验。可以实现的功能:•支持前进后退和键盘控制•多个回调函数•支持手机、平板触摸事件•支持 CSS3 动画•支持窗口缩放•窗口缩放时自动调整•...
JavaScript 继承详解及示例代码 2016年09月17日 15 阅读 有些知识当时实在看不懂的话,可以先暂且放下,留在以后再看也许就能看懂了。几个月前,抱着《JavaScript 高级程序设计(第三版)》,啃完创建对象,就开始啃起了 继承 ,然而啃完 原型链 就实在是看不下去了,脑子越来越乱,然后就把它扔一边了,继续看后面的。现在利用这个暑假搞懂了这个继承,就把笔记整理一下啦。原型链(Prototype Chaining)先看一篇文章,文章作者讲的非常不错,并且还配高清套图哦。lol…链接: [学习笔记] 小角度看JS原型链...