使用要领会的那么些事,开发一个

做 Web 应用要精晓的那个事

2015/07/21 · HTML5 ·
Web应用

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

在过去一年里,我从零开端开发直接在自家的第三个重大的 Web
应用程序。这一次经历教会了自身不少事先不晓得的东西,特别在安全和用户体验方面。

本身最后五回尝试开发丰裕复杂的施用是在 2005
年,所以就自身的立足点的话,有成百上千事物须要补充。

除外自身所知所见外,要切记本文清单里的内容。因为在支付 Web
应用时,越发是刚开始做的时候,简单忘记一些重中之重的政工。

其一检查清单并不是左右逢原,如果你是一个经验丰裕的开发者,那里恐怕没有让您感到惊喜的事物,但自身希望能表明它是促进让您想起起一些失去的事物。

支付一个 Web App 必须了解的那一个事,app那几个事

  在过去的一年里,我在从头起先开发自己的率先个关键的Web应用。经验教会了过多在先不领悟的事物,越发是在安全性和用户体验方面。

  值得一提的是,我上四遍尝试构建的任何合理复杂性是在二零零五年。所以,在安全防卫方面,我还有好多东西须求去填补。

  即使在这几个自己已经了解或已经蒙受过的东西之外,下边那几个清单的细节在开发Web应用时也万分简单忘记,更加是您才刚刚启动的时候。

  这一个清单可能在少数地点不尽详细,如果您是一位经验充足的开发者,我怀疑那里将不会有如何东西会让您感觉好奇。但是,我希望它对那么些可能丢掉了有的东西的人有援救。

  在过去的一年里,我在从头初始开发自己的首先个至关紧要的Web应用。经验教会了无数原先不晓得的事物,更加是在安全性和用户体验方面。

在过去的一年里,我在从头开头开发自己的首个关键的Web应用。经验教会了不少在此往日不了解的东西,尤其是在安全性和用户体验方面。

安全性

肯定邮件:当用户注册时,应向他们发送带有点击确认邮箱的链接的邮件。假如用户更新他们的邮箱地址,则要双重重复那一个工作流程。

地方管理:当存储密码时,首先对它们进行加盐和散列操作,然后再用明日广大选拔的
crypto 库。即使你不那样做的话,把地方管理转由给 脸书 / GitHub /
 推特(Twitter) / 等,用 OAuth 就能到位。

加密:所有证件问题,还有啥样比 SSL
更好。使用它吗。还足以行使 HSTS。

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

 安全性

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

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

  加密:对Web的所有证件问题,没有比SSL更好的技艺了,使用它呢,或者应用 HSTS 也得以。

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

亚洲必赢官网 1

  值得一提的是,我上两遍尝试构建的其余合理复杂性是在二〇〇五年。所以,在达州防卫方面,我还有很多东西须求去填补。

值得一提的是,我上一回尝试构建的其他合理复杂性是在二〇〇五年。所以,在安全防卫方面,我还有不少事物要求去填补。

工程:动画

负有的爱,都是雅致的。但别为利用里的享有因素添加动画。因为一大半 CSS
动画都会触发表局重绘;最好尽可能地限制自己使用 transform 和 opacity。

幸免举办缓慢的联网运算,若是非要使用,那么有限协理它是针对性某个属性的(如,”transition:
opacity 250ms ease-in” ,而不是 “transition: all 250ms ease-in”)。

 工程:动画

  对于那总体是一干二净的爱,别将您的app上独具的元素都做成动画,因为多数CSS动画都会触公布局重绘。你最好限制一下,尽可能用变换和
opacity。

  防止懒过渡总计,假如您早晚要运用它,必须保障使用一定的性能(如:”transition:
opacity 250ms ease-in” 而不是 “transition: all 250ms ease-in”)。

  即使在那么些自己已经驾驭或曾经碰着过的东西之外,上面那么些清单的细节在支付Web应用时也格外不难忘记,越发是您才刚刚启动的时候。

纵使在那些自己早就了然或已经遇到过的东西之外,下边这几个清单的底细在开发Web应用时也非凡不难忘记,尤其是您才刚刚起步的时候。

用户体验(UX)

