Welcome 微信登录

首页 / 脚本样式 / JavaScript

数据结构中的各种排序方法小结(JS实现)

数据结构中的各种排序方法小结(JS实现)

新技术一直在不断变化,掌握一些基础是未来学习不断更新的技术的坚实基础。近来闲来无事,为了温习一下从前学的数据结构,将数据结构中的排序算法用JS实现了一遍,并在本文末尾处嵌入了DEMO。简单排序冒泡排序冒泡排序是最简单排序算法,时间复杂度为n的平方,代码如下:function bubbleSort(array) {for (var i = 0; i < array.length; i++) {for (var j = array.length; j &...
基于jQuery实现多标签页切换的效果(web前端开发)

基于jQuery实现多标签页切换的效果(web前端开发)

这里,实现多标签页效果的方法有两个,一个是基于DOM的,另一个是基于jquery的,此次我写的是一个对于一个电话套餐的不同,显示不同的标签页方法一:首先,我们要把页面的大体框架和样式写出来,html和css代码如下:<ul id="tab"><li id="tab1" onclick="show(1)">10元套餐</li><li id="tab2" onclick="show(2)">30元套餐</l...
JavaScript学习小结之使用canvas画“哆啦A梦”时钟

JavaScript学习小结之使用canvas画“哆啦A梦”时钟

前言:今天看完了Js书的canvas画布那张,好开心~又是心爱的canvas~欧耶~之前看到有人建议我画蓝胖子,对哦,我怎么把童年最喜欢的蓝胖子忘了,为了表达我对蓝胖子的歉意,所以今天画了会动的hello world,也算是一种进步咯~好的各位,请上车的乘客往里走,请不要堵塞通道,谢谢。我们开车吧~正文:今天先上图吧,看看效果再说今天的蓝胖子长这样,看到它还是这么胖,我就放心了。这世界还是充满正能量的,总归还有人比我胖,哈哈哈然后是上代码html部分<...
JavaScript提高网站性能优化的建议(二)

JavaScript提高网站性能优化的建议(二)

在javascript关于提高网站性能的几点建议(一)中,从HTTP请求到页面渲染几个方面对提高网站性能提出了几点建议,本文是学习Steve Sounders的另外一本书《高性能网站建设进阶指南》之后,从JavaScript性能的角度进行总结概括,诸君共勉。JavaScript性能是实现高性能Web应用程序的关键——Steve Sounders1 利用js作用域链作用域链(scope chain)当执行一段JavaScript代码(全局代码或函数)时,Ja...
JavaScript关于提高网站性能的几点建议(一)

JavaScript关于提高网站性能的几点建议(一)

近在学习《高性能网站建设指南》这本书,本文算是一个学习笔记,将学到的东西进行整理一下,方便后面查看。性能黄金法则(Performance Golden Rule)解释了只有10%~20%的最终用户响应时间花在接受所请求的用户HTML文档上,剩余的80%~90%时间花在为HTML文档所引用的所有组件(图片、脚本、样式表等)进行的HTTP请求上,最终用户响应时间花费在页面组件上  ——Steve Sounders1 文件合并(减少HTT...
JS中的==运算: ['] == false —>true

JS中的==运算: ['] == false —&gt;true

计算下面表达式的值:[""] == false首先,两个操作数分别是对象类型、布尔类型。根据图1,需要将布尔类型转为数字类型,而false转为数字的结果是0,所以表达式变为:[""] == 0两个操作数变成了对象类型、数字类型。根据图1,需要将对象类型转为原始类型:首先调用[].valueOf(),由于数组的valueOf()方法返回自身,所以结果不是原始类型,继续调用[].toString()。对于数组来说,toString()方法的算法,是将每个元素都...
关于input全选反选恶心的异常情况

关于input全选反选恶心的异常情况

上一篇讲到:第一次点击全选按钮input显示对勾,第二次则不显示,需要用prop来添加checked属性。 但是用prop会出现一个问题,对勾显示,而checked属性不会被添加(比如:$("input[type="checkbox"][name="che"]").attr("checked") 获取结果为undefined),这样就无法通过if语句判断是否选中,从而实现反选功能。 我们先来理一下思路:既然“反选”功能的实现是通过判断是否有checke...
深入理解javascript作用域第二篇之词法作用域和动态作用域

深入理解javascript作用域第二篇之词法作用域和动态作用域

前面的话 大多数时候,我们对作用域产生混乱的主要原因是分不清楚应该按照函数位置的嵌套顺序,还是按照函数的调用顺序进行变量查找。再加上this机制的干扰,使得变量查找极易出错。这实际上是由两种作用域工作模型导致的,作用域分为词法作用域和动态作用域,分清这两种作用域模型就能够对变量查找过程有清晰的认识。本文是深入理解javascript作用域系列第二篇——词法作用域和动态作用域词法作用域 第一篇介绍过,编译器的第一个工作阶段叫作分词,就是把由字符组成的字符...
浅谈javascript中的加减时间

浅谈javascript中的加减时间

上午在处理一些js中的日期参数的时候遇到了一点问题,不晓得如何加减时间。最初的想法是自己分别取出year,month,day,hour,minute,second,然后手动加。。。开始想直接来个借位符就好了,后来一想,哪有那么容易。最后,经过一个上午的摸索,终于搞定了。首先是怎么显示一个标准的日期时间格式 "yyyy-mm-dd hh:MM:ss",暂时做法是先var dtNow=new Date()。//当前时间标准的日期时间就拼出来,dtNow.get...
Javascript iframe交互并兼容各种浏览器的解决方法

Javascript iframe交互并兼容各种浏览器的解决方法

在Web前端开发中,我们经常会用到iframe这个控件。但是这个控在内、外交互时,往往各个浏览器所用的关键字不同,很是麻烦,为了能够得到子iframe中的window对象,各家浏览器有着各家的指定,有的是window,有的是contentWindow等等也许还有我们不知道的。但是从子页面访问父层页面,其本上大家都是window.parent就可以了。那么通过这个特征,我们可以在子页面中,把自身的window对象传递给父页面就可以了,这样父页面就很轻松的访问...
JavaScript动态添加事件之事件委托

JavaScript动态添加事件之事件委托

先给大家讲下什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。其所谓的动态添加事件实质就是指js中的事件委托。我们知道在js中,事件处理只能绑定在当前被选中的元素上,换句话也就是说,事件处理只能绑定在当前文档已经存在的元素上!但是,往往小伙伴们都会遇...
<< 151 152 153 154 155 156 157 158 159 160 >>