付出2个,必须询问的那二个事

做 Web 应用要精通的那个事

2015/07/21 · HTML5 ·
Web应用

本文由 伯乐在线 –
刘健超-J.c
翻译,黄利民
校稿。未经许可,禁止转发!
英文出处:blog.venanti.us。欢迎出席翻译组。

在过去一年里,作者从零伊始开发向来在本人的第二个紧要的 Web
应用程序。这一次经历教会了自家不少事先不精通的事物,尤其在安全和用户体验方面。

自家最后三遍尝试开发丰富复杂的利用是在 2007年,所以就作者的立足点的话,有诸多事物必要补给。

除开我所知所见外,要牢记本文清单里的内容。因为在付出 Web
应用时,尤其是刚初始做的时候,不难忘记一些重中之重的政工。

以此检查清单并不是八面玲珑,假如您是三个经验丰盛的开发者,那里大概没有让你倍感惊喜的东西,但本身希望能印证它是推进让您回看起部分失去的事物。

  在过去的一年里,小编在从头初始开发自身的首先个基本点的Web应用。经验教会了过多原先不了然的东西,越发是在安全性和用户体验方面。

付出三个 Web App 必须精晓的这个事,app那二个事

  在过去的一年里,我在从头开头开发自身的率先个重大的Web应用。经验教会了不少以前不了解的事物,尤其是在安全性和用户体验方面。

  值得一提的是,小编上两遍尝试打造的其他合理复杂性是在二〇〇七年。所以,在安全防卫方面,笔者还有不少事物要求去填补。

  即便在那二个本身一度精通或曾经遭遇过的事物之外,上面这几个清单的底细在支付Web应用时也十二分简单忘记,特别是您才刚刚运营的时候。

付出2个,必须询问的那二个事。  那个清单只怕在某个地点不尽详细,固然你是1位经验丰硕的开发者,作者困惑那里将不会有何事物会让你感觉到讶异。不过,小编希望它对那几个恐怕丢掉了部分东西的人有支持。

在过去的一年里,小编在从头开首开发自个儿的率先个第二的Web应用。经验教会了不少以前不驾驭的东西,尤其是在安全性和用户体验方面。

安全性

认可邮件:当用户注册时,应向他们发送带有点击确认邮箱的链接的邮件。借使用户更新他们的邮箱地址,则要重复重新那些工作流程。

身份管理:当存储密码时,首先对它们举行加盐和散列操作,然后再用后平常见利用的
crypto 库。假使您不这么做的话,把地点管理转由给 Facebook / GitHub /
 推特 / 等,用 OAuth 就能成就。

加密:全体证件难点,还有怎样比 SSL
更好。使用它呢。还足以接纳 HSTS。

证据:不要把服务器身份音信(API
密钥、数据库密码等)放到版本控制里,否则就泄密了。

  值得一提的是,作者上一回尝试打造的其它合理复杂性是在2006年。所以,在黑河防卫方面,作者还有许多事物须要去填补。

 安全性

  确认电子邮件:当用户注册时,你应当发二个带有确认链接的电子邮寄给他俩,然后用户必须点击链接来确认。若是用户在有些时候改变她们的电子邮箱地址,应该接触同样的操作流程。

付出2个,必须询问的那二个事。  身份管理:在储存密码时,先用广泛拔取的加密库将密码加密。假若你能不管理密码,那么身份管理转由脸书/Github/Twitter来管理,只要接纳3个验证接口。

  加密:对Web的拥有证件难点,没有比SSL更好的技能了,使用它吧,恐怕采纳 HSTS 也可以。

  证书:永远不要Check任何款式的服务器证书(API密钥、数据块密码)到源码控制库中。

皇家赌场手机版 1

值得一提的是,小编上三次尝试创设的其余合理复杂性是在二〇〇五年。所以,在平安防卫方面,作者还有众多事物要求去填补。

工程:动画

