- 浏览: 15098 次
- 性别:
最新评论
文章列表
学习css也有一段时间了,有些小小的知识点,感觉可以小小的聚记录一下。
一、ul 的 <li>标签的项目符号和文字处于中线位置
最开始我是这样写的
ul {
list-style : none;
}
ul li {
list-style-images : url ("images/image.png");
}
发现并没有什么用,项目符号为图片的时候,总是无法像默认的符号一样,和文字一起处于中线,后来发现为什么不可以作为背景呢
ul {
list ...
学习js就无法避免的要学习到闭包这个概念,而学习闭包之前理解好作用域和作用域链是很有帮助的。
作用域:
对于变量的作用域每个人都不会陌生,而根据作用域则有了所谓的全局变量和局部变量。
下面是一段代码:
function test (value) {
var i = 0 ;
if ( typeof (value) == "number"){
var j = 0 ;
for (var k = 0 ; k < 10 ; k ...
我们都知道网页的组成,其实就是好多标签有序有目的的组成的,那么我们如何动态的添加元素并且设置他的属性,我们可以用js来实现。
在这之前需要了解几个概念(w3c的定义):
节点:
...
最近总是用到json用来存取数据,所以去学习了一下json,没有很系统,一些很零碎的东西
一、首先来了解下概念
JSON: JavaScript对象表示法(JavaScript Object Notation)
JSON是存储和交换信息的语法。
JSON使用JavaScript语法来描述数据对象,但仍然独立于语言和平台。在文本格式上和创建JavaScript对象一样,也因为这中相似性,无需解析器,JavaScript能使用内建的eval()函数,用JSON数据来生成原声的Javascript对象。
二、JSON存储数据方式有这两种 ...
css定位属性(Positioning)允许对元素进行定位
css为定位和浮动提供了一些属性,利用这些属性可以建立列式布局,将布局的一部分和另一部分重叠。
css有三种基本的定位机制:普通流、浮动流、绝对定 ...
<img src="picture.jpg" width="104" height="142" />
学过一段时间后,竟然发现对html的标签不是那么熟悉,总结一下对待一些基础总是有这些不好的习惯,认为简单的不值一提。希望以此为戒。
一、html标签
1、html的标题Heading(<h1>-<h6>标签定义)
<h1>heading1</h1>
<h2>heading2</h2>
<h3>hea ...
前面说过web storage 这里在回顾一下
Web Storage实际上由两部分组成:sessionStorage与localStorage。
sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。
localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
localStorage的一些增删查改方法:
(1) : localStorage.getItem ...
对于遍历一个数组或对象已经不陌生了,而在angularjs中也是有遍历的方法,即ng-repeat指令。
一、遍历数组
直接给例子:
a:
<ul><li ng-repeat =' number in [1,2,3]'>{{number}}</li><ul>
这样输出的结果就是依次输出1,2 ,3
b:
<!DOCTYPE html>
<html lang="en" ng-app = "myapp" >
<head></head&g ...
(一) 在实际中浏览网页时我们经常会看到鼠标移动到某个元素的时候,这个元素的颜色会发生改变,那么这个功能又是如何实现的呢?
使用hover选择器,便可以方便的实现这个功能了。先来看一个例子:
<!DOCTYPE html>
<html>
<head>
<style>
a:hover
{
background-color:red;
}
</style>
</head>
<body>
<a href="http://www.baidu.com& ...
在前端的学习中总会遇到各种各样的问题,而且是越来越多你所没有想到的问题,但当你发现并用自己的努力成功解决的那一刻是那么的爽。所以,一定要坚持做下去,一定可以看到希望。
学习总是那样, ...
前面简单了解了一下AngularJs的基本指令和控制器的知识,今天来了解一下Angularjs的路由功能,实现页面的跳转。
实现页面跳转AngularJs有自带的模块ngRoute和基于ngRoute的ui-router。
一、ui-router
首先要先下载ui-router的包,在index.htem中引入js文件
然后在模块的依赖中引入
var routerApp = angular.module('routerApp', ['ui.router']);
ui-router的本质就是想我们预留的部分填充 ...
初涉Angular js,还有许多不懂的地方,初步将自己学到的东西记录下来,便于日后的学习。
一、Angular js简介
AngularJs是一个JavaScript框架。他是一个以JavaScript编写的库,通过指令扩展HTML,通过表达式绑定数据到HTML。
...
在前面学习的是js的面向对象中数据的封装。类方法和原型方法的一些区别,所以现在是面向对象的继承的几种方法:
有一个动物对象的构造函数
function Animal()
{
this.species = "动物";
}
有一个猫对象的构造函数
function Cat(name,color)
{
this.name = name;
this.color = color;
}
如何使猫继承动物呢
一:构造函数的绑定
使用call或者apply方法,将对象的构造函数绑定在子对象上,即在子对象的构造函数中加一行
...
随着学习的进行,不可避免的要学习使用面向对象的思想去解决问题,然而经过好多资料的查询都并没有很好的解决自己的问题,那些讲解很好理解,但是却不会熟练的运用到解决实际问题中。所以先把自己理解的一些东西做些总结记录。
javascript是一种基于原型的语言,要和java、c++等基于类的语言区分清楚,js只有对象。具有一种所谓的原型对象(prototypical object)的概念,原型作为一个模板,新的对象可以从中获取他的属性。任何对象都可以指定自身的属性,既可以创建时也可以在运行时创建。而且任何对象都可以作为另一个对象的原型,允许后面的对象共享前者的属性。
...
在学习过程中我们需要用到js的面向对象的编程,所以需要从头学起,整理一些js中面向对象的资料
Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,记录以下一些方法:
一、直接定义
我们把猫看成一个对象,他有名字和年龄两个属性
var Cat = {
name ...