前端
文章平均质量分 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 · 594 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(2)打造前端设计的基石,交出你的原型稿
1.UCD——以用户为中心的设计原则用户:懒惰、有想法、喜新厌旧 UCD(user-centered design)的标准流程是从用户调研开始的,根据调研结果得出用户需求。此后进入设计阶段,经过原型设计、可用性设计、模型设计等一系列步骤,直至最后产出初始版本供用户试用。在用户试用后,将针对试用报告继续完善设计,直至整个产品完成。 1.1关注用户: 1.用户群分析 - 按照之前的纬度进行用户原创 2015-04-07 22:21:44 · 456 阅读 · 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 · 782 阅读 · 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 · 588 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(3)从过去到未来,前端设计演变之路
关于浏览器的变迁发展,不再单独讲解。 从章节中挑选了一些知识点,列举如下: 1.如果某个东西有填充,请不要给它设计高度。如果某个东西有宽度,则不要给它添加任何填充。 2.清除不必要的DIV标记。 3.使用语义化的标签及命名标示。 4.尽量减少使用DIV标记。 5.格式化代码。 6.在布局结尾加上注释。 7.常用脚本框架: jQuery MooTools Prototype Ext J原创 2015-04-08 14:34:22 · 327 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(4)让你的设计深入人心,可用性设计
可用性:有效性、效率、可记忆性、容错性及易学性。1.可用性原则:1.1别让我思考 一目了然:去掉那些用户可能产生的疑问 可用性暗礁:按钮就应该可以点、链接点击就会跳转…… 1.2停止你的假设 不要用作者的眼光来模拟读者。 用户喜欢扫描而不是阅读 用户喜欢尝试性选择:而不是看说明书 用户喜欢勉强应付:非专业人士 1.3针对扫描而设计 层次清晰: 页面要有清晰的视觉层次,这样可以保证用户能够再很短原创 2015-04-08 15:08:48 · 486 阅读 · 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 · 542 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(8)浅谈Web发展的未来
漫谈的东西不再详述,知识点列出如下: 1.REST:表述性状态转移。 网络上的所有事物都被抽象为资源 每个资源对应一个唯一的资源标识符 通过通用的连接器接口对资源进行操作 对资源的各种操作不会改变资源标识符 所有的操作都是无状态的 2.Mashup与Widget - Mashup:一个复合(组合)应用,将开放的资源进行整合。(通过调用API实现操作)。 - Widget:一小块可以在任意一原创 2015-04-08 20:48:04 · 641 阅读 · 0 评论 -
众妙之门 JavaScript与jQuery技术精粹(下)
1.通常使用“==”操作符测试某一属性的显示等值等式,但应该使用的是“===”操作符3=[3] //true 3="0003" //true 3="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 · 478 阅读 · 0 评论 -
大巧不工Web前端设计修炼之道——(6)探索、品味、总结——经典设计思维
1.平衡网站的色彩1.1色彩的联想 红、黄、橙是暖色系、绿、蓝、紫是冷色系、黑、白、灰是中性系。 红色:活力,给人冲动、愤怒、热情、有活力的感觉 橙色:欢快活泼温暖,快乐、幸福、喜庆、富贵、食欲 黄色:快乐、希望、智慧、轻快、祝福 绿色:健康、环保、平衡其它颜色、和谐 蓝色:天空、海洋、和平、宁静、深邃,浅蓝是平静、深蓝是内涵可靠 紫色:高贵、神秘、加白色变优美柔和、青紫代表浪漫、暗紫代表奢华 黑原创 2015-04-08 19:38:36 · 529 阅读 · 0 评论