自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(49)
  • 收藏
  • 关注

原创 远离纸上谈兵!尼尔森可用性原则的实际运用!

尼尔森的十大可用性原则虽然对网页的设计没有直接的视觉影响,但却是网页交互效果的重要引导和参考的依据,很值得每个网页设计师深入学习和研究。尼尔森是谁? 尼尔森(Jakob Nielsen)是一位人机交互学博士,于1995年1月1日发表了“十大可用性原则”。这位web易用性大师向Web设计师们传授了相关知识,尽管他的观点并没有让所有人全部欣然接受,甚至还会带来一些争议,但仍然无法撼

2014-12-18 10:00:06 1001

原创 AnyForWeb分享:如何用移动端导航的魅力来征服用户

尽管如今移动端的屏幕正呈现出越变越大的趋势,但最优的位置仍然寸土寸金,如何利用好这些黄金区域,并且为“一头雾水”的用户指点迷津,这才是交互设计师的工作重心。 如果你是一名交互设计新手,这篇文章也许能让你很有收获。其实移动端导航的交互并没有看起来那么复杂,只要能理清其中的关系,对导航的类型及用户心理有基本的了解,这样的设计成果物会让客户更满意。 导航无论在网页还是移动端都起着不可替代

2014-12-11 09:51:43 622

原创 AnyForWeb分享:像素!你真的了解吗?

“像素”对于前端人员和设计师应该再熟悉不过了,但在他们的沟通过程中还是会出现很多关于像素的沟通障碍,其中的原因并不是因为各自观点不一致,而是因为,像素本就分为两种。

2014-12-04 09:53:40 800 2

原创 AnyForWeb告诉你什么才是“最好的”编程语言

一被问到最好的编程语言是什么,专家们一定会异口同声的说,‘世界上根本没有什么最好的,每一种编程语言都有它存在的意义和价值’。AnyForWeb觉得,后半句所阐述的观点完全没错,但最好的也并非不存在。 你了解编程语言吗? “MEAN”是一个比较实用的组织架构,它足以让你实现一个网站的基本功能,因此成了初创企业编写网站时的必备工具。“MEAN”可能让有些人觉得有些陌生,所以先简单解释一

2014-10-30 09:32:48 1176

原创 由单页面web应用引发的企业应用问题

因为单页面web应用的流行,客户端与服务器端之间都相应的产生了一些微妙的变化,比如,客户端原来只是用来展示页面和理清逻辑,而如今逐渐转变成了一个能够进入驱动状态的应用程序。 未来的企业级应用发展方向,以及最终的技术落实相较于目前一定会有很大的改变,但新的变化也一定会为开发和管理人员带来一些困扰,从而引发出一系列技术上或是实际操作的问题。 如果服务器端排除页面渲染功能… 1.

2014-10-23 10:20:01 1049

原创 剪不断理还乱的前端和交互

前端工程师和交互设计师之间理所当然的存在着一些联系。从另一个角度看前端工作,前端人员既能定义为设计师,更重要的是应该对用户心理有完整的了解和研究。有一句话可以充分的证明这两者之间剪不断理还乱的关系,“在前端眼里,UI设计稿是动态的”。 前端与交互设计的工作内容相辅相成,他们有共同的目标,并且互相贯通,但仍然有着各自的职责。 前端开发工程师和交互设计师有什么区别? 前端人员的

2014-08-28 09:56:34 896

原创 身为现代前端人员,不懂响应式怎么行?

响应式网页的话题随着如今移动互联网的盛行又被推到了很重要的位置,有相关人士预计,移动互联网的数据流量将在2015年超越桌面端的流量。 你一定听说过,我们目前正处在“后PC时代”,这对于前端开发人员来说,意味着应该处理一些用户行为上的改变,由此步入一个响应式与自适应设计技术统治的时代。这其中的关键点在于web的统一化,也就是说在合理的条件下,无论用户使用任何设备,都应该传达相同的内容信息与服

2014-08-22 10:00:28 990

原创 产品经理就应该这样!

