摘要: 研究样本 一个月前去了css开发者大会,听到了手淘的自适应方案,想起之前一直就想了解ml.js到底干了什么事。回来仔细研究了一下,抱着好奇心一并看了同样类型的网站的方案,深入学习一下。 研究结论 获取手机dpr(window.devicePixelRatio),动态生成viewport。 换取手机宽 阅读全文
posted @ 2016-10-07 13:11 Christal_11 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-s 阅读全文
posted @ 2016-10-07 13:10 Christal_11 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 之前在看一些css3效果demo的时候,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,当然这也有可能包含了coder个人的习惯或是强迫性>"<,比如下面这两种: 带前缀的排列应该只是为了整齐吧(还是代表了对浏览器的 阅读全文
posted @ 2016-09-18 18:56 Christal_11 阅读(280) 评论(0) 推荐(0) 编辑
摘要: hasLayout与BFC是分别在IE和其他浏览器上的两个作用很相近的概念,在很多时候,我们需要触发它们去实现有些效果。例如清除浮动时需要触发hasLayout与BFC;很多自适应的两栏和三栏布局(两边固定宽度,中间自适应)需要触发hasLayout与BFC;很多奇形怪状的IE bug的解决需要触发 阅读全文
posted @ 2016-09-18 18:28 Christal_11 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page. 阅读全文
posted @ 2016-09-14 16:43 Christal_11 阅读(104) 评论(0) 推荐(0) 编辑
摘要: js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承有以下通用的几种方式1.使用对象冒充实现继承(该种实现方式可以实现多继承)实现原理:让父类的构造函数成为子类的方法,然后调用该子类的方法,通过this关键 阅读全文
posted @ 2016-09-14 16:01 Christal_11 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 了解js的都知道, 有个typeof 用来判断各种数据类型,有两种写法:typeof xxx ,typeof(xxx) 如下实例: typeof 2 输出 number typeof null 输出 object typeof {} 输出 object typeof [] 输出 object typ 阅读全文
posted @ 2016-09-14 15:44 Christal_11 阅读(117) 评论(0) 推荐(0) 编辑
摘要: hasOwnProperty()函数用于指示一个对象自身(不包括原型链)是否具有指定名称的属性。如果有,返回true,否则返回false。 该方法属于Object对象,由于所有的对象都"继承"了Object的对象实例,因此几乎所有的实例对象都可以使用该方法。 IE 5.5+、FireFox、Chro 阅读全文
posted @ 2016-08-26 12:48 Christal_11 阅读(163) 评论(0) 推荐(0) 编辑
摘要: AngularJS中的controller是个函数,用来向视图的作用域($scope)添加额外的功能,我们用它来给作用域对象设置初始状态,并添加自定义行为。 当我们在创建新的控制器时,angularJS会帮我们生成并传递一个新的$scope对象给这个controller,在angularJS应用的中 阅读全文
posted @ 2016-08-26 12:07 Christal_11 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 前言 Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程,其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解 阅读全文
posted @ 2016-08-16 19:26 Christal_11 阅读(324) 评论(0) 推荐(0) 编辑