不安分的johnscorpio-CSDN博客

原创大巧不工Web前端设计修炼之道——（8）浅谈Web发展的未来

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

2015-04-08 20:48:04 602

原创大巧不工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 734

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

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

2015-04-08 19:38:36 492

原创大巧不工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 501

原创众妙之门 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 459

原创众妙之门 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 574

原创大巧不工Web前端设计修炼之道——（4）让你的设计深入人心，可用性设计

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

2015-04-08 15:08:48 455

原创大巧不工Web前端设计修炼之道——（3）从过去到未来，前端设计演变之路

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

2015-04-08 14:34:22 303

原创大巧不工Web前端设计修炼之道——（2）打造前端设计的基石，交出你的原型稿

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

2015-04-07 22:21:44 431

原创大巧不工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 559

原创 jQuery Mobile学习笔记（七）——主题与打包

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

2015-04-04 11:45:01 1384

原创 jQuery Mobile学习笔记（八）——安装及离线

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

2015-04-03 20:42:37 913

原创 jQuery Mobile学习笔记（十）——扩展框架

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

2015-04-03 19:13:31 892

原创 jQuery Mobile学习笔记（九）——实例

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

2015-04-03 13:47:38 969

原创 jQuery动态增加表格，增加行，并添加ID

使用jQuery实现，动态增加表格，增加行，并赋予id。

2014-12-16 14:27:15 11509 1

原创 Django的前端页面显示

Django中前端部分的一些显示

2014-12-15 13:51:16 4960

原创 jQuery Mobile学习笔记（六）——jQuery Mobile API

页面部分的介绍基本结束。有了框架之后，我们要考虑的页面中的数据通信和交互。jQuery Mobile（JQM）使用了JavaScript与框架通信以及进行内容管理的API。1.文档事件$(document).bind('mobileinit', function() { // Initialization code here});mobileinit事件会在jQueryMobil

2014-12-14 13:11:55 2083

原创 jQuery Mobile学习笔记（五）——表单组件

jQueryMobile中表单组件

2014-12-13 12:57:24 641

原创 jQuery Mobile学习笔记（四）——列表

jQuery Mobile中列表详解

2014-12-13 11:24:26 566

原创 Django中models对应MySQL中的类型

Django中的models类型对应MySQL的数据类型

2014-12-11 13:28:07 1429

原创调用http接口操作

对HTTP接口（API）的调用操作

2014-12-10 13:21:44 562

原创 Django发HTML邮件

Django中发送HTML格式的邮件

2014-12-09 13:11:29 2340

原创 jQuery Mobile学习笔记（三）——UI组件

jQueryMobile学习，UI组件篇

2014-12-07 14:07:37 1611

原创 jQuery Mobile学习笔记（二）——框架起步

jQueryMobile框架起步、总体结构。

2014-12-06 16:02:34 818

原创 jQuery Mobile学习笔记（一）——移动平台

jQuery Mobile概览性知识

2014-12-06 13:43:10 822

唯珺不弃