前端开发JavaScript编程练习
skyxmstar
这个作者很懒,什么都没留下…
展开
-
前端学习(3):javavScript权威指南 第八章 表单、表单时间及校验
1.如果表单数据不完整,如何停止表单提交操作? DOM Level 0 的事件:在事件句柄中返回false值,并在事件句柄脚本中取消表单提交操作即可。 DOM Level 2 模型:将event对象的cancleBubble属性设置为true(针对IE),并调用其preventDefault方法(针对其他浏览器)。2.想在表单提交之前对文本框进行验证,那么应该捕获它的 什么原创 2017-02-28 11:26:10 · 496 阅读 · 0 评论 -
常见的浏览器端的存储技术
在浏览器端保存一些数据的好处是,当再次访问该页面时,就不需要向服务器请求。可以从浏览器端直接读取。1.cookiecookie的特点是会随着HTTP请求头信息一起发送,能存储的数据容量有限,不同浏览器cookie大小不一样,一般为4kb,而IE6大约只有2K。cookie的常用三种方法(1)设置原创 2017-03-17 17:28:50 · 441 阅读 · 0 评论 -
前端练习小记
1.短路或 如果第一项是true 则结果为true 如果第一项为false 结果 为第二项(第二项不做计算直接返回)2.本身数组就是对象这里要理解所谓‘数组’其实是array类型对象的一个特殊作用,就是:我们可以对它进行一种模式的数据存储,但除此之外,它依然是一个对象var arr = [‘1’,‘2’] //这本质上是一系列操作:得到一个数组对象;调原创 2017-03-17 18:01:37 · 599 阅读 · 0 评论 -
前端练习小记(2)
1. js中字符串连接用那个比较高效? javascript中字符串连接时用Array.join()替换 string += "xx",换来几十倍的速度提升。2. 以下为一段浏览器中可运行的Javascript 代码,则运行该段Javascript代码的页面弹出框中显示的结果是: var obj = {"key":"1","value":"2"}; var原创 2017-03-17 22:49:04 · 395 阅读 · 0 评论 -
前端学习(1):兼容性:取消一个事件的处理过程
function cancelEvent(event){ if(event.preventDefault){ event.preventDefault(); //用来阻止基于该元素和事件的默认行为。 event.stopPropagation(); //用来在其他遵循DOM Level 2 事件处理机制的浏览器完成:原创 2017-02-27 11:10:32 · 398 阅读 · 0 评论 -
前端学习(2):为document的click事件指定一个事件句柄函数(考虑跨浏览器兼容问题)
为document的click事件指定一个事件句柄函数(考虑跨浏览器兼容问题)function setup(evnt) { var evtObject = document.getElementById("clickme"); //检查对象模型 if(evtObject.addEventListener) { document.add原创 2017-02-27 11:36:40 · 425 阅读 · 0 评论 -
前端技能练习:对于li这个节点,下列哪个 CSS 选择器的优先级最高?
对于li这个节点,下列哪个 CSS 选择器的优先级最高?li#appli.cntli.cnt:hover#app.cnt正确答案:D对于li这个节点,下列哪个 CSS 选择器的优先级最高?原创 2017-03-06 20:45:57 · 2311 阅读 · 0 评论 -
前端技能练习:span 标签的width 和 height
请阅读以下代码:12345divstyle="width:400px; height:200px;"> <span style="float:left; width:auto; height:100%;"> <i style="position:absol原创 2017-03-06 21:03:53 · 2900 阅读 · 0 评论 -
前端技能练习:this对象的指定
请阅读以下代码:var obj = {};obj.log = console.log;obj.log.call(console, this)该代码在浏览器中执行,输出的日志结果是什么?windowconsoleobjundefined浏览器环境下this应该是window转载 2017-03-06 21:06:14 · 987 阅读 · 0 评论 -
前端面试:js的继承实现
JS实现继承的几种方式前言JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal';转载 2017-03-06 22:20:09 · 1605 阅读 · 0 评论 -
CSS:margin,border,padding
百度空间技巧之边框(border)边距(margin)和间隙(padding)属性的区别边框属性(border)用来设定一个元素的边线。边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。间隙属性(padding)是用来设置元素内容到元素边界的距离。 这三个属性都属于CSS中box类型的属性。转载 2017-03-10 10:33:43 · 297 阅读 · 0 评论 -
jquery图片轮播思路
开始就隐藏img不要用js去做。js操作dom影响速度,第二是需要在js加载完了才会把图片隐藏,这会导致没加载完前你的图片全部是显示的。 用css来隐藏img,另外图片宽高都写在img里减小渲染框架时间。style>#focus{width:500px;height:200px;overflow:hidden;/*用一个div把图片包含设置超出范围隐藏*/}style>转载 2017-03-07 10:07:40 · 1978 阅读 · 0 评论 -
javaScript实现成绩单页面,点击成绩时,成绩按从低到高排列
var oTable=document.getElementsByTagName("table")[0], oThead=oTable.tHead, oTbody=oTable.tBodies[0], oRows=oTbody.rows; var aRows=listToArray(oRows); v原创 2017-03-27 20:47:33 · 3625 阅读 · 0 评论 -
Cookie/Session机制详解
会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制,并比较说明什么时候不能用Cookie,什么时候不能用Session。1.1 Cookie机制转载 2017-03-24 11:46:33 · 219 阅读 · 0 评论 -
前端技能联系:CSS sprites
下面有关CSS sprites说法错误的是?A.允许你将一个页面涉及到的所有零星图片都包含到一张大图中去B.利用CSS的“background-image”,“background-repeat”,“background-position”的组合进行背景定位C.CSS Sprites虽然增加了总的图片的字节,但是很好地减少网页的http请求,从而大大的提高页面的性能D.CS原创 2017-02-24 22:47:57 · 1380 阅读 · 0 评论 -
前端技能练习:下述有关border:none以及border:0的区别,描述错误的是?
下述有关border:none以及border:0的区别,描述错误的是? A.border:none表示边框样式无B.border:0表示边框宽度为0C.当定义了border:none,即隐藏了边框的显示,实际就是边框宽度为0D.当定义边框时,仅设置边框宽度也可以达到显示的效果C:当定义border:none时,表示无边框样式,浏览器并不会对边框进行渲染,也原创 2017-02-24 22:24:29 · 3174 阅读 · 0 评论 -
前端技能练习:html网页布局css属性position的属性值的描述
在html中网页可以看成一个立体的空间,一个完整的页面是由很多个页面堆积形成的,如下图所示 CSS中Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。◆position:static 无定位该属性值是所有元素定位的默认情况,在一般情况下,我们不需要特别的去声明它,但有时候遇到继承的情况,我们不愿意见到原创 2017-02-24 22:10:07 · 845 阅读 · 0 评论 -
前端练习:JavaScript:【编程题】获取 url 参数
链接:https://www.nowcoder.com/questionTerminal/a3ded747e3884a3c86d09d88d1652e10来源:牛客网function getUrlParam(sUrl, sKey) { var param = sUrl.split('#')[0].split('?')[1]; if (sKey){//指定参数名称原创 2017-02-20 22:30:32 · 1654 阅读 · 0 评论 -
javaScript:undefined与null的区别
大多数计算机语言,有且仅有一个表示"无"的值,比如,C语言的NULL,Java语言的null,Python语言的None,Ruby语言的nil。有点奇怪的是,JavaScript语言居然有两个表示"无"的值:undefined和null。这是为什么?一、相似性在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别。var转载 2017-02-20 22:56:32 · 196 阅读 · 0 评论 -
前端学习(4):javaScript权威指南第九章:BOM的层次结构
浏览器对象模型(BOM)是一组从浏览器上下文中继承而来的对象,这也是绝大数Javascript应用程序中函数运行的上下文。原创 2017-03-01 10:23:52 · 550 阅读 · 0 评论 -
前端学习(5):javaScript权威指南第十章:cookie和其他客户存储技术
1.说出几种在客户端计算机上存储信息的方法? 方法: (1)使用cookie (2)使用第三方插件,如Flash或Google Gears (3)要求用户在一个链接的资源上单击鼠标右键,然后将其保存到本地计算机上 (4)插入一个作为链接的可下载文件原创 2017-03-02 16:01:55 · 228 阅读 · 0 评论 -
ECMAScript6 Promise
Promise在Javascript中早就已经实现,在ECMAScript6中正式加入到标准。那么Promise到底是干什么的?怎么用?一、Promise介绍Promise是一个对象,用来传递异步操作的消息,它有三种状态,pending(进行中)、resolved(成功)、rejected(失败)。二、Promise基本用法var promise = new转载 2017-02-22 21:08:53 · 238 阅读 · 0 评论 -
js全局函数
1.parseInt(String,radix):返回转换成整数的值。 注意:当参数radix的值为0,或者没有设置这个参数,parseInt()会根据string来判断数字的基数。 当忽略radix,JavaScript默认数字的基数规则为: 1.如果string以0x开头,parseInt()会把string的其余部分解析为十六进制的整数。原创 2017-02-22 22:58:03 · 268 阅读 · 0 评论 -
前端技能练习:javascript基础:修改this指针
题目封装函数 f,使 f 的 this 指向指定的对象 。输入例子bindThis(function(a, b) { return this.test + a + b;}, {test: 1})(2, 3);输出例子6分析题目拆解该题目的要求是:封装一个函数bindThis,该函数有两个参数,第一个参数是一个内部有使用this指针的转载 2017-02-14 19:50:16 · 376 阅读 · 0 评论 -
前端技能练习2:获取URL参数
题目:获取 url 中的参数1. 指定参数名称,返回该参数的值 或者 空字符串2. 不指定参数名称,返回全部的参数对象 或者 {}3. 如果存在多个同名参数,则返回数组 输入例子:getUrlParam('http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe', 'key')输出例子:原创 2017-02-14 21:33:55 · 700 阅读 · 0 评论 -
前端开发练习:选择题:元素的alt和title的区别?
alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息,它会直接输出在原本加载图片的地方,而title属性是在你鼠标悬停在该图片上时显示一个小提示,鼠标离开就没有了,有点类似jQuery的hover,你可以自己试试,另外,HTML的绝大多数标签都支持title属性,title属性就是专门做提示信息的。相同点:他们都会飘出一个小浮层,显示文本内容。不同点;原创 2017-02-15 15:21:41 · 3936 阅读 · 0 评论 -
js中几种实用的跨域方法原理详解
js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题,我们可以转载 2017-02-15 17:47:25 · 293 阅读 · 0 评论 -
javaScript:嵌套、闭包
原创 2017-02-23 17:47:58 · 651 阅读 · 0 评论 -
javaScript练习:js和flash
flash和js通过什么类如何交互?Flash提供了ExternalInterface接口与JavaScript通信两个方法:call和addCallback作用:call让Flash调用js里的方法,addCallback是用来注册flash函数让js调用。原创 2017-02-24 21:28:31 · 295 阅读 · 0 评论 -
前端技能练习:call和apply
call()方法和apply()方法,在上层应用中用的不是很多,但在底层写JS框架的时候却常常看到。在W3C网上研究这两个方法的时候,看到一个词语,叫“对象冒充”,这个概念本人觉得还是挺重要的,让我对这两个方法理解起来更加直观。call()方法,看下官方给出的例子?12345678转载 2017-02-24 21:40:56 · 359 阅读 · 0 评论 -
使数据库中的<html>标签可以显示在前端
使用 != ,代码中的特殊字符不会被转义‘’将 JavaScript 嵌入到 Jade 中,一共有三种方法。第一种方式是使用 - ,代码中的特殊字符不会被转义:- for (var x = 0; x 3; x++) li a>生成的 HTML:a>a>li>a>a>li>a>a>li>第二种方法是使用 = ,代码中的特殊字符将会被转义:p原创 2017-07-05 16:12:09 · 4070 阅读 · 0 评论