前端

一套设计良好的 RESTful API 如何成为前后端的桥梁?

移动互联网时代,RESTful API成为越来越重要的移动端和服务器端交互的形式。尤其是在很多互联网公司或者传统行业拥抱移动互联网的时候,一套设计良好的Restful API能够帮助互联网产品支持单服务端+多客户端的场景。RESTful架构本身是一个风格而不是一个标准,这也就意味着在具体设计时会有不同的实现。那么什么是好的RESTful API呢?笔者认为适合的是最好的,能

前端开发岗位是否应该细分为偏静态和偏交互

昨天早上在微博上看到@前端农民工 发了条关于前端工作细分的微博,大意是说将前端的工作细分为页面重构(html/css)和js开发限制了工程师的发展,而且页面功能模块的开发维护也会变得割裂,一定程度上限制了js和css的配合方式,公司不应该这样做。然而,事实上很多互联网公司前端团队就是这么干的,包括我们团队,今天就来探讨一下这个问题,看看很多公司为什么要把前端工作细分,把前端

100+ 超全的 web 开发工具和资源

作为 Web 开发者,这是好的时代,也是坏的时代。Web 开发技术也在不断变化。虽然很令人兴奋,但是这也意味着 Web 开发人员需要要积极主动的学习新技术和新的编程语言,并愿意和渴望接受新的挑战,以适应变化。新的挑战可能会包括一些开发上的要求,如利用适应现有的框架来满足业务需求。测试一个网站,能从中知道出了哪些技术上的问题,并且我们针对这些问题进行优化和消除。便于后端的开发

厉害了!14 款帮你提升网页设计和开发效率的网站与工具

实际上,网页设计本身一直在逐步的转变和调整,这也使得我们所用的工具和服务也逐步随之转变。所以,我们需要推荐一些最新的、实用的、贴合当前网页设计需求的工具和服务,来帮助用户更好的应对不断进化的需求。今天所搜集的这14款工具和服务,覆盖网页设计所涉及到的各个不同的层面,有线框图工具,HTML转化服务,甚至包括一部非常极客的漫画。这14个工具与服务覆盖面足够广,总归有几个会让你动

浅谈思路!七个技巧帮你搞定响应式网页中的图片设计

响应式网页设计已经是如今当之无愧的标准配置了,我们需要响应式的技术来应对日渐碎片化的屏幕尺寸,网页设计师也力图做好这件事情。而网页中的图片和图库的响应式设计,也是其中的重点难点。它们是网页中最常见,也是最直观可见的元素。打开一个漂亮精致的网站,然而其中的图片和图库看起来怎么都和页面不匹配,这样的情况恐怕是最让人抓狂的了。如果要设计好响应式的图片和图库,今天接下来要聊的7个技

功能性动画设计: 优秀的转场效果

功能性动画是一种微妙的动画,有着明确、合理的目标。它能减少认知负荷,防止变化视盲,在空间上营造更好的印象。但还有一点,动画让用户界面鲜活起来。通过组合与分割、改变形状和尺寸,运动可以使外表感觉鲜活。应当运用功能性的动画,流畅地在导航内容间引导用户,解释屏幕元素和排列的变化,并且强调元素层级。成功的动效设计具有以下6个特征:1. 响应_视觉反馈_在ui设计中极度重要。因为它符

识别滚动条上的mousedown mouseup事件

转载请注明出处:https://github.com/xinglie/xi...网页内容区域自动滚动,滚动条会随着内容的增加自动往下滚动。当用户鼠标在滚动条上按下的时候,我们可以假设他(她)正在浏览聊天内容,那么这个时候好的用户体验就不能让滚动条再自动滚动了。为了实现这个功能,可能大家首先会想到的就是mouse down 和 mouse up事件了。嗯,我们可以利用它,我们

JavaScript设计模式学习—策略模式

什么是策略模式策略模式,就是将不同的算法各自封装起来,然后根据程序的不同情况,采用不同的算法,有点像工厂模式。比如在很多种情况下,都要写ifXXX dosometing() else if XXX,这是最基本的程序逻辑写法,但随着情况越来越复杂,那么代码将非常难读,混乱不堪。策略模式实现之前写过的一个页面就非常痛苦,是一个订单页加一些新功能,我是中途接手的,这个页面大概的描

切图崽的自我修养-优化图片加载流程

前言优化! 又是优化!切图崽们作为整个web应用的纽带,连接着用户行为和机器性能. 而优化的最终意义,在于在这两者之间取得一个最佳的平衡点.对于图片资源的加载来说,更是如此. 今天我们就来简单说说,项目开发中常见的图片加载优化方式.预加载1.遮罩大法我们都知道,window.onload实际上是DOMContentLoaded事件完成的回调,只是完成了DOM树的构建. 诸如

常见设计模式的定义,应用场景和方法

模式是对某情景下,针对某种问题的某种解决方案。而一个设计模式是用来解决一个经常出现的设计问题的经验方法。这么说来,每个模式都可能有着自己的意图,应用场景,使用方法和使用后果。本文的行文思路和目的皆在于了解各个模式的定义,应用场景和用实例说明如何在前端开发中使用。本文所设计到的概念和实例大多来自《Head First设计模式》和《JavaScript设计模式和开发实践》二书,