每一个好的产品都要经过九九八十一道苦难才能得以成就,与此同时,产品经理也随着产品的诞生,一次次进步升华。每一款产品都有其独特的性格,而这种性格也许正是产品经理赋予的,什么样的产品经理就能带来什么样的产品。

2014-07-31 10:03:29 879

转载 JavaScript也能操纵cookie函数

jquery没有直接操作cookie的函数,但我们可以写一个cookie的操作函数,也可以下载一个jquerycookie插件,或者直接把jquery cookie函数拿来用,这些方法都是可行的,以下文章中介绍一些基本写法。 正常思路的普通写法。 //1.创建Cookie    我们要进行的第一件事就是要创建一个Cookie。下面给出的SctCookie()函数将完成这一功能。  

2014-07-03 10:32:15 380

转载 用最快的速度学会Git的运用

随着写的代码越多会发现,很多小小的短的代码,会慢慢的被遗忘。虽说不是很高深的代码,但是感觉平时敲得代码,一次不小心删掉了,感觉挺可惜的,而Git可以很好地解决这一问题。 配置git身份信息git config --global user.name"abc"git config --global user.email"abc@email.com" 下载项目代码在工作目录下

2014-06-23 11:37:45 317

转载 优秀的开发和测试人员是什么样的?

软件开发是一种艺术,而不是一门科学。你可以学习软件开发的各种技术,不过还需要对编码有着充分的热情。如果你是这样的人,那么就可以成为“伟大的开发者”。 态度1:缺陷表明我编写优秀代码的能力出现了问题修改缺陷是软件开发人员的日常活动。显然,缺陷是开发人员最大的敌人。当修改缺陷的时候,又有多少人能想到以下几点呢: 起初的时候,我能做些什么来避免这个缺陷呢?我怎么能让这个缺陷逃过我

2014-06-20 10:18:06 477

转载 让jquery变高效的小秘密

有关jQuery和javascript性能的文章还是比较常见的。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先要牢牢记住的是jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。 当你准备使用 jQuery,建议遵循以下指南: 缓存变量DOM 遍历是昂贵的,所以尽量将会重用的元素缓存。 // 糟糕   h

2014-06-19 11:25:03 328

转载 快速找出CSS中的BUG

常见的 CSS BUG处理方法有:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等,但时常我们也会碰到复杂的 CSSBUG 问题,我们会遇到此类触发的条件很复杂,而“BUG”也并非指一定是浏览器的 BUG。所以,我们首先要解决的是如何定位到问题,只有快速的定位到问题,才能更好的解决。 1、检查页面的标签是否闭合不要小看这条,也许

2014-06-18 11:37:08 464

原创 让移动网站变身本地APP

移动端构建网站变得越来越简单,一旦心里有想法,制作一个精致的站点就不是什么问题。但当大多数人提及一个应用就像一个原生程序或者像本地应用时,他们并没说是网站的外观,他们在意的是操作之后的响应效果。本地应用相对于Web应用不止速度上有优势,动画效果渲染也更加平滑,当点击按钮时,按钮自身会立即响应变化的样式,不管操作是否加载成功,都不会报错。要让站点看起来像本地应用,就意味着要尽一切可能使站点快速的响应

2014-06-16 14:14:34 487

原创 让我们成为更好的程序员

即使是很聪明的程序员也存在很大的成长空间,那么现在,我们就来谈谈如何做个更有想法、更善于突破自我的程序员。 1.善于总自身找原因 在发生错误之后,要学会首先质疑自己和他人的预设情况,因为来自不同的供应商可能存在内置不同的预设。当有人想你报告一个你无法重复的问题之时,去看看他们做了些什么,要在了解他人问题的基础上做出解决方案。 总而言之,在怪罪你的编译器之前,请记住福

2014-06-16 14:12:44 500

原创 实践中悟出的最佳JavaScript开发

