others - 随笔分类 - Joanna Qian

RESTful API 设计指南(转)

摘要：一、协议 API与用户的通信协议，总是使用HTTPs协议。二、域名应该尽量将API部署在专用域名之下。 https://api.example.com 如果确定API很简单，不会有进一步扩展，可以考虑放在主域名下。 https://example.org/api/ 三、版本（Versioning 阅读全文

posted @ 2016-02-04 01:04 Joanna Qian 阅读(334) 评论(0) 推荐(0) 编辑

浏览器缓存图解

摘要：1、Last-Modified在浏览器第一次请求某一个URL时，服务器端的返回状态会是200，内容是你请求的资源，同时有一个Last-Modified的属性标记(HttpReponse Header)此文件在服务期端最后被修改的时间，格式类似这样：Last-Modified:Tue, 24 Feb ... 阅读全文

posted @ 2015-04-11 10:28 Joanna Qian 阅读(582) 评论(0) 推荐(1) 编辑

Accessibility应用之focus篇

摘要：最近项目中需要应用accessibility，大量使用了focus和blur，总结如下一、设置焦点focus如创建无障碍对话框：当一个对话框出现时，焦点应在对话框内，这样用户才可以使用键盘继续浏览。焦点设置在对话框内的确切位置，在很大程度上取决于对话框本身的目的。如果确认对话框（confirmati... 阅读全文

posted @ 2015-03-21 04:34 Joanna Qian 阅读(2083) 评论(0) 推荐(0) 编辑

浏览器访问网页过程中发生了什么？（转）

摘要：在浏览器输入：http://www.baidu.com/，最后，浏览器呈现出相应网页，这个过程究竟发生了什么？第一步，解析域名，找到主机IP（1）浏览器会缓存DNS一段时间，一般2-30分钟不等。如果有缓存，直接返回IP，否则下一步。（2）缓存中无法找到IP，浏览器会进行一个系统调用，查询hosts... 阅读全文

posted @ 2015-03-17 08:21 Joanna Qian 阅读(3510) 评论(0) 推荐(0) 编辑

创建无障碍的对话框(转)

摘要：如今的web应用程序中，对话框如同在桌面应用程序中一样常见。我们使用较少的JavaScript和CSS就可以很容易的显示或隐藏一个元素，但很少会考虑对话框对可访问性的影响。多数情况下，它是可访问性的一个灾难。输入焦点未能正确处理以及屏幕阅读器无法感知内容变化。其实，使对话框可访问并非如此困难，你只需... 阅读全文

posted @ 2015-03-05 02:30 Joanna Qian 阅读(809) 评论(0) 推荐(2) 编辑

无障碍网页设计（WCAG2.0）

摘要：无障碍化是指无论健全人还是残疾人，年轻人还是老年人都可以平等地获取互联网上的信息和服务。无障碍化网站建设不单可以增加网站的受益群体，更是一个有情怀、有担当的互联网企业的责任，也是一个互联网从业人员应该关注到的一个方面。无障碍化受益人群：普通人普通网站用户；文化背景和习惯与主流用户不同的用户；老年人或... 阅读全文

posted @ 2014-11-07 23:20 Joanna Qian 阅读(5891) 评论(0) 推荐(1) 编辑

程序员/设计师能用上的 75 份速查表(转)

摘要：75 份速查表，由 vikas 收集整理，包括：jQuery、HTML、HTML5、CSS、CSS3、JavaScript、Photoshop、git、Linux、Java、Perl、PHP、Python、Ruby、Ruby on Rails、Scala、C#、SQLite、C++、C语言、Ubun... 阅读全文

posted @ 2014-05-13 22:16 Joanna Qian 阅读(525) 评论(0) 推荐(0) 编辑

超棒的响应式设计测试书签和工具（bookmarks）(转)

摘要：一、测试书签（bookmarks）Viewport Resizer这个书签号称拥有158个国家3万多活跃的用户，主要特性：完全自定制方便的添加自定义尺寸手动的横竖屏切换自动的横竖屏切换(portrait | landscape)支持Media query自适应Meta的viewport设置手动重新加载页面移除页面工具栏Viewport相关信息显示 (尺寸，分辨率，横纵屏，user agent)支持触摸设备支持vectorResizer这个在线书签允许你快速的修改页面的尺寸来测试响应式的设计. 并且支持Chrome的扩展！Bricss另外一个方便的测试响应式的书签，你可以自己指定自己的几套显示窗阅读全文

posted @ 2014-01-23 05:38 Joanna Qian 阅读(778) 评论(0) 推荐(0) 编辑

