- 博客(40)
- 收藏
- 关注
转载 JavaScript Promise 告别异步乱嵌套
文JavaScript Promise 告别异步乱嵌套javascript js-promise es6 web前端开发 node.js 前端小鸟 2014年11月28日发布推荐 5 推荐收藏 34 收藏,9.4k 浏览这是我的原创文章,原文地址:http://lpgray.me/art
2016-06-02 16:18:50
687
原创 JS全局变量与局部变量的理解
javascript] view plain copy1. "text/javascript"> 2. var a = "Hello"; 3. function test(){ 4. var a; 5. alert(a); 6. a = "World"; 7. alert(a); 8. }
2016-05-31 21:26:02
401
原创 JS词法作用域
词法作用域:变量的作用域是在定义时决定而不是执行时决定,也就是说词法作用域取决于源码,通过静态分析就能确定,因此词法作用域也叫做静态作用域。with和eval除外,所以只能说JS的作用域机制非常接近词法作用域(Lexical scope)。作用域链:词法作用域的实现机制就是作用域链(scopeChain)。作用域链是一套按名称查找(Name Lookup)的机制,首先在当前执行环境的
2016-05-31 21:18:42
742
原创 前端面试知识点
答案已在最下方公布。1、以下是HTML5新增的标签是: A、 B、 C、 D、2、以下不是HTML5的新增的标签是: A、 B、 C、 D、3、以下不是HTML5新增的API是 A、Media API B、Command API C、History API D、Cookie API4、以下说
2016-05-31 21:17:11
8090
原创 AJAX实例--瀑布流
无标题文档body {margin: 0;}#ul1 {width: 1080px; margin: 100px auto 0;}li { width: 247px; list-style: none; float: left; margin-right: 10px; }li div {border: 1px solid #000; padding: 10px; margin-
2016-05-31 21:06:29
297
原创 AJAX原理及封装
知识点:1. ajax : Asynchronous JavaScript and XML 异步JavaScript和XML,即用javascript异步形式去操作xml。功能是进行数据交互2.try {} catch (e) {}如果有错误,则会执行catch{},并且传入错误信息参数。 ,如果不用这个语句用if{}else{},如果程序出错,程序会终止。就不会继续往下执
2016-05-30 13:35:33
268
原创 JS闭包
一、什么是闭包? “官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。 相信很少有人能直接看懂这句话,因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包,因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。看下面这段代码: function a(){
2016-05-27 20:32:34
265
原创 数字时钟的实现
数码时钟的实现body{background: blue;color: white;font-size: 30px;}#div1{width: 300px;height: 36px;border: 1px solid #fff;}#div1 img{width: 25px; height: 36px;position: relative;}window.onload
2016-05-27 20:30:12
555
转载 js闭包, execution context, call object, scope, scope chain
http://wenku.baidu.com/view/656caa3083c4bb4cf7ecd1c3.htmlhttp://www.cnblogs.com/CaiAbin/archive/2010/09/14/1826287.html标题中的概念在JSC中均有体现, 看这篇文档可以从需求角度理解这些概念,然后再去看源码具体到抽象, 好记性不如难笔头, 难笔头
2016-05-27 12:31:22
235
原创 网页进度条实现
网页进度条实现////clip 裁切的意思,当进度条超过文字时,文字由黑色变成白色,我们是通过样式实现的,实际上是两个层, 第二个0是裁切的位置!#progressBox{ width:300px; height:40px; border:1px solid #C8C8C8; background:white; position:relative;}#progressBar{
2016-05-26 19:34:07
384
原创 微博登录界面的实现
*{ margin:0; padding:0;}body{ font:12px/1.125 Arial,Helvetica,sans-serif;}li{ list-style:none;}#login{ width:252px; height:385px; background:url(bg.jpg) no-repeat; margin:20px auto; position:rel
2016-05-26 16:27:12
2603
原创 无缝切换功能
无缝切换功能的实现*{ margin:0; padding:0;}li{ list-style:none;}#div1{ width:350px; height:60px; border:1px #000000 solid; position:relative; margin:0 auto; overflow:hidden;}#div1 ul{ position:absolut
2016-05-26 12:52:43
404
原创 新浪文字分享功能
新浪文字分享#p1{ width:300px; margin:50px;} #div1{ position:absolute; display:none;}//对于选择文字,iE和别的浏览器方法不一样window.onload=function(){var oP1=document.getElementById('p1');var oDiv1=docu
2016-05-26 12:51:37
292
原创 延迟菜单实现
延迟菜单window.onload = function(){var aA = getByClass(document,'normal');var aSpan = getByClass(document,'float_layer');var timer = null;for(var i=0;iaA[i].index = i;aA[i].onmouse
2016-05-26 12:43:20
335
原创 微博发布框
微博发布框body{ font-size:12px;}#div1{ width:400px; margin:20px auto;}#div1 p{ float:right; margin:0;color: brown;}#div1 textarea{ width:400px; height:100px;}#div1 span{font-family: arial;font-size:
2016-05-26 12:37:53
420
原创 样式重置
body,ul,p,li,h1,h2,h3,h4,h5,h6,dl,dd,form,input,textarea,select{ padding:0;margin: 0;font-family: arial;}li{list-style: none;}img{border: none;}a{text-decoration: none;}a:hover{text-decorati
2016-05-16 16:21:18
342
原创 表单实现表单自动生成工厂
index.html实现代码task-32 * {margin: 0;padding: 0;}table {position:relative;margin: 30px;width: 1200px;}table td {position: relative;vertical-align: top;paddin
2016-05-06 10:37:56
3486
原创 类型的判定
JavaScript 存在两套类型系统,一套基本数据类型,另一套是对象类型系统。基本数据类型包括5种,分别是undefined、string,null、boolean、number。基本数据类型是通过typeof来检测的。对象数据系统通过instanceof来检测。然而,typeof只能粗略识别出undefined、string、boolean、number、function、object这六种数
2016-05-06 09:16:13
416
转载 2016春网易前端暑期实习生笔试面经
笔试选择题忽略问答题:用原生JS实现一个接口,能够用Ajax上传文件并显示上传进度,上传完成后接收一个来自服务器的json数据实现一个三列布局如何防范CSRF(跨站请求伪造)请列举减少HTTP请求数和资源文件大小的方法列举实现跨域请求的方法一面一上来先是自我介绍,在这个过程中,面试官会看你的简历Q:CSS和JS熟悉哪个?A:JSQ:浏览器
2016-04-27 15:00:02
2072
原创 JS实现数的遍历,查询,增加节点,删除节点
Task-2-25html, body {width: 60%;height: 100%;text-align: center;margin: 0 auto;}button {border:0;box-shadow: 3px 3px 10px rgba(0,0,0,0.5);padding: 4px;margin:20px 5px;cursor:
2016-04-26 21:26:55
1899
转载 CSS3动画工具
这里收集了整理常用的CSS3动画制作工具1.CSS3动画手册与CSS3动画工具:http://isux.tencent.com/css3/tools.html (最新地址)2. 动画科学帧数计算法:http://tid.tenpay.com/labs/css3_keyframes_calculator.html3. CSS3 斜抛轨道动画代码生成工具 http://tid
2016-04-26 19:25:39
391
转载 国内可用的css,js,图标字体,等常用前端公共库CDN服务
CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的
2016-04-26 19:22:53
3604
原创 CSS3圆角border-radius属性详解
CSS即层叠样式表(Cascading StyleSheet),css3是css的最新版本,新增加了很多特性,如:css3动画 animation、Transform、Transition,CSS3渐变,CSS3圆角,文字特效,css3 Flexbox(伸缩盒布局)等等。回顾我们写边框圆角历程,最开始我们用4涨小图片(左上角,右上角,左下角,右下角)来实现边框圆角,后来进化到2涨背景图片(上,下)
2016-04-26 19:21:14
1263
原创 关于nth-child的疑惑
正好很久没写代码了,也想试试回答下这个问题,于是就搜索了下,于是就找到了 W3School的CSS3 :nth-child() 选择器,看到了这样一个代码:p:nth-child(-n+3){ background:#ff0000;}12345 h1>这是标题h1> p>第一个段落。p> p>第二个段落。p> p>第三个段落。p> p>第四
2016-04-26 19:17:06
789
转载 用Github搭建个人博客
用Github搭建个人博客由 Ghostzhang 发表于 2014-09-04 14:30上个月26号下午开始,原先博客的服务器宕机了,虽然一直觉得过段时间就会好的,不过一连3天都没恢复,开始有点忍不住了,内容还是好多的,没了多可惜啊,在公司登录不了管理后台,想从数据库把内容搞出来也做不到,如果是文件就好了,哭~~。虽然一直以来对Git1还停留在使用图形界面软件的程度,但还是想试试用
2016-04-26 19:14:10
453
原创 JS数据结构与算法--字典
1.字典是一种以键-值对形式存储数据的数据结构,(如,电话号码薄里面的名字和电话号码,要找一个电话时,先找名字。),这里的键是指你用来查找的东西,值就是你查找到的结果。2.Dictionary 类的基础是Array类,而不是Object类。开始定义Dictionary 类: function Dictionary(){ this.datastore=new
2016-04-26 19:04:46
516
转载 前端初级工程师面试题
HTML+CSS+JS面试题一、单项选择(165题)1.HTML是什么意思?A)高级文本语言B)超文本标记语言C)扩展标记语言D)图形化标记语言2.浏览器针对于HTML文档起到了什么作用?A)浏览器用于创建HTML文档B)浏览器用于查看HTML文档C)浏览器用于修改HTML文档D)浏览器用于删除HTML文档3.默认情况下,使用P标记会形成什么效果?
2016-04-26 16:23:17
19895
1
转载 前端面试题集锦
前端面试题总结HTML CSS部分时间:2014-02-25 21:22:16 来源: 作者:1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供打印版本
2016-04-26 16:20:52
406
原创 JS树-深度遍历和广度遍历
Task-2-23html, body {width: 100%;height: 100%;text-align: center;}button {border:0;box-shadow: 3px 3px 10px rgba(0,0,0,0.5);padding: 5px;margin:20px 5px;cursor: pointer;backg
2016-04-26 16:07:01
5059
2
原创 JS二叉树的遍历(前序,中序,后序)
JavaScript和树 1#wrapper { display: flex; flex-direction: row; padding: 15px 10px; margin: 5px; border: 1px solid #000; background-color: #fff; width: 730px; height: 240px;
2016-04-26 16:03:48
1618
原创 css设计注意事项
1.如果3个等高的框都设置为向左浮动,left框将向左浮动直到碰到包含框box框的左边缘为止,另外两个框向左浮动直到碰到前一个浮动框为止。如果三个不等高,可能不会排成一行,因为浮动框的高度不同,当它们向下移动时可能会被其他浮动元素卡住。2.相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。与其相反,绝对定位元素的位置与文档流无关,因此不占据空间,普通文档流中其
2016-04-26 15:58:39
410
原创 CSS3中盒模型的新增属性overflow
CSS3中盒模型的新增属性1.overflow:用于设置当对象的内容超过其指定的高度及宽度时应如何进行处理。2.Overflow-x:用于设置当对象的内容超过其指定的宽度时应如何进行处理3.Overflow-y:用于设置当对象的内容超过其指定的高度时应如何进行处理相关属性:(1)visible:不剪切也不添加滚动条(2)Auto:改属性值为body对象和textarea的默
2016-04-26 15:57:32
381
原创 CSS布局方式
1.居中的布局设计:使用自动空白边让设计居中和使用定位和负值空白边让设计居中方法一:使用自动空白边让设计居中(只需定义DIV的宽度,然后将水平空白边设置auto)#box{width:720px;margin:0 auto;}缺点:这样的样式几乎在所有浏览器中都是有效的,但是IE5系列版本和IE6不支持自动空白边,因为IE将text-align:center;理解为让所
2016-04-26 15:56:40
376
原创 图片超出撑破DIV处理技巧
在设计制作网页的时候,我们可能会遇到图片大小超出包含元素的大小的问题。此时的解决办法是用CSS控制对象标签宽度即可。假如该对象宽度为500像素,那我们就只需设置img{max-width:500px}。但是在IE6中,不支持max-width,此时最好的解决办法是在上传图片的时候便设置好宽度,让图片本身宽度小于设置宽度即可。这样可以避免撑破设置宽度,还可以降低图片大小让浏览器更快的打开网页。
2016-04-26 15:54:09
903
原创 CSS 3中边框新属性
1.CSS中新增4种边框控制属性,分别是border-image 、border-radius border-color border-shadow2.如果标签设置了border-collapse :collapse(表格的边框被合并为一个单一的边框),则border-image属性设置无效。3.不同浏览器对border-image属性的支持情况不同,IE浏览器不支持该属性,在Fire
2016-04-26 15:53:29
417
原创 数据结构 链表
html> head> meta charset="utf-8" /> title>title> scripttype="text/javascript"> functionNode(elemnt) { this.ite
2016-04-26 15:17:20
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人