关闭

大巧不工Web前端设计修炼之道——(8)浅谈Web发展的未来

漫谈的东西不再详述,知识点列出如下: 1.REST:表述性状态转移。 网络上的所有事物都被抽象为资源 每个资源对应一个唯一的资源标识符 通过通用的连接器接口对资源进行操作 对资源的各种操作不会改变资源标识符 所有的操作都是无状态的 2.Mashup与Widget - Mashup:一个复合(组合)应用,将开放的资源进行整合。(通过调用API实现操作)。 - Widget:一小块可以在任意一...
阅读(254) 评论(0)

大巧不工Web前端设计修炼之道——(7)让你的设计更加完美——优化技巧和最佳实践

1.性能在前端的重要性网页打开速度一般在2s以内为宜,之后每延迟1s,将失去10%的用户 性能测试工具: Page Speed:网页加速工具,自动优化网站图像 YSlow:检查优化的空间,列出修改意见 2.前端性能优化的基本原则2.1页面内容的优化 降低请求数:合并文件(js、css)、CSS Sprites、剔除重复脚本 减少交互通信量: 压缩技术:压缩JS/CSS(YUI Compresso...
阅读(379) 评论(0)

大巧不工Web前端设计修炼之道——(6)探索、品味、总结——经典设计思维

1.平衡网站的色彩1.1色彩的联想 红、黄、橙是暖色系、绿、蓝、紫是冷色系、黑、白、灰是中性系。 红色:活力,给人冲动、愤怒、热情、有活力的感觉 橙色:欢快活泼温暖,快乐、幸福、喜庆、富贵、食欲 黄色:快乐、希望、智慧、轻快、祝福 绿色:健康、环保、平衡其它颜色、和谐 蓝色:天空、海洋、和平、宁静、深邃,浅蓝是平静、深蓝是内涵可靠 紫色:高贵、神秘、加白色变优美柔和、青紫代表浪漫、暗紫代表奢华 黑...
阅读(183) 评论(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属性...
阅读(269) 评论(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...
阅读(228) 评论(0)

众妙之门 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...
阅读(372) 评论(0)

大巧不工Web前端设计修炼之道——(4)让你的设计深入人心,可用性设计

可用性:有效性、效率、可记忆性、容错性及易学性。1.可用性原则:1.1别让我思考 一目了然:去掉那些用户可能产生的疑问 可用性暗礁:按钮就应该可以点、链接点击就会跳转…… 1.2停止你的假设 不要用作者的眼光来模拟读者。 用户喜欢扫描而不是阅读 用户喜欢尝试性选择:而不是看说明书 用户喜欢勉强应付:非专业人士 1.3针对扫描而设计 层次清晰: 页面要有清晰的视觉层次,这样可以保证用户能够再很短...
阅读(234) 评论(0)

大巧不工Web前端设计修炼之道——(3)从过去到未来,前端设计演变之路

关于浏览器的变迁发展,不再单独讲解。 从章节中挑选了一些知识点,列举如下: 1.如果某个东西有填充,请不要给它设计高度。如果某个东西有宽度,则不要给它添加任何填充。 2.清除不必要的DIV标记。 3.使用语义化的标签及命名标示。 4.尽量减少使用DIV标记。 5.格式化代码。 6.在布局结尾加上注释。 7.常用脚本框架: jQuery MooTools Prototype Ext J...
阅读(135) 评论(0)

大巧不工Web前端设计修炼之道——(2)打造前端设计的基石,交出你的原型稿

1.UCD——以用户为中心的设计原则用户:懒惰、有想法、喜新厌旧 UCD(user-centered design)的标准流程是从用户调研开始的,根据调研结果得出用户需求。此后进入设计阶段,经过原型设计、可用性设计、模型设计等一系列步骤,直至最后产出初始版本供用户试用。在用户试用后,将针对试用报告继续完善设计,直至整个产品完成。 1.1关注用户: 1.用户群分析 - 按照之前的纬度进行用户...
阅读(222) 评论(0)

大巧不工Web前端设计修炼之道——(1)Web前端开发ABC

抛去一些概述性的内容,留下的内容如下: 前端学习曲线: 1.熟悉HTML,掌握W3C的标准; 2.浏览器最少也要了解4、5种,如IE、Firefox、Chrome等; 3.要学会CSS3的样式,多看看欧美牛人的风格DIV布局,特简约的那种; 4.保证可用性,保证用户体验,多看工艺美术理论方面的书; 5.掌握交互,Ajax等技术; 总结下来,要求知识的多元性,会写代码,懂设计,懂美学。不...
阅读(283) 评论(0)

jQuery Mobile学习笔记(七)——主题与打包

这一章介绍JQM主题和JQM APP的打包:主题JQM允许开发者通过调整主题和CSS来定制整套用户界面。JQM的每一个样式都能用CSS来覆盖。主题是一组配色方案,包括 文字颜色 背景颜色和渐变 字体 每个主题都包含一个全局定义,适用于主题内的所有色样。比如:文本效果和盒效果(阴影和圆角)、按钮和其他控件的激活状态。这样可以确保无论主题用哪个字样都能保持一致的用户体验。创建主题: ThemeRoll...
阅读(710) 评论(0)

jQuery Mobile学习笔记(八)——安装及离线

本章学习创建一个不通过应用商店发布的离线Web应用。使用这种方案,用户可以通过手机浏览器访问Web应用然后将它安装到手机上,下一次可以通过同样的URL或者应用图标来访问这个应用时,应用将不再从服务器端加载,而是直接从本地启动。 1.定义软件包 需要使用HTML5的一个API,叫做Application Cache,应用程序缓存,也成为离线API。 软件包其实是一组文件,是用户访问应用站点时必须...
阅读(511) 评论(0)

jQuery Mobile学习笔记(十)——扩展框架

JQM如此好用的一个重要原因是JQM的插件非常丰富。可以在JQM官网插件库中找自己需要的插件。创建插件JQM是基于JQuery UI的框架进行构建的,所以为JQM创建插件的方式和为JQuery UI创建插件一样。创建部件要做的第一件事是命名,应尽可能避免和未来的框架部件重名。 部件应该包含一个命名格式为jquery.mobile..js的JavaScript文件,还可以包含一个格式为jquery....
阅读(560) 评论(0)

jQuery Mobile学习笔记(九)——实例

这一章创建一个JQM的实例,后台用PHP来写。 目标: 适用于会议使用,提供大会各方面的信息。可以扩展到年会等组织活动使用。 1. 与会者的官方应用 2. 显示每个会议室的议程 3. 提供大会的各种信息原理: 会议信息列出所有有会议的时间段和每个会议室在各个时间段内召开的会议。会议列表信息使用的是从服务器端发送到客户端的JSON对象,这些JSON对象通过PHP或者JAVA等服务器端...
阅读(512) 评论(0)

jQuery动态增加表格,增加行,并添加ID

使用jQuery实现,动态增加表格,增加行,并赋予id。...
阅读(5011) 评论(0)
25条 共2页1 2 下一页 尾页
    个人资料
    • 访问:16114次
    • 积分:404
    • 等级:
    • 排名:千里之外
    • 原创:25篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档