具有的爱,都是高雅的。但别为运用里的有所因素添加动画。因为一大半 CSS
动画都会接触布局重绘;最好尽或者地界定自个儿行使 transform 和 opacity。

避免举行缓慢的对接运算,如若非要使用,那么保险它是针对有些属性的(如,”transition:
opacity 250ms ease-in” ,而不是 “transition: all 250ms ease-in”)。

  就算在那1个自身早就知道或早已碰到过的事物之外,上边那一个清单的细节在付出Web应用时也万分不难忘记,尤其是您才刚好起步的时候。

 工程:动画

  对于那整个是清白的爱,别将您的app上拥有的因素都做成动画,因为半数以上CSS动画都会触发表局重绘。你最好限制一下,尽只怕用变换和
opacity。

  防止懒过渡统计,若是你肯定要运用它,必须确保使用一定的品质(如:”transition:
opacity 250ms ease-in” 而不是 “transition: all 250ms ease-in”)。

即使在这一个本人曾经知晓或早已碰到过的事物之外,下边这些清单的底细在付出Web应用时也极度不难忘记,尤其是你才刚好起步的时候。

用户体验(UX)

表单:当提交3个表单后,用户应收取提交后的报告。假使提交后不向用户发送三个两样的页面,那么就活该有弹框或
alert 一些音信,以便让用户知道这一次提交是不是成功。

报到重定向:即便用户打算在你的网站打开三个页面,但并没有登录,那么她们应有首先接受到三个能登录的页面,并在登录后重定向到一个他们本来想打开的二个页面(当然,前提是已拿到授权)。

设若他们尝试登录,但提供了三个荒唐的密码,那时,用户有或然是忘记了密码,那大家就应当提供三个视觉线索来唤起她们,要有贰个重置密码的选项。

  那几个清单或者在有个别地点不尽详细,倘诺你是1个人经验丰富的开发者,作者怀疑这里将不会有怎么着东西会让你感觉好奇。不过,作者期待它对那多少个只怕有失了一部分事物的人有协理。

 用户体验

  表单:当提交表单时,用户应该取得部分关于提交的申报音信。如若提交后页面没跳转到其余页面,那么就活该有多个弹出类型的唤醒来让用户了然他们是交给成功了依然败诉了。

  登陆重定向:假如2个用户正想访问你网址上的有些页面,不过他不曾登陆,那么用户应该首先被导向登陆页面,用户登陆之后又会跳转到他事先试着去访问的页面。
如若她们在登陆时输入了不当的密码,应该给予提醒,指示他们借使忘记密码了足以选拔重新安装新密。

其一清单或许在好几方面不尽详细,假诺您是1个人经验丰盛的开发者,作者困惑那里将不会有怎么着东西会让您感到愕然。不过,小编盼望它对那二个只怕有失了有的事物的人有帮扶。

电子邮件

订阅设置:任何发送到用户的 email
,都应该至少含有3个链接,能链接到修改他们的邮箱设置的应用程序页面,并且最好每一种邮件都有1个单身的链接,能收回订阅。

千万别让用户为了打消订阅而向您发送邮件。

 安全性

  确认电子邮件:当用户注册时,你应当发一个带有确认链接的电子邮寄给他俩,然后用户必须点击链接来确认。若是用户在有些时候改变她们的电子邮箱地址,应该接触同样的操作流程。

  身份管理:在储存密码时,先用广泛应用的加密库将密码加密。若是你能不管理密码,那么身份管理转由Facebook/Github/推特来管理,只要利用三个表明接口。

  加密:对Web的拥有证件难题,没有比SSL更好的技能了,使用它吧,恐怕应用 HSTS 也可以。

  证书:永远不要Check任何款式的服务器证书(API密钥、数据块密码)到源码控制库中。

皇家赌场手机版 2

 电子邮件

  订阅设置:你发送给每种用户的邮件,至少要含有一个链接到你的施用的八个页面,在那些页面上用户可以修改他们的信箱设置;还相应二个独立链接供用户来打消订阅。