表单:当提交一个表单后,用户应收取提交后的申报。借使提交后不向用户发送一个见仁见智的页面,那么就应该有弹框或
alert 一些新闻,以便让用户知道这一次提交是或不是成功。

签到重定向:如果用户打算在您的网站打开一个页面,但并从未登录,那么她们应有率先接受到一个能登录的页面,并在报到后重定向到一个他们原本想打开的一个页面(当然,前提是已取得授权)。

假设她们尝尝登录,但提供了一个错误的密码,那时,用户有可能是忘记了密码,那我们就活该提供一个视觉线索来提示他们,要有一个重置密码的选项。

 用户体验

  表单:当提交表单时,用户应该拿到部分关于提交的举报信息。若是提交后页面没跳转到其他页面,那么就应该有一个弹出类型的唤醒来让用户知道她们是交给成功了或者败北了。

  登陆重定向:如若一个用户正想访问你网址上的某个页面,不过他从不登陆,那么用户应该首先被导向登陆页面,用户登陆之后又会跳转到他从前试着去做客的页面。
假设他们在登陆时输入了不当的密码,应该授予提示,提示他们只要忘记密码了可以挑选重复设置新密。

  那么些清单可能在少数方面不尽详细,假诺您是一位经验丰盛的开发者,我质疑那里将不会有哪些东西会让您感觉到惊叹。不过,我希望它对那个可能丢掉了部分东西的人有支持。

以此清单可能在好几地点不尽详细,倘诺您是一位经验充裕的开发者,我难以置信那里将不会有哪些东西会让您感觉到讶异。可是,我梦想它对那多少个可能有失了部分东西的人有接济。

电子邮件

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

千万别让用户为了裁撤订阅而向你发送邮件。

 电子邮件

使用要领会的那么些事,开发一个。  订阅设置:你发送给每个用户的邮件,至少要含有一个链接到您的使用的一个页面,在那个页面上用户可以修改他们的邮箱设置;还相应一个单身链接供用户来撤除订阅。
别让他俩发邮件给您来裁撤订阅。

 安全性

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

  身份管理:在存储密码时,先用广泛利用的加密库将密码加密。若是您能不治本密码,那么身份管理转由Facebook/Github/推特(Twitter)来管理,只要选择一个验证接口。

  加密:对Web的有着证件问题,没有比SSL更好的技巧了,使用它呢,或者选拔 HSTS 也可以。

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

亚洲必赢官网 2

安全性

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

身份管理:在储存密码时,先用广泛利用的加密库将密码加密。假设您能不管理密码,那么身份管理转由非死不可/Github/推特(TWTR.US)来治本,只要选拔一个验证接口。

加密:对Web的具有证件问题,没有比SSL更好的技术了,使用它呢,或者接纳 HSTS亚洲必赢官网,也可以。

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

亚洲必赢官网 3

移动端

虽说您不要支付活动端…但不管你是或不是做,你都应该保障那是一个积极性的控制,因为那会对你的应用程序设计和工程有实质性影响。

下边的注意事项是假使你已拔取移动端作为你的平台之一。我正要拔取 Grunt
作为自己的构建工具,所以自己得利用一些 Grunt-specific
插件,但您或许利用类似的 JavaScript 构建工具。

 移动端

  你并不一定要为你的采纳开发活动客户端。可是,开发或不开发,你不可以不驾驭它是一个相当紧要的主宰。因为这将对开发你的选取的设计师和工程师暴发至关主要影响。

  以下假定你曾经接纳某一定移动端作为你的阳台之一。我正要使用了Grunt来作为自身的构建工具,所以,我早已有所一些有关Grunt的插件可以用。不过,可能存在有的与你正在利用的JavaScript工具类似的东西。

 工程:动画

  对于这一体是一尘不到的爱,别将您的app上具备的因素都做成动画,因为一大半CSS动画都会触公布局重绘。你最好限制一下,尽可能用变换和
opacity。

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

工程:动画

对此那所有是高洁的爱,别将你的app上有着的因素都做成动画,因为多数CSS卡通都会触公布局重绘。你最好限制一下,尽可能用变换和
opacity。

