陪你上房揭瓦-CSDN博客

原创 jQuery源码阅读心得（一）自调用匿名函数

自调用匿名函数jQuery最外层是一个匿名函数（function(window,undefined){ statements;}）(window);这样这个匿名函数就能自动运行调用window，而且window成了这个匿名函数的局部变量；根据javascript作用链的原理，当jQuery在调用window的时候就不用到上层作用域中去寻找，就能更快的得到window；

2016-11-23 16:51:27 305

原创 angular中$watch的简单使用

$watch的用法$watch是$scope中的一个函数，作用是用来监听模型中值的变化，当值发生变化时候，他就会运行相应的函数$scope.$watch(watchExpresssion,listener,flag)1 watchExpression是监听的对象2 listener是监听函数，当watchExpression发生变化的时候运行；他有两个参数old和now；function

2016-11-22 15:52:06 1271

原创 git学习

GIT什么是GIT是一个源代码管理工具在一个项目中，凡是由开发人员编写的都算是源代码让源代码可以被追溯，主要记录每次变更了什么，谁主导这次变化安装GITGIT命令操作初始化一个本地GIT仓储 cd 当前项目目录 git init // 初始化一个本地的仓库查看本地仓储的变更状态 git status 用于查看本地仓储的状态git status -s // -s 是输出简要的变更

2016-11-22 10:12:38 266

1 安装 Node2 创建项目创建项目文件夹进入项目文件夹初始化项目使用npm命令:npm init,根据提示完成。3 安装 Gulp进入项目文件夹,使用Node的包管理命令npm进行安装.全局安装npm install -g gulp项目依赖中安装npm install –save-dev gulp创建Gulp配置文件在项目根目录新建配置文件gulpfile.js设置配置信息以常见的Gulp插件为

2016-11-21 21:30:48 228

原创第一个应用（Node）

创建服务器：服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。//创建一个http服务器var http = require("http");接收请求与响应请求服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据。var server = http.createServer(function(request,respo

2016-11-21 19:30:17 246

原创 JS面向对象（二）------------创建对象

1 工厂模式用函数封装对象例子： function createPerson(name,age){ var o = new Object(); o.name = name; o.age = age; o.sayName = function(){

2016-11-16 18:17:22 203

原创 JS面向对象（一）-----------理解对象

JS面向对象（一）———–理解对象1 属性类型 1.1 数据属性 [[Configurable]] 表示是否能是同delete删除 [[Enumerable]] 是否能通过for-in循环 [[Writable]] 能否修改属性的值 [[value]] 这个属性的数据值

2016-11-16 17:04:39 360

原创 myFocus插件制作焦点轮播图

第一步引入myFocus 的js文件注意要把你的风格文件放在myFocus库文件目录下的mf-pattern目录内，即可实现自动引入机制。第二步创建myFocus标准的html结构，并填充你的内容第三步在js文件之后调用函数//你可以简单的调用

2016-11-15 15:17:13 500

原创清除浮动

我们常常用于使用了float css样式后产生浮动，最常用是使用clear:both清除浮动。比如一个大对象内有2个小对象使用了css float样式为了避免产生浮动，大对象背景或边框不能正确显示，这个时候我们就需要clear:both清除浮动。1、clear语法：clear : none | left|right| both 2、clear参数值说明：

2016-11-15 10:15:34 212

原创盒子模型

.box1{ width: 100px; height: 100px; margin: 100px 200px; border: 1px solid red; padding: 100px 200px; } .box2{ width: 100px; height: 100px; margin: 100px 200px;

2016-11-15 09:48:26 222

原创 flex学习笔记

一 Flexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。二属性 1 display:flex | inline-flex;(用于父元素) 2 flex-direction（适用于父元素） :row 从左向右排

2016-11-07 15:46:00 1272

原创 box-sizing：border-boxing；第一次使用

1 当一个div设置box-sizing之前.box { margin-top: 200px; margin-left: 200px; background-color: black; width: 200px; height: 200px; border: 10px solid red; }效果是这样的2 当一个div设置box-sizing之后

2016-11-07 14:14:11 1955 1

原创 AngularJS学习笔记

一 Angular表达式姓名： {{ firstName + ” ” + lastName }} <div ng-app="" ng-init="firstName='John';lastName='Doe'"> <p>姓名： <span ng-bind="firstName + ' ' + lastNa

2016-11-06 21:02:33 436

原创做练习中学到的和复习的css内容

今下午和晚上做百度前端技术学院第六个题学到的和复习的东西（地址：http://ife.baidu.com/task/detail?taskId=6）1text-delaration属性 none:没装饰underline：下划线overline：上画线line-through:线横穿字2 文字环绕图片（三面）img{ float:left; pa

2016-11-04 19:51:52 217

原创 CSS实现一侧宽度自适应，一侧为固定宽度

在百度前端技术学院遇到的问题，“页面右侧部分为固定宽度，左侧保持与浏览器窗口变化同步自适应变化”不少网站都是这样的两列式布局，屏幕比较宽，如果全屏只有一列，看起来会比较累；两列式布局，可以让内容一列占较多的空间，并为固定宽度；其他导航或推荐的内容为自适应列；实现方式：固定宽度的一列用position:absolute;定位好；然后自适应的一侧用margin进行定位；#le

2016-11-04 14:56:05 471

原创 position学习一种让元素上下和左右居中的方式

一 position属性1 absolute绝对定位相对于上一级的父元素进行定位，通过“top”，‘right’，‘bottom’，‘left’进行定位；2 fixed 固定定位相对于浏览器边界进行定位，通过“top”，‘right’，‘bottom’，‘left’进行定位； 3 relative 相对定位相对于该元素本来应该在的位置进行定位，通过“top

2016-11-03 19:51:41 4124