别让他俩发邮件给你来废除订阅。

安全性

肯定电子邮件:当用户注册时,你应该发1个包蕴确认链接的电子邮寄给她们,然后用户必须点击链接来确认。若是用户在某些时候改变他们的电子邮箱地址,应该接触同样的操作流程。

地方管理:在储存密码时,先用广泛应用的加密库将密码加密。如若你能不管理密码,那么身份管理转由脸谱/Github/推特来保管,只要利用一个表达接口。

加密:对Web的有所证件难点,没有比SSL更好的技能了,使用它呢,可能采纳 HSTS也可以。

证书:永恒不要Check任何款式的服务器证书(API密钥、数据块密码)到源码控制库中。

皇家赌场手机版 3

移动端

尽管你不要支付活动端…但不管你是否做,你都应有有限协理那是贰个积极性的支配,因为那会对你的应用程序设计和工程有实质性影响。

上边的注意事项是若是你已摘取移动端作为你的阳台之一。小编刚刚采取 Grunt
作为自个儿的创设工具,所以自个儿得使用部分 Grunt-specific
插件,但您或者选拔类似的 JavaScript 打造工具。

 工程:动画

  对于那全数是天真的爱,别将你的app上具备的因素都做成动画,因为多数CSS动画都会触揭橥局重绘。你最好限制一下,尽恐怕用变换和
opacity。

  幸免懒过渡总括,如果您肯定要选取它,必须保证使用一定的性质(如:”transition:
opacity 250ms ease-in” 而不是 “transition: all 250ms ease-in”)。

 移动端

  你并不一定要为你的应用开发活动客户端。可是,开发或不付出,你无法不明白它是1个百般关键的操纵。因为那将对开发你的运用的设计师和工程师暴发主要影响。

  以下假定你早就选取某一定移动端作为你的阳台之一。我刚好使用了Grunt来作为本人的打造工具,所以,作者一度有所一些有关Grunt的插件可以用。不过,或然存在部分与你正在利用的JavaScript工具类似的东西。

工程:动画

对此那全数是天真的爱,别将你的app上独具的要素都做成动画,因为多数CSS卡通都会触公布局重绘。你最好限制一下,尽大概用变换和
opacity。

幸免懒过渡总计,倘诺你势要求选用它,必须确保使用一定的质量(如:”transition:
opacity 250ms ease-in” 而不是 “transition: all 250ms ease-in”)。

工程

单页面应用:到现在单页面(SPA)是王道。它的关键优势是很少加载整个页面 –
只需加载所需财富,并且不要反复重载相同的能源。若是您才刚刚伊始开发2个新的
web 应用,那它很只怕是 SPA。

 用户体验

  表单:当提交表单时,用户应该得到部分关于提交的反映消息。如若提交后页面没跳转到其余页面,那么就相应有三个弹出类型的晋升来让用户了然他们是交由成功了依然败诉了。

  登陆重定向:即使三个用户正想访问你网址上的有个别页面,然则他平昔不登陆,那么用户应该率先被导向登陆页面,用户登陆之后又会跳转到他后边试着去拜访的页面。
假设他们在登陆时输入了不当的密码,应该予以指示,提醒他们借使忘记密码了足以选拔重复安装新密。

 工程

皇家赌场手机版,  单页面应用:近来单页面应用(SPA)是主流,它的紧要优势:SPA只需要更少的加载,只必要加载你所急需的能源,而且不须求再度三遍又两次的加载。假使您刚好准备做二个新的web应用,你应有选择SPA。

用户体验

表单:当提交表单时,用户应该得到一些关于提交的举报信息。若是提交后页面没跳转到别的页面,那么就应该有二个弹出类型的唤起来让用户知道她们是付诸成功了只怕失败了。

登陆重定向:万一3个用户正想访问你网址上的某部页面,但是他并未登陆,那么用户应该首先被导向登陆页面,用户登陆之后又会跳转到他前头试着去拜谒的页面。
即便她们在登陆时输入了错误的密码,应该授予指示,提醒他们假使忘记密码了可以挑选重新安装新密。

