自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 问答 (1)
  • 收藏
  • 关注

原创 jquery使用、遍历元素

首先使用注意: 别忘记写入口函数!$(document).ready(function(){ //代码});//或者简写如下$(function(){ //代码});parent() 方法$(document).ready(function(){ $("span").parent();});parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM

2017-12-09 15:26:17 382

原创 HTML5——拖拽,地理定位,web存储,缓存

多媒体方法:load()加载

2017-12-05 20:17:52 646

原创 HTML5——语义化表单多媒体DOM扩展

HTML5定义了一系列新元素,如新语义标签、智能表单、多媒体标签等,可以帮助开发者创建富互联网应用,还提供了一些Javascript API,如地理定位、重力感应、硬件访问等,可以在浏览器内实现类原生应用,甚至结合Canvas我们可开发网页版游

2017-12-05 19:14:47 348

原创 闭包

定义闭包是指有权访问另一个函数作用域中的变量的函数。 当在函数内部定义了其他函数时,就创建了闭包。要理解闭包,就要理解变量的作用域,闭包的原理就是作用域的访问原则。函数内部可以访问外部变量和自身,但外部无法对其函数内部进行访问。但有时我们需要得到内部的变量,怎么办? 在函数内部再定义一个函数。 function f1(){    var a=123;    function f2(){

2017-12-05 15:05:29 160

原创 正则表达式

定义正则表达式,又称正规表示式、正规表示法、正规表达式、规则表达式、常规表示法(英语:Regular Expression,在代码中常简写为regex、regexp或RE),是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。在很多文本编辑器里,正则表达式通常被用来检索、替换那些匹配某个模式的文本。 通过构造函数定义 var 变量名= new RegExp(

2017-12-04 21:15:12 193

原创 css3-媒体查询flex布局

媒体查询媒体查询包含一个可选的媒体类型和,满足CSS3规范的条件下,包含零个或多个表达式,这些表达式描述了媒体特征,最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型,并且所有的表达式的值都是true,那么该媒体查询的结果为true.<!-- link元素中的CSS媒体查询 --><link rel="stylesheet" media="(max-wid

2017-12-02 13:24:21 904

原创 css3-颜色背景盒模型

颜色 rgba(255,0,0,0.1)新增了RGBA、HSLA模式,其中的A 表示透明度通道,即可以设置颜色值的透明度,相较opacity,它们不具有继承性,即不会影响子元素的透明度。 A 透明度 取值范围0~1背景背景在CSS3中也得到很大程度的增强,比如背景图片尺寸、背景裁切区域、背景定位参照点、多重背景等。background-size: length|percentage|cover|c

2017-12-02 11:44:39 877

原创 css3-边框圆角阴影渐变

css3坚持渐进增强原则。相对的是优雅降级原则css3中新增特性包括很多,如选择器,盒模型,背景和边框,文字特效,2D/3D转换,动画,多列布局。圆角 border

2017-12-01 21:23:51 3044

原创 jsonp

JSONP(JSON with Padding)是数据格式JSON的一种“使用模式”,可以让网页从别的网域要数据。基于安全考虑,浏览器是存在同源策略的。所谓同源是指,域名,协议,端口相同。所以就存在着跨域问题。原理 基于src属性是支持跨域的特性,jsonp就是利用其来解决跨域问题,用script标签。先定义了一个回调方法,然后将其当作url参数的一部分发送到服务端,服务端通过字符串拼接的

2017-12-01 16:25:26 111

原创 豆瓣项目的思路总结

failed https angularjs run php

2017-11-30 19:53:18 572

原创 angularJS——jquery.bower

jQuery在没有引入jQuery的前提下AngularJS实现了简版的jQuery Lite,通过angular.element不能选择元素,但可以将一个DOM元素转成jQuery对象,如果提前引入了jQuery则angular.element则完全等于jQuery。

2017-11-27 11:27:45 160

原创 angularJS——路由

一个应用是由若个视图组合而成的,根据不同的业务逻辑展示给用户不同的视图,路由则是实现这一功能的关键。SPA(Single Page Application)指的是通单一页面展示所有功能,通过Ajax动态获取数据然后进行实时渲染,结合CSS3动画模仿原生App交互,然后再进行打包(使用工具把Web应用包一个壳,这个壳本质上是浏览器)变成一个“原生”应用。

2017-11-27 11:15:33 212

原创 angularJS——模块加载

AngularJS模块可以在被加载和执行之前对其自身进行配置。作用就是我们可以在应用的加载阶段配置不同的逻辑。9.1配置块 1、通过config方法实现对模块的配置,AngularJS中的服务大部分都对应一个“provider”,用来执行与对应服务相同的功能或对其进行配置。 比如log、log、http、location都是内置服务,相对应的“provider”分别是location都是内置服务

2017-11-26 20:47:39 485

原创 angularJS(三)内置服务

服务服务是一个对象或函数,对外提供特定的功能。 1.内置服务 1、$location是对原生Javascript中location对象属性和方法的封装。 app.controller('demoController',['$scope','$location',function($scope,$location){ //绝对路径 $scope.absUrl = $locati

2017-11-25 21:24:53 586

原创 AngularJS(二)

作用域通常AngularJS中应用(App)是由若干个视图(View)组合成而成的,而视图(View)又都是HTML元素,并且HTML元素是可以互相嵌套的,另一方面视图都隶属于某个控制器(Controller),进而控制器之间也必然会产生嵌套关系。 每个控制器(Controller)又都对应一个模型(Model)也就是scope对象,不同层级控制器(Controller)下的scope对象,不同层

2017-11-25 12:53:49 142

原创 AngularJS

AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。MVC Model模型:一般用来处理数据(读取/设置),一般指操作数据库。 View视觉:一般用来展示数据,比如通过HTML展示。 Controller控制器:一般用做连接模型和视图的桥梁。定义模块 A

2017-11-22 22:10:27 171

原创 git的使用

Git工作原理Git管理我们文件的3种状态,分别是已提交(committed)、已修改(modified)和已暂存(staged),由此引入 Git 项目的三个工作区域的概念:Git 仓库、工作目录以及暂存区域。 Git仓库目录是Git用来保存项目的元数据和对象数据库的地方。 这是Git 中最重要的部分,从其它计算机克隆仓库时,拷贝的就是这里的数据。 工作目录是对项目的某个版本独立提取出来的

2017-11-19 21:40:30 149

原创 css选择器

1.nth-child 先找父元素在找指定的那个标签。p:nth-child(2)选择属于其父元素的第二个子元素的每个 元素。2.nth-last-childp:nth-last-child(2)和nth-child用法一致,只是nth-child是从第一个开始计数,而nth-last-child是从倒数第一个开始计数的。3.nth-of-typep:nth-

2017-11-17 21:19:39 204

原创 transform 和transition

做网页时候发现自己对transform,transition,translate概念搞混,好记性不如烂笔头,写下来加深印象。transform(变形) w3c定义是:transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 有很多值: translate(x,y)定义2D转换。 rotate(angle)定义2D旋转的角度。 scale(x

2017-11-16 19:10:12 559

原创 tab栏切换

做慕课的js练习时发现已经遗忘了之前的知识点,拿出来复习。 一个简单的tab栏切换小练习。html部分<div class="box"> <div class="top"> <ul> <li>房产</li> <li>家居</li> <li>二手房</li> </ul> </div

2017-11-15 20:59:19 157

原创 setTimeout()和setInterval()

在做网页时,想实现循环效果时,发现对这两个有模糊。于是查资料。w3c的定义 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInter

2017-11-15 20:52:05 121

原创 DOM属性

第4章的知识点,是想做一个图片库网页,点击链接会切换图片显示并且title属性也会随之而变。1.*childNodes* 1.1 可以用来获取任何一个元素的所有子元素,它是一个包含这个元素全部子元素的数组。element.childNodes1.2.包含所有类型的节点,不仅仅是元素节点。2.nodeTypenode.nodeType元素节点的nodeType属性值是1. 属性节点的nod

2017-11-14 21:34:14 158

原创 一些测试错题

如何获得客户端浏览器的名称? navigator.appName 如何编写当 i 等于 5 时执行一些语句的条件语句? if (i==5) 圆括号是必须的!如何在浏览器的状态栏放入一条消息? window.status = “put your message here” HTML5 中不再支持下面哪个元素? 以及 在 HTML5 中,contextmenu 和 spellche

2017-11-11 21:35:42 183

原创 DOM

DOM: document object modelJavaScript里的对象可以分为三种类型。用户定义对象。内建对象,如Array、Math和Date等。宿主对象:由浏览器提供的对象。节点整个文档是一个文档节点。 元素节点:每个 XML 标签是一个元素节点。 文本节点:包含在 XML 元素中的文本是文本节点。 属性节点:每一个 XML 属性是一个属性节点。 注释属于注释节点

2017-11-11 15:12:46 840

原创 JavaScript语法

《JS DOM编程技术》注释建议变量数据类型if语句

2017-11-09 21:43:47 210

原创 FCC中ajax部分的天气预报

Ajax,api

2017-11-08 21:28:37 180

转载 前端必须要懂的浏览器缓存机制

前端必须要懂的浏览器缓存机制

2017-11-08 10:39:30 11736

原创 eval()和Function

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 一种为使用eval()函数。 使用Function对象来进行返回解析。 eval() 1.函数接受一个参数string,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。否则执行string语句。如果执行结果是一个值则返回此值,否则返回undefined。 2.使用eval来解析JSON格式字符串的时

2017-10-30 23:28:18 2097

原创 JS的一些基础知识

组成部分 基本类型值、引用类型值

2017-10-30 22:51:08 140

原创 作用域

变量提升 作用域 函数提升

2017-10-30 17:00:39 217

原创 原型

JS所有的函数都有一个prototype属性,这个prototype的属性值是一个对象,即原型。这个函数包括构造函数和普通函数,我们讲的更多是构造函数的原型。构造函数 1.构造函数通常用来初始化对象(给对象新增成员),用new关键字创建对象。作为构造函数时首字母要大写! 2.把新创建出来的对象赋值给构造函数内的this,用它来新增成员。 3.默认会返回新创建的这个对象(普通的函数,如果不写返回

2017-10-29 22:35:21 238

原创 display

inline block line-block none

2017-10-29 10:21:10 275

原创 float以及清除

浮动的基础作用 就是让文本环绕图片。包裹性 设置了float之后,其宽度会自动调整为包裹住内容宽度,而不是撑满整个父容器。display样式是没有变化的,还是block。破坏性 使用float的图片会无法与文字在同一行显示,并且高度为0,所以会造成父元素高度的塌陷,因此就要清除浮动。 浮动元素和绝对定位元素相比,区别在于绝对定位的元素脱离了文档流,而浮动元素依旧在文档流中。清除float

2017-10-28 22:35:49 260

原创 position属性

position是设置元素的定位方式。有四个可选属性。1.static (静态定位)是默认值。 2.relative 相对定位,相对于自己的位置偏移。不会影响其他元素的位置、大小的变化。 3.absolute 绝对定位,相对于非static(也就是说是relative/absolute/fixed三者之一)最近的父级元素。 元素的位置可以通过left、right、top、bott

2017-10-28 18:35:09 756

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除