防止懒过渡总结,假诺您早晚要选择它,必须有限支撑使用一定的性能(如:”transition:
opacity 250ms ease-in” 而不是 “transition: all 250ms ease-in”)。

工程

单页面应用:现今单页面(SPA)是王道。它的关键优势是很少加载整个页面 –
只需加载所需资源,并且不要反复重载相同的资源。若是你才刚刚开首开发一个新的
web 应用,那它很可能是 SPA。

 工程

  单页面应用:近日单页面应用(SPA)是主流,它的显要优势:SPA只须求更少的加载,只要求加载你所急需的资源,而且不需求重新一次再一次的加载。如果您刚刚准备做一个新的web应用,你应该选拔SPA。

 用户体验

  表单:当提交表单时,用户应该获得一些有关提交的汇报信息。即使提交后页面没跳转到其它页面,那么就活该有一个弹出类型的唤醒来让用户了解他们是提交成功了仍然败诉了。

  登陆重定向:假诺一个用户正想访问你网址上的某部页面,可是她并未登陆,那么用户应该率先被导向登陆页面,用户登陆之后又会跳转到他事先试着去拜谒的页面。
纵然她们在登陆时输入了不当的密码,应该授予提醒,提醒他们即使忘记密码了足以拔取重复安装新密。

用户体验

表单:当提交表单时,用户应该取得部分关于提交的上报新闻。要是提交后页面没跳转到其余页面,那么就相应有一个弹出类型的提示来让用户知道她们是付出成功了或者战败了。

登陆重定向:一经一个用户正想访问你网址上的某部页面,可是他从没登陆,那么用户应该首先被导向登陆页面,用户登陆之后又会跳转到他前面试着去拜谒的页面。
即便他们在登陆时输入了不当的密码,应该给予提醒,提示他们假设忘记密码了足以采取重复设置新密。

用户界面(UI)

分辨率:当您付出 MVP (Minimum Viable Product
–最简化可进行产品)时,不用先急着出色各样尺寸的 UI
,那是等你的成品一下子火了未来才须要去做的作业,但要确保辅助主流设备(尺寸)。

 用户界面

  分辨率:在你付出你的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