用户界面(UI)

分辨率:当您付出 MVP (Minimum Viable Product
–最简化可举行产品)时,不用先急着格外各个尺寸的 UI
,那是等你的产品一下子火了之后才要求去做的业务,但要确保协助主流设备(尺寸)。

 电子邮件

  订阅设置:你发送给各种用户的邮件,至少要包含3个链接到你的接纳的一个页面,在那些页面上用户可以修改他们的信箱设置;还应当2个单独链接供用户来撤消订阅。
别让他们发邮件给您来裁撤订阅。

 用户界面

  分辨率:在您付出你的MVP时,你只怕不需求保证您的UI能够在享有设备上优雅地劳作,然则,但你应有保险它能适用于手机和平板统计机分辨率的基本范围。

电子邮件

订阅设置:你发送给每种用户的邮件,至少要含有五个链接到您的施用的一个页面,在那个页面上用户可以修改他们的信箱设置;还相应七个独立链接供用户来撤废订阅。
别让他俩发邮件给你来裁撤订阅。

UX:带宽

相持于桌面端,移动端的一个大主旨是带宽,它是充足宝贵的财富。因此,不应该放过任何能减小请求的机遇,让它们尽大概地利用异步请求,并裁减请求财富的轻重。

JS & CSS – 合并与削减:把面向具体行使的 JavaScript 和 CSS
 合并到独门文件里(三个 JS,壹个CSS),并展开压缩。Grunt-contrib-concat、Grunt-contrib-cssmin 和 Grunt-contrib-uglify 都以你的好爱人。

富有财富 – 使用
CDN:它有八个重大的优势。首个是适用托管全部财富,并本地化。CDN
确保能源服务都坐落三个区域,而该区域在地理地方上是濒临用户请求能源的岗位,从而收缩加载时间。

第②个优势是更适用于您的依靠文件(比如,非面向特定应用的样式和 JS
代码)。为您所倚重的公文使用 CDN
能极大地减小加载时间。比如,很多网站倚重 Angular.js,使用 CDN 链接
Angular
代码会触发缓存命中,那么移动装备会从设备缓存里搜索,而不是额外新建壹个HTTP 请求。

CSS – 收缩占用空间:大部分开发者在起来时阶段,很大概行使一些 UI 框架(如
Bootstrap、Foundation 等)。这么些框架可以很大,其压缩版平时可以常用的
CDN 上获取,但您不太可能使用它包括的富有样式。由此,类似
uncss 工具(一般配对的有 processhtml)能令你怀疑地移除最后未被应用的样式。

留神那点很重大:uncss 解析器不或然领到动态样式(即透过 JavaScript
事件添加的样式),所以您无法不在浏览器举行严加的测试,以管教不会删除应用程序实际采纳的体裁。

CSS –
将根本的文书放在头顶:因为样式须要在采用达成加载前观看;次要的样式能在加载完后提供。