Javascript的很多扩展的特性是的它变得更加的犀利,同时也给予程序员机会创建更漂亮并且更让用户喜欢的网站。尽管很多的开发人员都热衷于称赞javascript,但仍然不乏有很多人人看到它的阴暗面。 使用很多 javascript 代码的 web 页面会加载很慢,过多的使用 javascript 使得网页丑陋和拖沓。很快如何有效地使用 javascript 成为一个非常火热的话题。 

2014-06-16 11:23:44 405

原创 Nginx支持.htaccess的分析处理

曾经听说过关于Nginx支持.htaccess文件的问题。有人认为,Nginx能够支持.htaccess规则,且兼容Apache规则。但我认为,Nginx支持使用.htaccess文件来存储Nginx的伪静态规则,不兼容.htaccess规则。 查阅了Nginx的官方文档文档1/文档2之后会发现,文档1是Nginx的Rewrite模块的doc,详细的解释了nginx的rewrite规则组成

2014-06-13 10:56:10 1016

原创 JavaScript的原生引用类型

引用类型是一种数据结构,用于将数据和功能组织在一起,也常称做类。ECMAScript从技术上说是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构。

2014-06-12 16:20:04 791

原创 JavaScript的原型和继承工作原理

本文也许能帮助你揭开JavaScript原型概念的神秘面纱。开始看到的是原型怎样让一个对象从其他对象中继承功能,然后看到怎样结合 new 操作符和构造函数来构建对象。这里所提到的,只是开启对象原型力量和灵活性的第一步,你自己发现学习有关原型和JavaScript语言的新信息才最重要。 有关对象和类 JavaScript 中全是对象,这指的是传统意义上的对象,也就是“一个包含了状态和

2014-06-09 16:37:31 459

原创 用4种不同的编程模式验证绑定参数

ASP.NET MVC采用Model绑定为目标Action生成了相应的参数列表,但是在真正执行目标Action方法之前,为了确保有效性,还需要对绑定的参数实施验证,针对参数的验证成为Model绑定。 手工验证绑定的参数在定义具体Action方法的时候,对已经成功绑定的参数实施手工验证无疑是一种最为直接的编程方式,接下来我们通过一个简单的实例来演示如何将参数验证逻辑实现在对应的Actio

2014-06-03 16:38:11 369

原创 把Html插入canvas实现网页截图

将DOM内容HTML绘制到画布中是有可能的但如何有把握地, 并且安全地实现它,就应该按照规范行事。你不能把HTML画到canvas上。相反,你需要使用一个SVG图像,其中包含你想要呈现的内容。可以使用 元素包含HTML内容,之后把这个svg绘制到你的canvas中。 唯一真正棘手的事情可能是创建SVG图像,所有你需要做的是创建一个包含XML字符串的SVG,然后按照下面的步骤构造一个Blob

2014-05-30 14:54:49 1916

原创 JavaScript的环境与内存

使用具备垃圾收集机制语言编写程序,开发人员一般不必操心内存管理的问题。但是,JavaScript在进行内存管理即垃圾收集时面临的问题还是有点与众不同。其中最主要的一个问题,就是分配给Web浏览器的可用内存数量通常要比分配给桌面应用程序的少。确保占有最少的内存可以让页面获得更好的性能,而优化内存占有最佳方式,就是为执行的代码值保存必要的数据。 基本类型值和引用类型值 ECMAScri

2014-05-29 13:45:36 533

原创 用JavaScript获取原始图片尺寸

在项目开发中,经常会遇到要出来图片的问题,图片大小?图片自适应页面,保证图片不变形,按比例缩放等等,所以获取图片的原始大小是一个非常重要的参考要诀。 页面里的img元素,想要获取它的原始尺寸,以宽度为例可能首先想到的就是width,如下:    var img = document.getElementsByTagName('img')[0]

2014-05-28 14:07:31 528

原创 用JQuery编写出更好的代码

讨论jQuery和javascript性能的文章并不罕见。然而,本文总结了一些速度方面的技巧和建议,来提升jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。 当你准备使用jQuery,我强烈建议你遵循下面这些指南: 缓存变量DOM遍历是昂贵的,所以尽量将会重用的元素缓存。 // 糟糕