人类的心理行为模式----《影响力》中的心理学实验摘录（转）

摘要：第一章心理影响实验1：插队一个心理学家跑到图书馆，请排队等候复印的人帮她一个小忙。"对不起，我有5页纸要复印，能不能让我先复印呢？"当她这样说时，60%的人答应了。然后，她换了一种说法："对不起，能不能让我先复印呢？因为我要复印几页纸。"她只多加了两个字"因为"，但同意的人居然增加到了93%。虽然心理学家早就知道，当我们请别人帮忙时，如果能够讲出一个理由，得到帮助的可能性就更大。但是这个实验证明，只是听到"因为"两个字，人们就会认为她是有理由的，从而给予帮助。这证明了人类存在心理定势，会不自觉地受到影响。第二章阅读全文

posted @ 2014-01-14 23:48 Joanna Qian 阅读(424) 评论(0) 推荐(0) 编辑

mustache模板技术

摘要：一、简介Web 模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，通常是标准的 HTML 文档。当然不同的开发语言有不同模板引擎，如 Javascript 下的 Hogan 、ASP 下的 aspTemplate、以及 PHP 下的 Smarty，这里主要介绍基于 Javascript 语言的模板引擎，目前流行有 Mustache、Hogan、doT.js、JsRender、Kendo UI Templates等，jsperf.com 上可以看到它们的性能对比。Mustache 是一个轻逻辑的模板语言（ Logic-less templates），mustach 阅读全文

posted @ 2013-12-06 23:45 Joanna Qian 阅读(15332) 评论(0) 推荐(1) 编辑

企业级的响应式设计（Responsive design at enterprise level）译

摘要：导言响应式设计是现在人们谈论的热点，但如何部署，特别是在有多种设备的大型项目中如何组织响应式设计，响应式设计和可伸缩性（Scalable）有什么区别？这都是需要解决的难题。优化用户经验——Optimize the customer experience响应式设计是可适应设计（adaptive design）和可调整系统（adaptive systems）的子领域，用于处理基于用户内容（user's context）的用户经验（customer experience）的优化。在我看来，响应式设计并不是网页设计的新方法，响应式设计更像是一种现代的设计逻辑，是为了涵盖现在发展神速而出现多种多阅读全文

posted @ 2013-12-06 03:13 Joanna Qian 阅读(467) 评论(0) 推荐(0) 编辑

初识Comet技术

摘要：一、服务器推送技术概述服务器推送技术（Servers Push)的基础思想是将浏览器主动查询信息改为服务器主动发送信息。服务器发送一批数据，浏览器显示这些数据，同时保证与服务器的连接。当服务器需要再次发送一批数据时，浏览器显示数据并保持连接。以后，服务器仍然可以发送批量数据，浏览器继续显示数据，依次类推。主要应用于：监控系统：报警提示；即时通信系统：其它用户登录、发送信息；即时报价系统：后台数据库内容发生变化；实现基于web的实时事件通知。实现方式有：基于客户端套接口：采用RMI、CORBA或者自定义TCP/IP信息的applet来实现Comet: 基于 HTTP 长连接、无须在浏览器阅读全文

posted @ 2013-11-21 01:37 Joanna Qian 阅读(4463) 评论(1) 推荐(2) 编辑

使用Grunt构建任务管理脚本（转）

摘要：Grunt是构建Web开发的一个系统，但它创建比较困难。在这个指南中，你将学会如何配置Grunt创建一个现代的Web项目。当你完成教程中的配置之后，你的Gruntfile将具有：从源目录中向目标目录复制文件；删除构建文件；编译Stylus文件和给他们添加前缀；编译CoffeeScript；压缩CSS和JavaScript文件；编译Jade；当文件修改后自动构建源文件；运行开发者服务器Grunt具有一个中文版本官网，如果你对Grunt感兴趣，可以点击这里查阅相关中文文档。开始如果你还没有开始使用Grunt，你需要先安装“Node.js”和“NPM”。你还需要通过在命令端中输入命令npm inst 阅读全文

posted @ 2013-10-10 02:32 Joanna Qian 阅读(614) 评论(0) 推荐(0) 编辑

