2016 年 8月随笔档案 - youyi2016

摘要：阅读全文

posted @ 2016-08-25 16:12 youyi2016 阅读(128) 评论(0) 推荐(0)

摘要：一、angularJs中的简单服务应用下面的例子让我们明白在AngularJs中如何去调用文件中的数据,从而将文件中的数据显示在页面上;改变url的地址,也可以去调用后台接口. 实例： http.js data.json: html运行结果：二、创建自定义服务(我们自己的服务) 明白两点： 1. 阅读全文

posted @ 2016-08-22 17:02 youyi2016 阅读(260) 评论(0) 推荐(0)

AngularJs中的directives（指令part1）

摘要：一、指令的职责指令的职责是修改DOM结构，并将作用域和DOM连接起来.即指令既要操作DOM，将作用域内的数据绑定到DOM节点上，又要为DOM绑定事件调用作用域内的对应的方法。二、创建自定义指令调用自定义指令的4种方式：元素、属性、样式类、注释. 常用的是前两种,实例如下： js代码：测试结果阅读全文

posted @ 2016-08-20 22:38 youyi2016 阅读(358) 评论(0) 推荐(0)

AngularJs之$scope对象（作用域）

摘要：一、作用域 AngularJs中的$scope对象是模板的域模型,也称为作用域实例.通过为其属性赋值,可以传递数据给模板渲染. 每个$scope都是Scope类的实例,Scope类有很多方法,用于控制作用域的生命周期、提供事件传播功能,以及支持模板的渲染等. AngularJs的每个应用程序都有一个阅读全文

posted @ 2016-08-19 21:00 youyi2016 阅读(5857) 评论(0) 推荐(0)

<<编写可维护的JavaScript>>之避免使用全局变量

摘要：一、避免全局变量的理由 js中避免创建全局变量一是避免命名冲突，二是避免因为创建全局变量让代码变得脆弱，三是创建全局变量会让代码难以测试。二、避免创建全局变量的几种方法阅读全文

posted @ 2016-08-19 19:37 youyi2016 阅读(233) 评论(0) 推荐(0)

JavaScript中的继承模式总结（九）

摘要：一、总结： es6中通过extends实现继承 es5和es6实现继承的区别：es5主要是先创建子类的实例对象的this，然后再将父类方法添加到this上；而es6相反，所以在子类构造函数中必须先调用super，将父类实例对象的属性和方法添加到this上，然后再用子类的构造函数修改this。阅读全文

posted @ 2016-08-18 15:56 youyi2016 阅读(267) 评论(0) 推荐(0)

JavaScript中的继承（原型链）