2014-05-27 11:22:22 377

原创 简单易用的.htaccess

.htaccess 文件 (Hypertext Accessfile) 是Apache Web服务器的一个非常强大的配置文件,对于这个文件,Apache有一堆参数可以让你配置出几乎随心所欲的功能。.htaccess 配置文件坚持了Unix的一个文化——使用一个ASCII 的纯文本文件来配置你的网站的访问策略。另外,因为.htaccess 是一个相当强大的配置文件,所以,一个轻微的语法错误会造成你整

2014-05-26 11:15:20 427

原创 常见Web开发漏洞解决方法

由于一般的web开发项目主要是内部使用的业务系统,所以对于安全性一般不是看的很重,基本上由于是内网系统。但有时候一些系统平台,需要外网也要使用,这种情况下,各方面的安全性就要求比较高了,所以往往会交付给一些专门做安全测试的第三方机构进行测试,然后根据反馈的漏洞进行修复,如果你平常对于一些安全漏洞不够了解,那么反馈的结果往往是很残酷的,迫使你必须在很多细节上进行修复完善。本文针对这些漏洞问题的修复方

2014-05-23 11:03:33 567

原创 将JavaScript视为第一编程语言

有过丰富编程经验的程序员是很难一下子接受JS的继承方式,但在可汗学院(Khan Academy),我们一直在调查使用一些新的有趣的方法教学生们计算机科学。其中最有趣的是我们趋向于教他们JavaScript作为他们的第一编程语言。 我们在一个非常独特的地位,因为我们的初衷是教那些已经通过我们之前的数学和Science-centric 课程的学生。因为这样我们可以创造一些相当引人注目的

2014-05-22 11:57:00 511

原创 JavaScript和CSS的交互方法

