前端
文章平均质量分 66
不安分的johnscorpio
技术是为人服务的,做开心的IT人员~
展开
-
众妙之门 JavaScript与jQuery技术精粹(上)
相关知识点总结://定义一个对象var car = { color:'red' wheels:4 hubcaps:'spinning' age:4}//定义一个数组var movie = [ 'harrypotter','hero','X-men']//三重标记法var direction = x<200?1 : -1//定义json数据,json原创 2015-04-08 15:32:08 · 584 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(2)打造前端设计的基石,交出你的原型稿
1.UCD——以用户为中心的设计原则用户:懒惰、有想法、喜新厌旧 UCD(user-centered design)的标准流程是从用户调研开始的,根据调研结果得出用户需求。此后进入设计阶段,经过原型设计、可用性设计、模型设计等一系列步骤,直至最后产出初始版本供用户试用。在用户试用后,将针对试用报告继续完善设计,直至整个产品完成。 1.1关注用户: 1.用户群分析 - 按照之前的纬度进行用户原创 2015-04-07 22:21:44 · 447 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(7)让你的设计更加完美——优化技巧和最佳实践
1.性能在前端的重要性网页打开速度一般在2s以内为宜,之后每延迟1s,将失去10%的用户 性能测试工具:Page Speed:网页加速工具,自动优化网站图像YSlow:检查优化的空间,列出修改意见2.前端性能优化的基本原则2.1页面内容的优化降低请求数:合并文件(js、css)、CSS Sprites、剔除重复脚本减少交互通信量: 压缩技术:压缩JS/CSS(YUI Compresso原创 2015-04-08 20:21:09 · 767 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(1)Web前端开发ABC
抛去一些概述性的内容,留下的内容如下: 前端学习曲线: 1.熟悉HTML,掌握W3C的标准; 2.浏览器最少也要了解4、5种,如IE、Firefox、Chrome等; 3.要学会CSS3的样式,多看看欧美牛人的风格DIV布局,特简约的那种; 4.保证可用性,保证用户体验,多看工艺美术理论方面的书; 5.掌握交互,Ajax等技术; 总结下来,要求知识的多元性,会写代码,懂设计,懂美学。不原创 2015-04-07 21:39:42 · 579 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(3)从过去到未来,前端设计演变之路
关于浏览器的变迁发展,不再单独讲解。 从章节中挑选了一些知识点,列举如下: 1.如果某个东西有填充,请不要给它设计高度。如果某个东西有宽度,则不要给它添加任何填充。 2.清除不必要的DIV标记。 3.使用语义化的标签及命名标示。 4.尽量减少使用DIV标记。 5.格式化代码。 6.在布局结尾加上注释。 7.常用脚本框架:jQueryMooToolsPrototypeExt J原创 2015-04-08 14:34:22 · 318 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(4)让你的设计深入人心,可用性设计
可用性:有效性、效率、可记忆性、容错性及易学性。1.可用性原则:1.1别让我思考一目了然:去掉那些用户可能产生的疑问可用性暗礁:按钮就应该可以点、链接点击就会跳转……1.2停止你的假设 不要用作者的眼光来模拟读者。用户喜欢扫描而不是阅读用户喜欢尝试性选择:而不是看说明书用户喜欢勉强应付:非专业人士1.3针对扫描而设计层次清晰: 页面要有清晰的视觉层次,这样可以保证用户能够再很短原创 2015-04-08 15:08:48 · 475 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(5)原型模型化
1.布局之道固定布局:以px为单位进行布局流性布局:以%为单位进行布局,加min-width、max-width弹性布局:以em为单位代替px。px是相对于显示器屏幕而言的,而em是相对于当前对象内文本的字体尺寸而言。1.1基本布局样式属性: 1.单位:1em=16px, 12px = 0.75em , 10px = 0.625em 2.浮动: Align属性、clear属性原创 2015-04-08 17:33:27 · 534 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(8)浅谈Web发展的未来
漫谈的东西不再详述,知识点列出如下: 1.REST:表述性状态转移。网络上的所有事物都被抽象为资源每个资源对应一个唯一的资源标识符通过通用的连接器接口对资源进行操作对资源的各种操作不会改变资源标识符所有的操作都是无状态的2.Mashup与Widget - Mashup:一个复合(组合)应用,将开放的资源进行整合。(通过调用API实现操作)。 - Widget:一小块可以在任意一原创 2015-04-08 20:48:04 · 627 阅读 · 0 评论 -
众妙之门 JavaScript与jQuery技术精粹(下)
1.通常使用“==”操作符测试某一属性的显示等值等式,但应该使用的是“===”操作符3=[3] //true3="0003" //true3="03" //true2.//快var len = myArray.length;for(var i=0;i<len;i++){}//慢for(var i=0;i<myArray.length;i++){}3.var jsonData = JSON原创 2015-04-08 15:40:39 · 472 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(6)探索、品味、总结——经典设计思维
1.平衡网站的色彩1.1色彩的联想 红、黄、橙是暖色系、绿、蓝、紫是冷色系、黑、白、灰是中性系。红色:活力,给人冲动、愤怒、热情、有活力的感觉橙色:欢快活泼温暖,快乐、幸福、喜庆、富贵、食欲黄色:快乐、希望、智慧、轻快、祝福绿色:健康、环保、平衡其它颜色、和谐蓝色:天空、海洋、和平、宁静、深邃,浅蓝是平静、深蓝是内涵可靠紫色:高贵、神秘、加白色变优美柔和、青紫代表浪漫、暗紫代表奢华黑原创 2015-04-08 19:38:36 · 517 阅读 · 0 评论