JS – 减少占用空间:因为使用一旦上线,程序员就不需求考虑 JavaScript
代码里内部变量的可读性,因而可以将兼具如 user.name 变量重命名为
u.e,从而收缩文件大小。由此,有三个工具为此而生 –
下面提及到的 uglify,纵然它会使 JS
代码完全看不懂,但巨大地减小文件大小。

 移动端

  你并不一定要为你的使用开发运动客户端。可是,开发或不支付,你无法不通晓它是壹个不行重大的控制。因为那将对开发你的选择的设计师和工程师发生第三影响。

  以下假定你早就采取某一定移动端作为你的阳台之一。作者刚好使用了Grunt来作为自己的创设工具,所以,小编曾经具备一些有关Grunt的插件可以用。然而,可能存在有的与您正在拔取的JavaScript工具类似的事物。

 用户体验:带宽

  移动端的带宽比台式电脑的带宽越发难得,那也是活动接纳的一大话题。因而,你应该寻找一切机遇来压缩请求的数码,尽只怕使用异步,减小被呼吁能源的轻重。

  JS与CSS:你应当讲应用上一定的JavaScript和CSS集中停放多个文本中(三个存JS、2个存CSS),并尽量裁减它们的深浅。你的爱人在那里 Grunt-contrib-concat , Grunt-contrib-cssmin 和  Grunt-contrib-uglify 。

  为保有能源–使用CDN:使用CDN主要有多个好处。第②个适用于全数托管的能源即是定位,CDN可以保险您的能源在有个别区域,然后用户访问的时候可以前后访问能源,那样收缩了财富加载时间。

  第一个是采纳于你的Web应用的正视性文件(比如:非特定于应用的样式和JS代码)。对web应用所依靠的文书使用CDN,可经过用户的缓存来极大地减小加载时间。举个例子,很多网站都看重Angular.js,使用CDN来链接到主旨角代码将会接触1个缓存命中,移动装备用户将会从缓存中吸收它,而不是倡导另贰个HTTP请求。

  CSS-减小本子大小:半数以上开发者刚开头的时候可能会使用某种UI框架(如Bootstrap、Foundation等)。那几个框架只怕卓殊大,常常在超过一半CDN上都可用它们的精简版样式,你也不容许须要接纳它们所蕴藏的满贯体裁。平时,像类似 uncss 的工具(寻常与类似 processhtml 的工具搭配)在帮您移除那一个用不着的体裁有疑虑的意义。

  必要强调的是,uncss解析器不能够解析动态样式。所以您在检测的时候,必须谨慎,确保别删错了这几个实在被采纳在您的采纳中的样式。

  CSS-将根本的代码放置到head:在运用加载完此前,关键样式应该早就可用,它们应该放手Head中。次要的样式可用稍后再加载。

  JS-减小本子大小:由于在您的出品中JavaScript代码不须要任何内部变量对大千世界易精晓,将变量user.email重命名为u.e大概会推进减小你的剧本文件。幸运的是,有个工具得以帮您做那些工作-前边提到的 uglify ,它可以将您的JS代码变得难以读懂,可是JS文件会更小。

移动端

您并不一定要为你的应用开发移动客户端。但是,开发或不付出,你不可以不领悟它是一个那么些首要的决定。因为那将对开发你的行使的设计师和工程师发生相当紧要影响。

以下假定你已经选拔某一定移动端作为你的阳台之一。笔者刚刚使用了Grunt来作为自己的打造工具,所以,作者早就拥有一些关于Grunt的插件可以用。不过,大概存在有的与你正在利用的JavaScript工具类似的东西。

用户体验:表单

那是二个很好的提议:保持表单和工作流程的简易性,当您针对移动装备作为布置平台时,那点越来越重点。因为从没人乐于在表弟大上填满
5 页的表单。


自身愿意那列表对于刚(yú gāng )初始支付第三款 Web
应用的你有着协理,甚至对那多少个从前不熟悉前端的部分优化技术的后端或设计师。假如您有别的提出或记起有些事物,那么请让本身精晓,作者会考虑将它添加到该列表。

感谢 Chris Dean (@ctdean),Danny King
(@dannykingme) 和 Allen Rohner
(@arohner),他们不光审阅本文的文稿,而且添加了提出。

打赏襄助自身翻译越多好作品,多谢!

