摘要:
Google日前推出了Web Designer的公测版,这是一款一个为创意型专业人员打造的HTML5网站和广告的设计工具。目前,Web Designer适用于Mac和Windows设备。 图:Google Web Designer不但适用于Windows平台,也兼容了Mac平台 有了Web Designer,用户可以创建互动式的单页面网站和动画。目前Web Designer的一些功能只适用于制作广告,不过Google表示这些工具在未来还能派上其它用场。 虽然 Web Designer 的核心功能在于它是一个可视化的工具。不过用户也可以利用JavaScript和CSS 来对创建的网站进行微... 阅读全文
摘要:
作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用。当然,如果我说的有不科学的地方还希望各路前辈多多指教。下面分条目列出各种规范要求,这些要求都是针对同事编码毛病提出来的,好些行业约定的其它规范可能不会再提及。 1、保证代码压缩后不出错 对于大型的JavaScript项目,一般会在产品发布时对项目包.. 阅读全文
摘要:
导航是网页设计的最重要因素之一。优秀的导航必须兼具美观和实用性。 jQuery和CSS3的信息,你可以很容易地为您的网站导航创造完美功能和定制水平。然而,如果你不熟悉这些,它会变得很困难。幸运的是,人们已经为你写好了代码。 本综述中,我们已经准备了35个新鲜(其中大多数是从2012年开始)美丽并且马上可用的jQuery和CSS3的导航菜单。您需要做的只是为您的特定需求来利用它们! 35优秀的jQuery和CSS3的导航菜单: 1. jMenu JMenu的是一个jQuery插件,使我们能够创造无限的子菜单横向导航。除了jQuery的,它也需要jQuery的用户界面,并支持这个库的所有... 阅读全文
摘要:
Javascript是一门非常灵活的语言,我们可以随心所欲的书写各种风格的代码,不同风格的代码也必然也会导致执行效率的差异,开发过程中零零散散地接触到许多提高代码性能的方法,整理一下平时比较常见并且容易规避的问题 Javascript自身执行效率 Javascript中的作用域链、闭包、原型继承、eval等特性,在提供各种神奇功能的同时也带来了各种效率问题,用之不慎就会导致执行效率低下。 1、全局导入 我们在编码过程中多多少少会使用到一些全局变量(window,document,自定义全局变量等等),了解javascript作用域链的人都知道,在局部作用域中访问全局变量需要一层一层遍历... 阅读全文
摘要:
最近的译文距今已有4年之久,原文有一定的更新。今天踩着前辈们的肩膀,再次把这篇文章翻译整理下。一来让自己对web缓存的理解更深刻些,二来让大家注意力稍稍转移下,不要整天HTML5, 面试题啊叨啊叨的~~ 什么是Web缓存,为什么要使用它? Web缓存游走于服务器和客户端之间。这个服务器可能是源服务器(资源所驻留的服务器Add),数量可能是1个或多个;这个客户端也可能是1个或多个。Web缓存就在服务器-客户端之间搞监控,监控请求,并且把请求输出的内容(例如html页面、 图片和文件)(统称为副本)另存一份;然后,如果下一个请求是相同的URL,则直接请求保存的副本,而不是再次麻烦源服务器。 ... 阅读全文
摘要:
前段时间,@developerworks在微博上向大家推荐了一篇引人深思的文章《程序员困境》,这篇文章的作者描述了在招聘内核程序员时所遇到的一个现象,一些来自大公司的“高级”程序员,却连最简单最基本的问题都无法回答,这不禁引发了作者的思考,下面是笔者的简译: 最近,我为招聘内核程序员而面试了数万个应聘者,有一些是来自有名的大公司,比如非常有名的芯片/嵌入式系统开发公司。许多人的简历制作的非常完美——涉及的各种项目、获得的各种奖项等,并有一些人声称,他们在内核研发上有10多年的工作经验,然而,令人惊奇地是,他们却无法回答一些基本的问题:当调用标准的malloc函数时,内核发生了什么? 别... 阅读全文
摘要:
UI设计 不像平面设计那样随性, 期间可以用点技巧来减少痛苦。 1. 设置网格线 保持像素完美 不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边的出现。 编辑>首选项>参考线、网格和切片 保持尺寸为偶数。 例如:设置网格线间隔为64px,子网格为64 使用网格在画图形时会自动吸附,不是1:1状态下也可以画出完美像素。 2 .智能对象和路径的变形 (1)将图层转换为智能对象(右击图层>选择转换为智能对象),这样你就可以在之后编辑效果。 (2)Ctrl + T 选择变形。 (3)点击和拖动手柄来改变形状。 例题1 例题2 3. ps cs6 隐藏路径 Pho... 阅读全文
摘要:
《parctical common lisp》的作者曾说,如果你需要一种模式,那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案。 不管是弱类型或强类型,静态或动态语言,命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员, 在短跑甚至拳击方面有一些优势,在练瑜伽上就欠缺一些。 术士和暗影牧师很容易成为一个出色的辅助,而一个背着梅肯满地图飞的敌法就会略显尴尬。 换到程序中, 静态语言里可能需要花很多功夫来实现装饰者,而js由于能随时往对象上面扔方法,以至于装饰者模式在js里成了鸡肋。 讲javascript设计模式的书还比较少. Pr... 阅读全文
摘要:
DNS解析原理及过程。 当用户访问我们网站一个网页时,他需要经过以下步骤: 1)找到这个网页的存放服务器; 2)服务器将用户的请求信息接入; 3)服务器通过文件路径(URL)查找用户请求网页; 4)用户将该网页内容下载到自己电脑上。 我们所讲的DNS解析主要是第一个步骤,即让用户通过URL找到文件存放的服务器。 1、为什么要有DNS解析? 让用户电脑和服务器(网页存放电脑)连接起来并不是靠域名进行,网络上计算机之间实现连接是通过每台计算机在网络中拥有的惟一的IP地址来完成的。但IP地址并不便于记忆,这样就需要在用户容易记忆的地址和计算机能够识别的地址之间有一个解析,用户容易记忆的... 阅读全文
摘要:
移动开发技术的发展催生越来越多开发平台和框架。开发者通过使用开发平台和框架能够极大地缩短开发周期和提高应用质量。但是,对于一种应用开发技术而言,应用框架的质量、丰富程度等情况在一定程度上决定了应用的总体质量。所以选择一款质量上乘的开发框架对开发者显得尤为重要。 HTML5,由于其突出的页面表现能力和本地数据库等功能,被大多主流浏览器所青睐。此外,通过HTML5所开发的移动应用可以在网页上直接地修改和调试,解决了开发人员重复编码等问题。本文就为大家分享当下最火热的8个HTML5开发框架。 1.Iio Engine IioEngine是一款基于Java和Canvas的开源HTML5应用创建... 阅读全文