摘要：一、原型链 ECMAScript中将原型链作为实现继承的主要方法,基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法. 实例1：原理分析： javascript中继承的原理是通过原型让一个引用类型继承另一个引用类型的属性和方法,当一个原型对象等于一个引用类型的实例(就如同将一个对象赋值阅读全文

posted @ 2016-08-16 21:08 youyi2016 阅读(474) 评论(0) 推荐(0)

Javascript中函数的四种调用方式

摘要：一、Javascript中函数的几个基本知识点： 1.函数的名字只是一个指向函数的指针,所以即使在不同的执行环境,即不同对象调用这个函数，这个函数指向的仍然是同一个函数。 2.函数中有两个特殊的内部属性：arguments和this. arguments主要是用来保存函数参数,arguments中的阅读全文

posted @ 2016-08-15 21:47 youyi2016 阅读(6468) 评论(0) 推荐(0)

apply()和call()的区别

摘要：这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值. apply()接收两个参数：一个参数是在其中运行的作用域,另一个是参数数组(可以是Array实例,也可以是arguments对象). 实例： call()方法,第一个参数和apply()一样,是在其中运行的作用域阅读全文

posted @ 2016-08-15 17:34 youyi2016 阅读(1766) 评论(0) 推荐(0)

在mui中遇到的内容覆盖导航栏的问题

摘要：一、问题描述：公司项目中为了让内容以页面的形式显示，并要格式化页面内容，采用了百度的UEditor编辑器来显示内容，但是遇到了一个问题就是当下拉页面到一定距离之后，页面上方的导航栏会被内容遮盖。二、解决办法：将导航栏（mui头部）的z-index的值设置成大于内容区域（UE编辑器）的z-ind 阅读全文

posted @ 2016-08-12 20:05 youyi2016 阅读(2144) 评论(0) 推荐(0)

相等（==）运算符和等同（===）运算符之间的区别

摘要：一、了解js中的数据类型： js的数据类型可以分为2大类，即基本数据类型和引用类型。基础数据类型分为：undefined、null、String类型、Number类型、Boolean类型。引用类型：object类型（大多数的引用类型都是object的实例，常用的引用类型有：Array（数组）、D 阅读全文

posted @ 2016-08-11 21:29 youyi2016 阅读(1126) 评论(0) 推荐(0)

理解Javascript参数中的arguments对象

摘要：ECMAScript中函数没有标签名的特性，所以ECMAScript函数中没有重载。 Javascript中arguments的存在可以弥补javascript中函数没有重载的不足。 Javascript中函数中的参数是以数组的形式保存的，所以在JavaScript中调用函数给函数传递的参数时，不会阅读全文

posted @ 2016-08-11 21:14 youyi2016 阅读(4147) 评论(0) 推荐(0)

Javascript之类型检测（一）

摘要：js中有7种内置类型，这7种类型又分为2大类：基本数据类型和对象（object）一、检测原始（基本数据：字符串、数字、布尔、null、undefined、symbol）类型。用typeof检测原始类型： 1.对于字符串，typeof返回"string"; 2.对于数字，typeof返回"numb 阅读全文

posted @ 2016-08-10 13:45 youyi2016 阅读(676) 评论(0) 推荐(0)

理解javascript中的原型模式

摘要：一、为什么要用原型模式。早期采用工厂模式或构造函数模式的缺点： 1.工厂模式：函数creatPerson根据接受的参数来构建一个包含所有必要信息的person对象，这个函数可以被无数次的调用，工厂模式尽管解决了创建多个相似对象的问题，却没有解决对象识别的问题（返回的是自定义的一个对象o，不明确对象阅读全文

posted @ 2016-08-09 21:34 youyi2016 阅读(1981) 评论(0) 推荐(2)

Node.js学习笔记

摘要：一、node.js初步了解（word笔记地址：http://wenku.baidu.com/view/eda94ec467ec102de3bd89e3） 1.node的安装：http://www.runoob.com/nodejs/nodejs-install-setup.html 2.Node.j 阅读全文

posted @ 2016-08-06 15:30 youyi2016 阅读(277) 评论(0) 推荐(0)

瀑布流布局

摘要：一、总结：首先是分清楚设计稿的结构，下面瀑布流布局首先是将容器分出三个有固定宽度的div，第一列多张图片的横向排列采用inline-block布局的方式，但是三列的横向显示只采用inline-block的布局方式，这里不是很尽如人意。后面两列还结合了position的方式定位才达到理想的效果。刚开阅读全文

posted @ 2016-08-05 22:16 youyi2016 阅读(1325) 评论(0) 推荐(0)

关于css中列表（ul ol）存在默认间距的问题

摘要：一、总结：有时候我们要给列表（ul ol 本身就是属于块级元素）的上表框或下边框设置颜色，如下：但是在给内联块级元素（inline-block）的上表框或下边框设置颜色的时候，就没有这么简单：在前辈的博客中了解到：ul或ol中的li与li之间之所以会有间隙，是因为空白符引起的。因为我们一般都阅读全文

posted @ 2016-08-05 14:42 youyi2016 阅读(7893) 评论(0) 推荐(0)

css布局实践总结（part2）

摘要：一、总结: 在第一篇css布局实践心得总结中总结了通过给元素设置position：absolute的方式让元素处在BFC（块级格式化上下文）的环境中，处在BFC环境中的元素是独立的，它和外面其他元素毫无关系。今天很兴奋的是实践到了通过将元素设置成inline-block的方式让元素处在BFC的环境阅读全文

posted @ 2016-08-03 22:17 youyi2016 阅读(233) 评论(0) 推荐(0)

line-height让文本在块级元素中居中显示总结

摘要：一、总结： line-height不仅可以用在段落文本中控制行与行之间的间距，还可以用来控制文本在li这种块级元素中的位置。文本行间距的大小由字体的大小决定,行间距的大小的设置方法有5种方式：关于line-height的详细讲解可以参考沁园春的博客：深入了解css的行高Line Height属性阅读全文

posted @ 2016-08-03 21:38 youyi2016 阅读(409) 评论(0) 推荐(0)

Una

公告

08 2016 档案