打赏译者

 工程

  单页面应用:近年来单页面应用(SPA)是主流,它的主要性优势:SPA只要求更少的加载,只须要加载你所急需的能源,而且不要求再行一次又三遍的加载。若是你碰巧准备做七个新的web应用,你应当接纳SPA。

 用户体验:表单

  确保您的表单和办事流程简便,总体上而言那是一个很好的提议。假若您还增选了针对移动端举办布署,那么这或多或少越来越重点,没有人愿意在她们的无绳电话机上填入具有三个页面的表单。

  笔者梦想那几个列表可以对这多少个正准备开发你的第捌个web app、或是那个已经先河在付出、或对前者设计优化技术并不熟悉的情人有辅助。如若您入手开发从此察觉了有的别样被遗失的技艺或技术,请记下来并告诉本人,作者会考虑把它添加在这几个列表中。

  假若你也喜欢那篇小说,或认为它对您有帮助,请分享到社区,让愈多的敌人受益于它吧!

  由程序员的资料库–小柯同学翻译,有翻译不得法的地点,请协理校对,多谢资助。

  英文原文: Things to Know When Making a Web Application in
二零一六 翻译:codecloud.net

Web App 必须精通的那多少个事,app那些事
在过去的一年里,笔者在从头开端开发自身的首先个非常主要的Web应用。经验教会了诸多原先不知底的…

工程

单页面应用:不久前单页面应用(SPA)是主流,它的根本优势:SPA只需要更少的加载,只需求加载你所必要的能源,而且不须要再行三回又两遍的加载。借使您刚好准备做2个新的web应用,你应该拔取SPA。

打赏援救本身翻译更加多好小说,谢谢!

任选一种支付情势

皇家赌场手机版 4
皇家赌场手机版 5

1 赞 1 收藏
评论

 用户界面

  分辨率:在你付出你的MVP时,你可能不需要确保您的UI可以在享有设备上优雅地劳作,可是,但你应有保险它能适用于手机和三星GALAXY Tab分辨率的为主范围。

用户界面

分辨率:在你付出你的MVP时,你可能不必要确保您的UI可以在有着设备上优雅地劳作,可是,但您应有有限支撑它能适用于手机和机械电脑分辨率的中心范围。

关于笔者:刘健超-J.c

皇家赌场手机版 6

前端,在路上…
个人主页 ·
小编的稿子 ·
19 ·
    

皇家赌场手机版 7

 用户体验:带宽

  移动端的带宽比台式电脑的带宽越发难得,那也是挪动使用的一大话题。因而,你应该寻找一切机遇来压缩请求的数量,尽大概使用异步,减小被呼吁能源的轻重。

  JS与CSS:你应当讲应用上一定的JavaScript和CSS集中停放一个文件中(多少个存JS、3个存CSS),并尽量缩短它们的深浅。你的爱侣在此处 Grunt-contrib-concat , Grunt-contrib-cssmin 和  Grunt-contrib-uglify 。

  为拥有能源–使用CDN:使用CDN首要有多个便宜。第二个适用于拥有托管的能源即是定位,CDN可以保证您的财富在有个别区域,然后用户访问的时候可之前后访问财富,那样裁减了财富加载时间。

  第3个是应用于你的Web应用的正视性文件(比如:非特定于应用的体制和JS代码)。对web应用所看重的文书使用CDN,可透过用户的缓存来极大地减小加载时间。举个例子,很多网站都看重Angular.js,使用CDN来链接到宗旨角代码将会触发贰个缓存命中,移动设备用户将会从缓存中接到它,而不是发起另2个HTTP请求。

  CSS-减小本子大小:半数以上开发者刚先河的时候或者会动用某种UI框架(如Bootstrap、Foundation等)。那些框架或者那些大,寻常在大部CDN上都可用它们的精简版样式,你也不容许须求动用它们所蕴藏的全部体制。平时,像类似 uncss 的工具(平日与类似 processhtml 的工具搭配)在帮你移除这一个用不着的体裁有狐疑的意思。

  须求保养的是,uncss解析器不或然解析动态样式。所以你在检测的时候,必须谨慎,确保别删错了那多少个实在被利用在你的施用中的样式。

  CSS-将首要的代码放置到head:在应用加载完之前,关键样式应该已经可用,它们应该放置Head中。次要的体裁可用稍后再加载。

  JS-减小本子大小:由于在您的出品中JavaScript代码不须求其余内部变量对人人易领会,将变量user.email重命名为u.e只怕会推向减小你的剧本文件。幸运的是,有个工具得以帮您做这一个工作-前边提到的 uglify ,它可以将你的JS代码变得难以读懂,可是JS文件会更小。