创建以API为中心的Web应用(转）

摘要：英文原文：Creating an API-Centric Web Application引言API——API是Application Programming Interface（应用编程接口）的简称。根据维基百科：API是以源代码为基础的约定，它用于软件组件之间相互通信的接口。API可能包含函数、数据结构、对象类、以及变量等的约定。API可视化简单地讲，API指的是一组应用中的函数，它们能够被其它应用（或者这些函数所属应用自己，下文中我们将会看到）用来与应用进行交互。API是一种很棒的向外部应用安全和妥善地表明其功能的方式，因为这些外部应用所能利用的所有功能仅限于API中所表现出的功能。什么是阅读全文

posted @ 2013-09-30 11:28 Joanna Qian 阅读(684) 评论(0) 推荐(0) 编辑

视差滚动(Parallax Scrolling)插件补充

摘要：13. WindowsWindows (github) 是一个让你用占据整个屏幕的section来构建单面网站的插件。该插件提供给你一些回调函数，当新的section出现在可视区并且并且处理快照时被调用，所以你可以轻松的继承它来自定义导航菜单或更多的东西。下面是一个例子：译者注：点击每个章节，仅Chrome和Safari可用。?1234567891011121314$('.window').windows({snapping: true,snapSpeed: 500,snapInterval: 1100,onScroll: function(scrollPos){// scro 阅读全文

posted @ 2013-09-05 09:16 Joanna Qian 阅读(914) 评论(0) 推荐(0) 编辑

Web前端开发中的MCRV模式(转)

摘要：作者: izujian来源: baiduux摘要：针对前端开发中基于ajax的复杂页面开发所面临的代码规模大，难以组织和维护，代码复用性、扩展性和适应性差等问题，本文尝试以MVC思想为基础，结合Web前端开发中“内容-结构-表现-行为”相分离的开发标准，提出一种将Web页面代码分为视图（View，页面静态部分，包括内容、结构、表现）、模型(Model，负责数据缓存、数据校验与本地逻辑处理、发起ajax请求)、控制器（Controller，负责用户和系统事件响应、模型和渲染器调度）、渲染器（Renderer，对视图的渲染，控制器与事件的绑定、数据搜集）的页面开发新模式，并基于此模式提出了一阅读全文

posted @ 2013-08-20 10:39 Joanna Qian 阅读(455) 评论(0) 推荐(0) 编辑

构建现代化网站的 20 个技巧(转)

摘要：英文原文：20 tips for building modern sites在过去几年中，我们与web开发者花了很多时间交流，听得最多的一件事情就是创建一个能很好的跨越各种类型浏览器版本与各种设备的网站有多么难。我们为 jQuery项目写代码的时候一直有这个问题。因此我们整理了20条编码模式与经验，它们是从出席无休止的会议和读了几百篇专稿中摘取出来的。我们希望能在你建站的时候给你节省一些时间（和麻烦）。跨浏览器基础网站不需要在所有浏览器里渲染得一样一件普遍被开发者所关心的事情是确保他们的网站在所有浏览器中渲染得一样，包括非现代的一些。那一般并不需要。更好的路线是考虑逐渐增强你的网站，对非阅读全文

posted @ 2013-08-20 01:53 Joanna Qian 阅读(269) 评论(0) 推荐(0) 编辑

Restful Web Service初识

摘要：一、Web Services Web Services 是一种基于组件的软件平台，是面向服务的Internet 应用。Web Services 框架的核心技术包括SOAP ,WSDL 和UDDI ,它们都是以标准的XML 文档的形式表示。 SOAP (“Simple Object Access Protocol”的缩写)是Web Services 的通信协议。SOAP是一种简单的、轻量级的基于XML 的机制，用于在网络应用程序之间进行结构化数据交换。SOAP包括三部分:一个定义描述消息内容的框架的信封，一组表示应用程序定义的数据类型实例的编码规则，以及表示远程过程调用和响应的约定。 1... 阅读全文

posted @ 2013-08-08 22:57 Joanna Qian 阅读(12265) 评论(1) 推荐(1) 编辑

绑定QQ登录 PHP OAuth详解(转)

摘要：越来越多的网站开始采用第三方账号登录如qq 微博开心网等诸多流行的社交平台，利用第三方账号登录，可以更好地省去用户的注册时间，并且极大地提高用户体验，吸引更多的潜在用户。让用户拥有一个号码走web天下的感觉。。。，对我们开发者来说这也是一个主要的学习新知识点主要原理即Oauth。OAUTH协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此OAUTH是安全的。步骤详细介绍1.去qq、微博的第三方开发平台去r. 阅读全文

posted @ 2013-07-05 00:06 Joanna Qian 阅读(920) 评论(0) 推荐(0) 编辑

随笔分类 - others

搜索

常用链接

随笔分类

随笔档案

android

Blog

CSS

Forum

JavaScript

mobile

resources

SEO

Tools

阅读排行榜

推荐排行榜