老贝V5-CSDN博客

原创 CSS学习笔记——CSS中定位的浮动float

昨天在解决了盒模型的问题之后又出现了新的知识模糊点：浮动和绝对定位？今天先解决浮动相关的问题，首先列举出想要解决的问题：1.浮动到底是怎么样的？2.浮动对元素的影响有什么？2.浮动主要用来干什么？第一个问题：浮动到底是怎么样的？我个人的理解是HTML文件就像是一个方形的水槽，它在浏览器中加载的过程就好比是向水槽中放水，而这些水就代表的是页面中的各个元素，他们都是有顺

2016-01-09 16:34:05 490

原创 CSS学习笔记——盒模型，块级元素和行内元素的区别和区别

今天本来打算根据自己的计划进行前端自动化的学习的，无奈早上接到一个任务需求需要新增一个页面。自从因为工作需要转前端之后，自己的主要注意力几乎都放在JavaScript上面了，对CSS和HTML这方面其实基础真的很差，今天在写页面的时候就被浮动啊、内外边距啊这些耽误了不少时间。反思一下，自己确实在这些基础方面的不足很多，所以今后的学习笔记主要是我在工作中遇到的一些问题和他们的解决方法。其中可能中

2016-01-08 17:51:49 802

原创前端自动化学习笔记（一）——Yeoman,bower,Grunt的安装

最近看视频学习了前端自动化的一些知识，确实让我大开眼界。感觉前端越来越神器了。同时跟着视频自己也尝试运用了一些工具去构建前端项目，但是中间遇见了很多坑，磕磕绊绊的才实现了一点功能，所以打算记录一下学习过程中的笔记。首先列举一下关键词：NodeJS、Git、Yeoman、bower、Grunt。其中NodeJS作为核心，在它的基础上我们可以利用Yeoman、bower、Grunt这三个前端工具实

2016-01-07 15:34:54 798

原创 JavaScript阻止事件冒泡

今天在自学敲代码的时候发现了一个问题，当时的例子如下： Title #div1{ height: 200px; width: 200px; background-color: #3b7796; } #btn{ margin: 50px; } function fn1

2016-01-05 18:51:14 306

原创 JavaScript事件处理程序学习笔记

我一直认为Javascript的特点就是在和用户交互的过程中可以进行一些操作，那么事件作为用户交互的主要部分就显得特别重要，今天先学习了JS事件处理程序的相关内容。首先，要明白Javascript 事件处理程序一共有三种：1.HTML事件处理程序2.DOM0级事件处理程序3.DOM2级事件处理程序1.HTML事件处理程序btn2根据它的名字就可以猜到

2016-01-04 19:09:57 270

转载 Js闭包的用途

我们来看看闭包的用途。事实上，通过使用闭包，我们可以做很多事情。比如模拟面向对象的代码风格；更优雅，更简洁的表达出代码；在某些方面提升代码的执行效率。1 匿名自执行函数我们知道所有的变量，如果不加上var关键字，则默认的会添加到全局对象的属性上去，这样的临时变量加入全局对象有很多坏处，比如：别的函数可能误用这些变量；造成全局对象过于庞大，影响访问速度(因为变量的取值是需要从原型

2016-01-04 15:44:46 323

原创 JavaScript 中关于 this 的学习笔记

今天上午主要学习了js中的 this ,因为之前学习面向对象时，this这个东西出现的还是很频繁的，理解的很不透彻，感觉老被JAVA的思想带进坑里，所以对它特别关注。首先贴一个大神的一篇博客，我是通过这篇博客对this的认识和了解有了很大的提升，下面是传送门foocoder----详解JavaScript中的this首先，解释一下this到底是个什么东西。我找到的解释是

2015-12-31 11:18:05 309

原创分享一个通过面向对象方式完成的拖拽功能

研究了两天的JS面向对象了，然后根据视频完成了一个简单的拖拽功能。下面的代码其实很简单，唯一需要注意的就是 this ，感觉JS中的this还是很奇妙很有意思的，接下来学习就研究this指针好啦。下面是拖拽的代码Drag.jsfunction Drag(id){ var _this = this; this.divX = 0; this.d

2015-12-31 08:31:56 431

原创 javascript 面向对象的继承的实现

JavaScript 中的面向对象的初步认识上面这篇简单的记录了我对 JS面向对象实现的一点初步认识和了解，下面继续研究JS面向对象，实现继承和多态。之前的学习我了解到了：构造函数加属性，原型prototype加方法，这样就实现了JS的面向对象。所以当我们实现继承的时候，应该也分两部分：属性和方法。通过构造函数

2015-12-30 09:11:59 593

原创 JavaScript 中的面向对象的初步认识

我在学习JS的面向对象编程的时候，总是有一种奇怪的感觉。第一个原因就是：面向对象在JS中很少用到。。。。可能是目前自己做的项目还是比较简单，前端方面的任务我几乎都是用面向过程的方式写的，所以就导致，我啃了那么久的书，代码也跟着书上的例子敲了，但好像一点收获也没有，还是不知道JS的面向对象有什么用。当然，我知道是自己目光短浅。。因为JS可是像个单身很久的家伙一样一直强调“万物皆对象”

2015-12-29 18:38:36 524

老贝V5