用户体验:带宽

运动端的带宽比台式电脑的带宽越发难能可贵,那也是移动使用的一大话题。因而,你应当寻找一切机遇来压缩请求的数码,尽大概使用异步,减小被呼吁能源的大大小小。

JS与CSS:您应当讲应用上一定的JavaScript和CSS汇集停放2个文书中(1个存JS、贰个存CSS),并尽量收缩它们的大大小小。你的爱侣在此处 Grunt-contrib-concat, Grunt-contrib-cssmin 和 Grunt-contrib-uglify 。

为全数财富–使用CDN:动用CDN主要有两个便宜。第三个适用于具有托管的能源即是定位,CDN可以保证您的能源在某些区域,然后用户访问的时候可以就地访问能源,那样裁减了能源加载时间。

其次个是利用于您的Web应用的借助文件(比如:非特定于应用的体制和JS代码)。对web应用所依靠的文件使用CDN,可经过用户的缓存来极大地减小加载时间。举个例子,很多网站都依赖Angular.js,使用CDN来链接到主旨角代码将会接触三个缓存命中,移动设备用户将会从缓存中收取它,而不是倡议另二个HTTP请求。

CSS-减小本子大小:绝大部分开发者刚初步的时候可能会采用某种UI框架(如Bootstrap、Foundation等)。这一个框架大概尤其大,寻常在多数CDN上都可用它们的精简版样式,你也不能够必要使用它们所包涵的全套样式。日常,像类似uncss的工具(平日与类似 processhtml 的工具搭配)在帮您移除那多少个用不着的体制有疑虑的含义。

要求侧重的是,uncss解析器不只怕解析动态样式。所以你在检测的时候,必须如临深渊,确保别删错了那多少个实际上被运用在你的接纳中的样式。

CSS-将主要的代码放置到head:在行使加载完从前,关键样式应该已经可用,它们应该放置Head中。次要的样式可用稍后再加载。

JS-减小本子大小:是因为在您的制品中JavaScript代码不必要其余内部变量对众人易了解,将变量user.email重命名为u.e大概会有助于减小你的台本文件。幸运的是,有个工具得以帮你做这些工作-后面提到的 uglify,它可以将您的JS代码变得难以读懂,可是JS文件会更小。

 用户体验:表单

  确保您的表单和行事流程简便,总体上而言那是2个很好的提出。如若您还采纳了针对移动端进行配备,那么那或多或少越来越关键,没有人愿意在她们的手机上填写具有六个页面的表单。

  作者盼望以此列表可以对那几个正准备支付你的首先个web app、或是那3个已经起始在付出、或对前者设计优化技术并不熟稔的爱侣有救助。假诺你入手开发从此发现了有些其余被遗失的技术或技术,请记下来并告诉小编,我会考虑把它添加在那一个列表中。

  若是你也爱不释手这篇文章,或觉得它对你有扶助,请分享到社区,让更加多的情侣收益于它吗!

  由程序员的资料库–小柯同学翻译,有翻译不得法的地点,请协理矫正,多谢接济。

  英文原文: Things to Know When Making a Web Application in
2015 翻译:codecloud.net

用户体验:表单

管教您的表单和工作流程省略,总体上而言那是3个很好的提出。若是您还拔取了针对移动端举行计划,那么那或多或少越来越紧要,没有人愿目的在于他们的无绳电话机上填入具有几个页面的表单。

作者盼望那个列表可以对那多少个正准备支付你的首先个web
app、或是那么些曾经开始在付出、或对前者设计优化技术并素不相识的敌人有支持。即便您入手开发从此察觉了一些别样被丢掉的技艺或技术,请记下来并告知自个儿,作者会考虑把它添加在那几个列表中。

原文地址:

原稿地址(英文):

 

 

Leave a Comment.