2016年12月_summer_zmc

原创响应式开发

响应式开发1.响应式开发由来目前各个移动设备的大小参差不齐，针对每套设备制作一套页面，这样想法是不现实的，2010，提出了自适应网页设计这个名词，这是一种全新的设计理念制作一套页面，通过一些技术，让页面在pc端和移动端自动识别屏幕宽度，从而页面在各个设备上，都能显示成最佳的视觉效果2.页面实施只需要掌握以下四条规则，即可轻松实现响应式开发1】设置viewport视口:浏览器中页面的显示区域p

2016-12-30 22:34:56 355

原创 JavaScript中的字符串(String)的常用方法

var str='summer_zmc';[属性]length：这个属性是字符串中包含的字符串的个数；console.log(str.length);//10index：字符串也可以通过搜索来获取具体的某一个字符；for(var i=0;i<str.length;i++){ console.log(str[i]);//s u m m e r _ z m c}[方法]1）通过索引获取

2016-12-30 22:16:32 382

原创 CSS3(三)

CSS3核心模块transition 过渡动画transition-property 过渡属性 all|[attr]transition-duration 过渡时间transition-delay 延迟时间transition-timing-function 运动类型 ease：（逐渐变慢）默认值linear：（匀速）ease-in：(加速)ease-out：（减速）ease-

2016-12-30 20:23:37 362

原创 CSS3(二)

圆角 border-radiusborder-radius:1-4个数字/1-4个数字前面是水平半径，后面是垂直半径四个数字方向分别是：左上右上右下左下不给“/”则水平半径和垂直半径一样border-radius:10px/5px; border-radius:60px 40px 30px 20px /30px 20px 10px 5例子：椭圆半圆扇形 b

2016-12-26 00:20:26 336

转载阿里无线前端性能优化指南 (Pt.1 加载优化)

前言阿里无线前端团队在过去一年对所负责业务进行了全面的性能优化。以下是我们根据实际经验总结的优化指南，希望对大家有所帮助。第一部分仅包括数据加载期优化。图片控制对于网页特别是电商类页面来说，图片通常会占据了大量的视觉空间,是页面中最为重要的展现内容，并且占据网页传输字节的大部分。因此，对图片的优化是我们性能优化的重点。启用WebPWebP是一种支持有损压缩和无损压缩的图片文件格式，派生自

2016-12-24 23:08:39 333

原创 JavaScript中数组(Array)的常用方法

Array：数组是一个特殊的对象四个维度学习数组的方法 1.方法的作用 2.方法的参数 3.返回值 4.原有数组是否改变 var ary=[1,2,3,4]; console.log(ary);//[1,2,3,4]1）push( items ) ① 向数组的末尾添加项② 要增加的数组项(a,b)如果是多项用逗号隔开③ 返回数组的新长度

2016-12-23 23:30:51 326

原创 CSS3(一)

CSS3设计理念渐进增强 (progressive enhancement) : 开始只构建站点的最少特性,然后不断的针对浏览器追加功能优雅降级 (graceful degradation) : 开始就构建站点的完整功能,然后针对浏览器测试和修复CSS3选择器 div{ width: 400px; margin: 0 auto; borde

2016-12-22 23:53:36 308

原创 JavaScript中的数据类型

基本数据类型（5种）number(数字)boolean(布尔)string(字符串)nullundefined引用数据类型对象数据类型(object) : Array（数组）Object（对象）RegExp（正则）String（字符串）Date（事件类）···函数数据类型(function)JS中的内置对象：Array 数组，Boolean 布尔对象，Error

2016-12-21 22:42:56 444 1

原创总结：JavaScript中两个值进行比较需要遵循的原则

总结：JavaScript中两个值进行比较需要遵循的原则一个值判断真假 Boolean()，遵循 0,"",NAN,null,undefined为假(false)，其余都为真(true)。两个值进行比较的时候（指的是两个等号"=="，例如：val1==val2），等号两边都是不同的数据类型的时候才需要转化。对象 == 对象，永远不相等；对象 == 布尔，先将对象转化为字符串（调用[].to

2016-12-21 20:03:29 442

原创 WEB、WEB标准、W3C的理解

Web，web标准，w3c的简单认识与理解

2016-12-20 22:28:18 4002

summer_zmc的博客