当前位置:首页 > 前端技术

一道常被人轻视的前端JS面试题

前言 分享下我曾经出过的一道面试题,此题是我出的一套前端面试题中的最后一题,用来考核面试者的JavaScript的综合能力,很可惜到目前为止的将近两年中,几乎没有人能够完全答对,并非多难只是因为大多面试者过于轻视他。 题目如下: function Foo() { getName = function () { alert (1); }; return this; } ...

阅读全文
前端技术 513 次阅读 抢沙发

jQuery设计思想之写法——方法函数化

原生 window.onload = function(){ ... }; JQ改为 $(function(){ ... }); 原生 innerHTML = 123; JQ改为 html(123); 原生点击事件 oDIV.onclick = function(){}; JQ改为 $('#div1').click(function(){}) 小例子: 邦邦的小站_分享Web前端技术和PHP技术的学习心得! 原生 window.onload = function(){ var oDi ...

阅读全文
前端技术 602 次阅读 抢沙发

jQuery选择器

jQuery选择器允许对HTML元素组或单个元素进行操作。 jQuery选择器基于元素的id、标签名、类、属性等”查找”(或选择)HTML元素。它基于已经存在的CSS选择器,除此之外,它还有一些独有选择器。 jQuery中所有选择器都以美元符号开头:$()。 id选择器 jQuery #id选择器通过HTML元素的id属性选取指定的元素。 ...

阅读全文
前端技术 561 次阅读 抢沙发

jQuery简介

初学jQuery的朋友,基本上都会问同一个问题“什么是jQuery?”等类似的问题,理解这个问题对于后面的学习会起到促进作用。以下是我整理出的大家常问的几个问题: 1、什么是jQuery? 2、什么是类库? 3、jQuery与JavaScript有什么关系? 4、JavaScript与java又有什么关系? 5、JavaScript、jQuery、Ajax、Json等又是什么? ...

阅读全文
前端技术 546 次阅读 抢沙发

JavaScript运算符

常用的运算符,我为大家大致分为5类(算数运算符、赋值运算符、比较运算符,逻辑运算符、其他运算符)   算术运算符:+ – * / 取模:%  取余数 负数:只需要在变量或数值前面加上一个-(减号)即可 自增&自减:++  —   赋值运算符: var a = 1; 赋值 a = a – 1; 等同于 a -= 1; //减法 ...

阅读全文
前端技术 606 次阅读 抢沙发

作用域、JS预解析机制

作用域: 域:空间、范围、区域,作用:读、写 “JS解析器” 1)“找一些东西”:var  function 参数   a = …      所有的变量,在正式运行代码之前,都提前赋了一个值:未定义(undefined)。   fn1 = function fn1(){ alert(2); } ...

阅读全文
前端技术 1,715 次阅读 抢沙发

JavaScript传参实例:商品价格计算

我们使用函数传参是为了重用代码,应当遵循以下原则: 1、尽量保证 HTML 代码结构一致,可以通过父级选取子元素; 2、把核心主程序实现,用函数包起来; 3、把每组里不同的值找出来,通过传参实现。 例:商品价格计算 HTML布局 <ul id="list"> <li> <input type="button" value="-" /> ...

阅读全文
前端技术 2,921 次阅读 抢沙发

JavaScript函数传参、参数类型

函数传递参数,参数=JS的数据类型:数字、字符串、布尔值、函数、对象、未定义 例1: <script> fn1(100, ‘px’); function fn1(a, b){ alert( a+b ); // 100px } fn2(‘邦邦的小站’); function fn2(a){ alert(a.charAt(3)); // 小 } function fn4(){ alert(4); } fn3( fn4 ); // 4 &l ...

阅读全文
前端技术 1,763 次阅读 抢沙发

JavaScript函数

函数的作用是定义一次但却可以多次调用或执行任意次的代码,换句话说,需要重复执行的东西我们就可以把它写成函数。 函数主要分为这么几种:无参函数,单参函数,多参函数,返回值函数,递归函数,匿名函数和构造函数。 无参函数: 函数的声明必须要用到一个关键字function,格式如下: function 名称() { 方法体 } 单 ...

阅读全文
前端技术 1,410 次阅读 抢沙发

NaN详解及isNaN()方法的应用

NaN:not a number 不是个数字的 数字类型 <script> var a = Number('abc'); // alert( a ); // NaN // alert( typeof (a) ); // number // 一旦写程序中出现:NaN 肯定进行了非法的运算操作 // alert( '200px' - 100 ); // NaN 是 false if( a ){ // alert( '真' ); }else{ // alert( ...

阅读全文
前端技术 1,487 次阅读 抢沙发