CSS和JavaScript本来负责着完全不同的功能,但随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊。它们都属于网页前端技术,它们需要相互密切的合作。我们的网页中都有.js文件和.css文件,但这并不意味着CSS和js是独立不能交互的。下面要讲的这五种JavaScript和CSS共同合作的方法。 用JavaScript获取伪元素(pseudo-elem

2014-05-21 10:12:03 394

原创 谈谈Html的基础认知

HTML标记是由“”所括住的指令标记,用于向浏览器发送标记指令。主要分为:单标记指令、双标记指令(由“”+内容+“”构成)。  HTML语言使用标志对的方法编写文件,既简单又方便。它通常使用“内容”来表示标志的开始和结束,因此在HTML文档中这样的标志对都必须是成对使用的。  为了便于理解,将HTML标记语言大致分为基本标记、格式标记、文本标记、图像标记、表格标记、链接标记、表单标记和帧标记等。

2014-05-20 09:59:15 438

原创 那些关于Java的小秘密

如果你用过反射并且执行过getDeclaredMethods方法的话,你可能会感到很惊讶。你会发现很多源代码里没有的方法。或许你也看过到这些方法的一些修饰符,并且发现里面有的方法是volatile的。 immutator项目的一些用户遇到过这样的问题。他发现immutator(这个项目探索了Java一些不太为人所知的细节)生成的Java源代码使用volatile作为方法的关键字,这样的代码

2014-05-19 10:21:49 465

原创 用Jquery实现翻书特效

此Jquery特效是一款非常实用的功能,翻书效果一直很受人喜欢,目前功能比较简单,暂时只实现了左右翻书的效果,功能还可以无限的扩展。 翻书功能代码js代码如下: var $pageheight = 189;var $pagewidth = 146;var $pageYpos = 0;$(document).ready(function(){   //点击左边页面翻书

2014-05-16 11:35:48 1151

原创 让CSS的查找匹配原理变高效

常见的CSS也存在一些使用的误区,接下来介绍一部分CSS的真正匹配原理,首先来看1个简单的CSS: DIV#divBox p span.red{color:red;},按习惯我们对这个CSS 的理解是,浏览器先查找id为divBox的DIV元素,当找到后,再找其下的所有p元素,然后再查找所有span元素,当发现有span的class为red的时候,就应用该style。多么简单易懂的原理,可

2014-05-15 10:45:38 335

原创 技术中的小函数之道

曾经有人对函数方面提出代码最小处理单元的概念:一个基本操作(赋值,比较等),一个函数调用(包括调用后判断返回值进行判断)都看成一个最小处理单元。那么,一个函数,最小处理单元合理的个数范围在7以内。如果超过了7,你就要考虑把他们拆分成多个函数了。 设计良好的函数往往比较小,而过大函数的设计往往一塌糊涂,或者存在很大的优化空间,函数设计的本质是内聚,它的大小只是它的表现形式,讨论一下函数的大小

2014-05-14 10:45:21 390

原创 文章排版中的实用CSS基础

文章的排版中经常会用到CSS基础,当然包括了首行缩进、图文混排、设置背景色、文字居中,以及显示边框等,有了这些常用基础,不需要很多时间就能轻松完成排版工作了。 首行缩进众所周知段落的开头应该空两格,而你使用word的时候,也有首行缩进这个功能,但在html中你的空格键好像起不了作用了。当然,你可以用 来代替一个空格,但这不是理想的方式,用CSS就简单,有效了许多:你的内容

2014-05-13 14:03:23 836

原创 用JS获取函数相关的代码

本文主要介绍了Javascript获取函数名称、函数参数以及对象属性的代码,其中包括了获取函数名称的3种实现方法和用JS获取函数的所有参数并且遍历某个对象所有属性的名称和值的方法。 获取函数名称的3种实现方法 1.在js权威指南中看到的一个方法:Function.prototype.getName = function(){   return this.name || th

2014-05-12 10:26:41 1231

原创 如何编写干净高效的CSS代码

其实CSS的学习并不困难,但在一些较为大型的项目中就显得杂乱无章,变得很难管理,尤其是不同的人编写CSS的风格总会略有不同,从团队合作的层面上来说,就更加难以沟通,所以,我们为此总结了一些如何实现高效整洁的CSS代码原则: 1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的

2014-05-09 10:26:42 518

原创 HTML5和CSS3中的交互新特性

当文章的标题是一副用photoshop制作的图片,那么势必在搜索引擎中无法搜索到,而且由于图片的体积不算小,可能在网速慢的的时候不得不耐心的等待图片的刷新。所以,我们来谈谈有没有一种新的方法可以避免这些缺点。

2014-05-08 10:49:27 738

原创 静态网页简易生成方法

目前要完成静态页面生成的主要方法有简单的模板替换、常见的ASP+FSO等,接下来介绍一种更为简单的方法,原理就是借助XMLHTTP对象获取目标页面的源代码,然后写入到静态网页文件中。 Dim filename,fso,foutfilename="index.html"         Setfso=server.CreateObject("Scripting.FileSyste

2014-05-07 10:27:15 562

原创 HTML5不能完成的5件事

HTML5的强大功能众所周知,为大家解决问题是毋庸置疑的,因此,一直以来大家都把目光放在HTML5能做到什么,而HTML5确实不是万能的,那么,我们现在就专注于那些HTML5无法实现的事情。 1.HTML5上不能与摄像头交互 与Flash有所不同,HTML5不支持用户与摄像头交互(或者是PC机上的麦克风),这使得基于web的会议很难实现。当然也不是完全没有办法,在HTML5Labs

2014-05-06 10:29:15 1166

原创 JavaScript的错误简易处理

调试JavaScript着实是一件令人头痛的事情,但现在有很多工具让调试工作更方便和准确的发现错误信息。好的错误处理技术可以让脚本的开发、调试和部署更流畅。曾经,javascript总是因为会出现奇怪的令人困惑的错误消息而知名,调试这种信息确实是一段难熬的经历。以下是解决JavaScript错误的一些小方法: 1. try-catchECMA-262第3版引入了try-catch语句,

2014-05-05 11:38:27 372

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除