2015年9月21日

js的调试和优化

摘要: 一、常见的错误和异常1、拼写错误拼写错误,可以有代码的高亮来发现。2、访问不存在的变量3、括号不匹配养成规范的编写习惯,适当应用Tab、空行等。4、字符串和变量链接错误采用多加括号来进行分离的办法解决。5、等号和赋值混淆二、错误处理1、用alert()和document()方法监视变量赋值2、用on... 阅读全文

posted @ 2015-09-21 15:45 商清逸 阅读(150) 评论(0) 推荐(0) 编辑

js语法之条件语句

摘要: 一、比较操作符比较操作符包括:等于(==)、大于(>)、大于等于(>=)、小于(<)、小于等于(<=)。 阅读全文

posted @ 2015-09-21 15:23 商清逸 阅读(156) 评论(0) 推荐(0) 编辑

2015年9月18日

inline-block 前世今生

摘要: http://www.iyunlu.com/view/css-xhtml/64.html(转) 阅读全文

posted @ 2015-09-18 10:44 商清逸 阅读(184) 评论(0) 推荐(0) 编辑

2015年9月17日

js动态引入的四种方式

摘要: http://blog.csdn.net/victormokai/article/details/8978747转载 阅读全文

posted @ 2015-09-17 17:22 商清逸 阅读(1100) 评论(0) 推荐(0) 编辑

canvas图片滚动

摘要: HTML5 Images Slider 阅读全文

posted @ 2015-09-17 15:46 商清逸 阅读(340) 评论(0) 推荐(0) 编辑

如何搞定界面设计之构图篇(转)

摘要: 人家设计得真好!”可是好在什么地方呢,却说不出来。这是阻挡你成为优秀设计师的一大障碍。设计是我们的本行,不会用设计语言来解构画面,是说不过去的。移动互联网设计发展到今天,有很多传统的设计规律可以遵循,也提出了新的挑战。因为手持设备屏幕较小,如何在有限的页面内呈现或引导有效信息,又不显得杂乱臃肿,考验... 阅读全文

posted @ 2015-09-17 15:05 商清逸 阅读(275) 评论(0) 推荐(0) 编辑

PT与PX区别

摘要: 字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢?先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点;pt就是point,是印刷行业常用单位,等于1/72英寸。这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可... 阅读全文

posted @ 2015-09-17 14:51 商清逸 阅读(18563) 评论(1) 推荐(1) 编辑

移动前端系列–移动端页面坑与排坑技巧

摘要: 移动端页面在不同设备、不同操作系统 、不同运行环境下都可能造成各种各样的没有碰到过的的坑,相比曾经的IE6坑多了。 阅读全文

posted @ 2015-09-17 14:33 商清逸 阅读(435) 评论(0) 推荐(0) 编辑

安卓、safari和微信各个浏览器的设计标准

摘要: 几乎市面上所有的浏览器标准 阅读全文

posted @ 2015-09-17 10:34 商清逸 阅读(248) 评论(0) 推荐(0) 编辑

2015年9月16日

肆、js的DOM模型

摘要: 一、网页中的dom模型框架1、dom中的3中节点:元素节点、文本节点、属性节点a.元素节点:html中的各种标签就是各个元素节点,元素节点可以包含其他元素,只有html根节点例外。b.文本节点:标签里面的文本内容就是文本节点,可以被包含在元素节点的内部。c.属性节点:页面元素的属性,属性节点总是被包... 阅读全文

posted @ 2015-09-16 14:56 商清逸 阅读(143) 评论(0) 推荐(0) 编辑

js表格隔行换色和hover效果

