从0到1学Web前端
关注
分享
扫一扫
文章平均质量分 64
从0到1学，一步一步学习Web前端技术。对前端基础知识进行系统梳理。
zhiqiang21
爱前端，爱 Python，爱 Linux，爱 VIM。
展开
-
javascript中的浅拷贝和深拷贝
1.js对象浅拷贝简单的赋值就是浅拷贝。因为对象和数组在赋值的时候都是引用传递。赋值的时候只是传递一个指针。看下面的实例代码：var a = [1,2,3];var b =a ;var test = {name:'xiaohong', age:15};var c = test;console.log(a);console.log(b);console.log(test);console.原创 2015-05-07 15:29:33 · 14203 阅读 · 3 评论 -
javascript中函数声明和函数表达式的区别
1.js中函数表达式的定义 表达式（expression）JavaScript中的一个短语，javascript会将其计算（evaluate）出一个结果。程序中的常量是一个最简单的表达式。变量名也是一种简单的表达式，它的值就是赋值给变量的值。复杂表达式是由简单表达式组成。 ——摘自《javascript权威指南》一个经典的函数表达式的定义方法：//函数表达式的原创 2015-05-07 21:41:19 · 8606 阅读 · 1 评论 -
兼容IE9以下和非IE浏览器的原生js事件绑定函数
事件绑定函数的demo如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta charset="UTF-8"/> <title>测试事件绑定函数</title> <s原创 2015-05-12 23:41:14 · 9845 阅读 · 3 评论 -
【从0到1学Web前端】jQuery中each()和$.each()的使用
引子：最近遇到一个问题，就是在each()函数中怎么模拟for循环中的break和continue的操作。所以就查看了jQuery关于这个函数的文档，并且总结一下。演示代码如下：<div> <ul> <li>你是第1个</li> <li>你是第2个</li> <li>你是第3个</li>原创 2015-05-25 19:43:14 · 3321 阅读 · 0 评论 -
【从0到1学Web前端】CSS伪类和伪元素
在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。原创 2015-06-02 22:29:17 · 2936 阅读 · 0 评论 -
【javascript数据结构】----数组
javascript中对数组的定义 数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性，索引可以是整数。这些数字索引在内部被转换成字符串类型。这是因为javascript对象中的属性名必须是字符串。数组在javascript中只是一种特殊的对象，效率上没有其它语言数组的效率高。1.1创建数组的方式//初始化数组以下的两种声明方式相同console.log('-----数组的声明方式--原创 2015-05-24 10:31:11 · 3296 阅读 · 0 评论 -
【从0到1学Web前端】CSS定位问题三(相对定位,绝对定位)
到这里可以验证当使用`top` `right` `bottom` `left` ***（这四个属性可以设置具体的像素数也可以设置百分比）***这样属性改变元素的位置的时候，不会影响其他元素的位置。而使用`margin` 这样的属性改变元素的位置会影响其他元素的位原创 2015-05-29 23:01:19 · 8153 阅读 · 1 评论 -
【从0到1学Web前端】CSS定位问题二（float和display的使用）
display 属性规定元素应该生成的框的类型。 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。浏览器支持 所有主流浏览器都支持 display 属性。 注释：任何版本的原创 2015-05-28 22:03:07 · 2940 阅读 · 1 评论 -
【从0到1学Web前端】CSS定位问题一(盒模型,浮动,BFC)
引子：在谈到css定位问题的时候先来看一个小问题: 已知宽度(假如:100px)div框,水平居中,左右两百年的分别使用div框填充.且左右div自适应.效果如下图: 这个问题的难点主要是浏览器宽度未知,且两边div自适应宽度.第一种实现方法,是借助css3的新属性calc,实现代码如下:body { margin: 0; padding: 0;原创 2015-05-27 22:24:57 · 3928 阅读 · 1 评论 -
CSS_Spirte实现原理
CSS Spirte就是所谓的把很多的小图标合并成一张大的图片，然后使用CSS的background-position属性，来动态的定位自己需要图标的位置。这样做的目的主要是减少HTTP请求，加快网页的加载速度。图片需要的结果：多余的话就不多说了具体的实现都已经写在了代码中，并且对于重点都进行了注释。如果有问题可以留言哈！ css_spirte div u原创 2015-04-28 22:58:48 · 1992 阅读 · 0 评论 -
前端知识概述----公司内部的一次分享
因为公司内部一个纯后端团队要做一些适合自己团队的web页面，所以就有了这次分享。知识都是很基础，有的知识也只是做了解简单介绍。主要是想让大家对前端有一个基本的了解。现在做一个总结。欢迎大家拍砖。原创 2015-04-16 21:24:47 · 8099 阅读 · 2 评论