代码完全看不懂,但庞大地减小文件大小。

 用户体验:带宽

  移动端的带宽比台式电脑的带宽尤其爱慕,那也是移动使用的一大话题。由此,你应当寻找一切机遇来收缩请求的数量,尽可能选取异步,减小被呼吁资源的尺寸。

  JS与CSS:你应有讲应用上一定的JavaScript和CSS集中停放一个文件中(一个存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文件会更小。

 移动端

  你并不一定要为你的选取开发移动客户端。可是,开发或不支付,你无法不明白它是一个老大关键的决定。因为这将对开发你的运用的设计师和工程师发生至关主要影响。

  以下假定你早就选用某一定移动端作为你的阳台之一。我刚好使用了Grunt来作为我的构建工具,所以,我曾经持有一些关于Grunt的插件可以用。不过,可能存在一些与你正在选取的JavaScript工具类似的东西。

移动端

您并不一定要为你的运用开发移动客户端。但是,开发或不支付,你不可以不精晓它是一个分外主要的决定。因为那将对开发你的应用的设计师和工程师发生紧要影响。

以下假定你早已选取某一定移动端作为你的阳台之一。我正好使用了Grunt来作为自身的构建工具,所以,我已经具备一些关于Grunt的插件可以用。不过,可能存在部分与您正在利用的JavaScript工具类似的事物。

用户体验:表单

那是一个很好的提出:保持表单和做事流程的简易性,当你针对移动装备作为安顿平台时,那点更为关键。因为从没人乐目的在于三哥大上填满
5 页的表单。


本人盼望那列表对于刚先河支付第一款 Web
应用的您有所协助,甚至对那多少个此前不熟识前端的一对优化技术的后端或设计师。假若您有任何指出或记起某些事物,那么请让自己驾驭,我会考虑将它添加到该列表。

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

打赏辅助我翻译愈多好文章,谢谢!

打赏译者

 用户体验:表单

  确保您的表单和办事流程简单,总体上而言那是一个很好的提出。假设您还增选了针对性移动端举办陈设,那么那一点尤其主要,没有人乐于在她们的无绳电话机上填入具有5个页面的表单。

  我盼望以此列表可以对这个正准备开发你的首个web app、或是那多少个已经初始在支付、或对前者设计优化技术并不熟谙的心上人有接济。若是您入手开发从此察觉了一部分别样被丢掉的技艺或技术,请记下来并告知自己,我会考虑把它添加在那几个列表中。

  如若你也爱不释手那篇小说,或觉得它对您有接济,请分享到社区,让越来越多的意中人获益于它吗!

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

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

Web App 必须询问的那么些事,app那些事
在过去的一年里,我在从头初步开发自己的率先个主要的Web应用。经验教会了众多在先不晓得的…

 工程

  单页面应用:近期单页面应用(SPA)是主流,它的关键优势:SPA只要求更少的加载,只需求加载你所要求的资源,而且不必要重新三次又一回的加载。即使你刚刚准备做一个新的web应用,你应该采取SPA。

工程

单页面应用:多年来单页面应用(SPA)是主流,它的要害优势:SPA只须要更少的加载,只需求加载你所要求的资源,而且不要求重新三回又三回的加载。假若你刚刚准备做一个新的web应用,你应该选取SPA。

打赏匡助自己翻译更多好小说,谢谢!

任选一种支付方式

亚洲必赢官网 4
亚洲必赢官网 5

1 赞 1 收藏
评论

 用户界面

  分辨率:在您付出你的MVP时,你可能不须求保险您的UI可以在拥有设备上优雅地劳作,可是,但你应当保险它能适用于手机和三星平板分辨率的中坚范围。

用户界面

分辨率:在您付出你的MVP时,你也许不必要确保您的UI可以在所有装备上优雅地干活,不过,但您应该有限支撑它能适用于手机和平板总结机分辨率的中坚范围。

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

亚洲必赢官网 6

前端,在路上…
个人主页 ·
我的小说 ·
19 ·
    

亚洲必赢官网 7

 用户体验:带宽

  移动端的带宽比台式电脑的带宽尤其难得,那也是挪动使用的一大话题。因而,你应该寻找一切机会来压缩请求的数据,尽可能采纳异步,减小被呼吁资源的高低。

  JS与CSS:你应该讲应用上一定的JavaScript和CSS集中停放一个文书中(一个存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文件会更小。

用户体验:带宽

移步端的带宽比台式电脑的带宽越发尊敬,那也是运动应用的一大话题。由此,你应有寻找一切机会来减弱请求的数目,尽可能拔取异步,减小被呼吁资源的深浅。

JS与CSS:你应该讲应用上一定的JavaScript和CSS集中停放一个文件中(一个存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文件会更小。

 用户体验:表单

  确保您的表单和劳作流程简便,总体上而言那是一个很好的提出。即便您还挑选了针对移动端进行布置,那么那或多或少一发重点,没有人甘愿在他们的手机上填写具有5个页面的表单。

  我希望以此列表可以对那几个正准备开发你的第二个web app、或是这几个曾经开首在付出、或对前者设计优化技术并不熟稔的情侣有支持。要是您入手开发从此察觉了有的其他被遗失的技能或技术,请记下来并报告我,我会考虑把它添加在那个列表中。

  假诺您也欢畅这篇小说,或认为它对你有帮扶,请分享到社区,让更加多的情人受益于它吗!

  由程序员的资料库–小柯同学翻译,有翻译不得法的地方,请辅助考订,谢谢匡助。

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

用户体验:表单

保障您的表单和行事流程不难,总体上而言那是一个很好的提出。假诺你还挑拣了针对移动端进行配置,那么那或多或少尤为主要,没有人愿目的在于他们的手机上填入具有5个页面的表单。

自家梦想那些列表可以对那多少个正准备开发你的首先个web
app、或是那多少个已经开头在付出、或对前者设计优化技术并不熟识的意中人有帮扶。要是您出手开发从此发现了有的其余被遗失的技术或技术,请记下来并报告我,我会考虑把它添加在那些列表中。

原文地址:

原稿地址(英文):

 

 

网站地图xml地图