摘要: 姓名授权级别经销商手机号谈重海一级代理156230152416数据数据数据数据数据数据数据数据数据数据数据数据.table-tr-title{ font-weight:bold;height: 26px;font-size: 16px; font-family:"微软雅黑"; line-height... 阅读全文

posted @ 2015-09-16 11:51 商清逸 阅读(211) 评论(0) 推荐(0) 编辑

2015年9月15日

制作页面小结

摘要: 1、微信问题:因为微信的比网页多了一个头部,所以微信页面的高比其他的高多了80左右的像素。所以做微信的时候要考虑这点,另外微信屏蔽点击效果,所以做的时候,不要直接点击打开页面,尽量另开一个页面。 阅读全文

posted @ 2015-09-15 16:16 商清逸 阅读(136) 评论(0) 推荐(0) 编辑

叁、js中的css

摘要: 一、子选择器:用来选择一个父元素直接的子元素,不包括子元素的子元素,它的符号为“>” 注:ie6不支持子代选择器。CSS的子选择器 isaac's Picasa CSS1 CSS2 CSS3 二、属性选择器... 阅读全文

posted @ 2015-09-15 13:57 商清逸 阅读(148) 评论(0) 推荐(0) 编辑

贰、js的基础(三)数组

摘要: JS中数组的操作1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, elem... 阅读全文

posted @ 2015-09-15 11:56 商清逸 阅读(183) 评论(0) 推荐(0) 编辑

贰、js的基础(四)

摘要: 一、条件语句 阅读全文

posted @ 2015-09-15 11:55 商清逸 阅读(145) 评论(0) 推荐(0) 编辑

贰、js的基础(二)类型转换

摘要: JS 数据类型转换方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数:js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(No... 阅读全文

posted @ 2015-09-15 11:54 商清逸 阅读(180) 评论(0) 推荐(0) 编辑

2015年9月14日

贰、js的基础(一)

摘要: 1、js的语法a.区分大小写b.弱类型变量:变量无特定类型c.每行结尾的分号可有可无d.括号用于代码块e.注释的方法与c语言和java相同2、变量注意事项:a.通过关键字var来声明。b.可以声明多个变量。c.同一个变量中储存不同的数据类型(最好是同一个变量只存储一种数据类型)d.变量名称遵循的规则... 阅读全文

posted @ 2015-09-14 17:06 商清逸 阅读(152) 评论(0) 推荐(0) 编辑

ajax的异步请求小结

摘要: 如何判断是使用json还是jsp的数据传输:json字符串可以使用js,jquery,ajax,java这几种技术,页面为jsp页面,json数据为java后台传递来。1、同步请求可以从因特网请求数据,一旦发送同步请求,程序将停止用户交互,直至服务器返回数据完成,才可以进行下一步操作,2、异步请求不... 阅读全文

posted @ 2015-09-14 13:32 商清逸 阅读(180) 评论(0) 推荐(0) 编辑

壹、js的概述

摘要: 一、js的起源1992年的时候,一家名为Nomnas的公司开发出了c减减的嵌入式脚本语言;然后利用分享的方式,扩大其市场。之后,Netscape为了扩展浏览器的功能,开发了一个名为LiveScript的脚本语言,并与1995年11月末与Sun公司联合宣布改其名为Javascript。1997年,ja... 阅读全文

posted @ 2015-09-14 10:40 商清逸 阅读(455) 评论(0) 推荐(0) 编辑

2015年9月9日

sass的用法小结(四)进阶篇

摘要: Sass 的数据类型Sass 既然有了类似编程语言的功能,自然也就有了简单的数据类型。这里简单的介绍一些 Sass 中的数据类型,因为在后面的讨论中要用到有关的内容。Sass 中主要有六种数据类型:数字型 (e.g. 1.2, 13, 10px)文本型,单引号、双引号或者不加都可以 (e.g. “f... 阅读全文

posted @ 2015-09-09 16:44 商清逸 阅读(512) 评论(0) 推荐(0) 编辑

sass的用法小结(三)

摘要: 5. 混合器;如果你的整个网站中有几处小小的样式类似(例如一致的颜色和字体),那么使用变量来统一处理这种情况是非常不错的选择。但是当你的样式变得越来越复杂,你需要大段大段的重用样式的代码,独立的变量就没办法应付这种情况了。你可以通过sass的混合器实现大段样式的重用。混合器使用@mixin标识符定义... 阅读全文

posted @ 2015-09-09 14:59 商清逸 阅读(193) 评论(0) 推荐(0) 编辑

sass的用法小结(二)

摘要: 3. 导入SASS文件;css有一个特别不常用的特性,即@import规则,它允许在一个css文件中导入其他css文件。然而,后果是只有执行到@import时,浏览器才会去下载其他css文件,这导致页面加载起来特别慢。sass也有一个@import规则,但不同的是,sass的@import规则在生成... 阅读全文

posted @ 2015-09-09 14:33 商清逸 阅读(357) 评论(0) 推荐(0) 编辑

sass的用法小结(一)

摘要: 1. 使用变量;sass让人们受益的一个重要特性就是它为css引入了变量。你可以把反复使用的css属性值 定义成变量,然后通过变量名来引用它们,而无需重复书写这一属性值。或者,对于仅使用过一 次的属性值,你可以赋予其一个易懂的变量名,让人一眼就知道这个属性值的用途。sass使用$符号来标识变量(老版... 阅读全文

posted @ 2015-09-09 13:50 商清逸 阅读(534) 评论(0) 推荐(0) 编辑

css3的小心得

只有注册用户登录后才能阅读该文。 阅读全文

posted @ 2015-09-09 10:11 商清逸 阅读(3) 评论(0) 推荐(0) 编辑

2015年9月8日

H5页面在线制作工具搜集

摘要: 1.初页http://chuye.cloud7.com.cn/2.易企秀http://eqxiu.com/#/home3.最酷http://www.zuiku.com/4.易传单http://echuandan.com/5.epub360意派http://www.epub360.com/6.MAKA... 阅读全文

posted @ 2015-09-08 16:41 商清逸 阅读(288) 评论(0) 推荐(0) 编辑

H5教程:移动页面性能优化

摘要: 随着移动互联网的发展,我们越发要关注移动页面的性能优化,今天跟大家谈谈这方面的事情。首先,为什么要最移动页面进行优化?纵观目前移动网络的现状,移动页面布局越来越复杂,效果越来越炫,直接导致了文件越来越大,下载和运行速度越来越低,而速度低会造成不良影响,据统计:71%的用户期望移动页面跟pc页面一样快... 阅读全文

posted @ 2015-09-08 16:26 商清逸 阅读(429) 评论(0) 推荐(0) 编辑

玩转HTML5移动页面(优化篇)

摘要: 标签:h5页面优化收藏热门分享网页设计师必备的 酷站收藏网站2013年不容错过的app ui素材40个漂亮的扁平化网页设计欣赏国内网页设计公司网站欣赏55套网页设计常用的psd格式UI主题包素材下载30个“简洁大气国际化”的网页设计欣赏|--(1) 动画雪碧图|--(2) 图片压缩|--(3)多终... 阅读全文

posted @ 2015-09-08 16:25 商清逸 阅读(225) 评论(0) 推荐(0) 编辑

玩转HTML5移动页面(动效篇)

摘要: 为一名前端,在拿到设计稿时你有两种选择:快速输出静态页面加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢? 这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细... 阅读全文

posted @ 2015-09-08 16:24 商清逸 阅读(1310) 评论(0) 推荐(1) 编辑

移动H5前端性能优化指南

摘要: 概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因,除加载外渲染速度也... 阅读全文

posted @ 2015-09-08 15:20 商清逸 阅读(116) 评论(0) 推荐(0) 编辑

移动端尺寸基础知识

摘要: 初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学者的,所以不要嫌我啰嗦。现象首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤其是Andr... 阅读全文

posted @ 2015-09-08 14:46 商清逸 阅读(147) 评论(0) 推荐(0) 编辑

导航