2017年3月9日

BFC原理

摘要: 一、BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的 阅读全文

posted @ 2017-03-09 00:42 sjpqy 阅读(349) 评论(0) 推荐(0) 编辑

2017年3月8日

怎么理解js的面向对象编程

摘要: 面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装、继承、多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义JS中对象:无序属性的集合,其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值 阅读全文

posted @ 2017-03-08 08:49 sjpqy 阅读(18385) 评论(4) 推荐(8) 编辑

HTML移动端开发常见的兼容性总结

摘要: 1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了48032 阅读全文

posted @ 2017-03-08 00:09 sjpqy 阅读(15607) 评论(0) 推荐(0) 编辑

2017年3月7日

移动H5开发入门知识,CSS的单位汇总与用法

摘要: 说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了。然后随着手机的流行,web app和hybrid app的开发,都用到了css3技术,在css3中,新增了许多单位,rem、vw和vh、vmin和vma 阅读全文

posted @ 2017-03-07 00:04 sjpqy 阅读(1223) 评论(4) 推荐(6) 编辑

2017年3月5日

js 中的闭包

摘要: 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 Js代码 另一方面,在函数外部自然无法读取函数内的局部变量。 Js代码 这里有一个地方需要注意, 阅读全文

posted @ 2017-03-05 21:04 sjpqy 阅读(191) 评论(0) 推荐(0) 编辑

2017年3月4日

Canvas画椭圆的方法

摘要: 虽然标题是画椭圆,但是我们先来说说Canvas中的圆 相信大家对于Canvas画圆都不陌生 如上所示,直接调用API就可以了,但是计算机内部却是使用光栅学,利用bresenham算法画圆的,这个我们放到最后来说,先说说利用圆的参数方程画圆. r和2*Math.PI配合就是圆的精细程度,在半径为100 阅读全文

posted @ 2017-03-04 21:10 sjpqy 阅读(1103) 评论(0) 推荐(0) 编辑

js 封装原生ajax

摘要: jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿。这时我们就需要用原生JS写一个ajax函数了。其实所有框架的ajax函数都是基于原生来写的,只不过被封装到了他 阅读全文

posted @ 2017-03-04 10:34 sjpqy 阅读(278) 评论(0) 推荐(0) 编辑

2017年3月3日

ES6新特性

摘要: ES6新特性概览本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用。 ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了)。上一次标准的制订还是2 阅读全文

posted @ 2017-03-03 09:08 sjpqy 阅读(217) 评论(0) 推荐(0) 编辑

2017年3月2日

CSS Sprites (css精灵)

摘要: CSS Sprites CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载 阅读全文

posted @ 2017-03-02 08:25 sjpqy 阅读(183) 评论(0) 推荐(0) 编辑

标准盒子模型和IE盒子模型

摘要: 盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、conten 阅读全文

posted @ 2017-03-02 00:36 sjpqy 阅读(132) 评论(0) 推荐(0) 编辑

导航