只有做了才能知道的事,你不知道做什么事的时候该做的事

做 Web 应用要理解的那多少个事

2015/07/21 · HTML5 ·
Web应用

本文由 只有做了才能知道的事,你不知道做什么事的时候该做的事。伯乐在线 –
刘健超-J.c
翻译,黄利民
校稿。未经许可,禁止转发!
英文出处:blog.venanti.us。欢迎参预翻译组。

在过去一年里,我从零初叶开发一直在自家的第三个基本点的 Web
应用程序。本次经历教会了自身许多事先不知情的东西,更加在平安和用户体验方面。

自我最终一回尝试开发丰盛复杂的采纳是在 2005
年,所以就我的立场的话,有广大事物要求补给。

除此之外自身所知所见外,要牢记本文清单里的内容。因为在支付 Web
应用时,越发是刚早先做的时候,简单忘记一些根本的工作。

以此检查清单并不是八面驶风,就算您是一个经验充分的开发者,那里可能没有让你感觉惊喜的东西,但自身愿意能印证它是促进让你回想起一些错过的东西。

图片 1

图片 2

图片 3

安全性

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

身份管理:当存储密码时,首先对它们进行加盐和散列操作,然后再用现时大面积应用的
crypto 库。假诺你不那样做的话,把地点管理转由给 Facebook / GitHub /
 推特(Twitter) / 等,用 OAuth 就能达成。

加密:所有证件难点,还有怎么样比 SSL
更好。使用它吧。还能动用 HSTS。

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

1、整理遗物:把非亲非故首要的总想着其后可能会用到的东西丢掉,缺失了几颗水钻的发卡,不再行路的钟表,倘若没有越发珍藏的含义,就丢了吧,固然再昂贵的价位,也错过了动用价值。

文/毛毛虫小姐

开拓进取,临危不俱。

工程:动画

享有的爱,都是神圣的。但别为利用里的兼具因素添加动画。因为大部分 CSS
动画都会接触布局重绘;最好尽可能地范围自己行使 transform 和 opacity。

幸免进行缓慢的连片运算,如若非要使用,那么有限支持它是针对某个属性的(如,”transition:
opacity 250ms ease-in” ,而不是 “transition: all 250ms ease-in”)。

2、收拾壁柜:衣橱总是最神秘和混乱的地点,压在箱底的服装,不再喜欢了的送给须要的人,过于陈旧的就剪开擦地板。

《精进》里面有如此一个故事:孩子不通晓作文该怎么写,大叔告诉她那就从一个字一个字早先写啊,只要一个字接着一个字,一篇小说就能一鼓作气了。

《偷影子的人》中吕克的老爹开了一家面包店,三叔的心愿就是外甥能继承他的产业,但吕克内心的意思却是成为一名医务人员。吕克没有敢跟二伯提出自己的想法,只是在家里痛楚的挣扎。在情侣的援手下,吕克的老爹精通了外孙子的心劲,他把儿子赶出了面包店,让他去寻找自己的人生。

用户体验(UX)

表单:当提交一个表单后,用户应接受提交后的反馈。若是提交后不向用户发送一个两样的页面,那么就应该有弹框或
alert 一些信息,以便让用户知道这一次提交是不是成功。

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

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

3、随手记帐:碌碌无为,不清楚怎样度过了一天天,不明了手里的money怎么样悄悄的丢失,那就记录下来,不是自个儿苛责,而是一种清晰条理,是如何把它们开支在了自家所必不可少和而热爱的事物上。

人生很多事务都是如此,当你踌躇不定的时候,很多机遇就那样悄悄溜走了,而我辈要做就是减掉那样踌躇不定的时候。

吕克跟随朋友来到医大学,每一天都至极拼命的读书,他发现自己晕血,而且功课压力非常大,他所有人的神气变得紧绷,日常处于崩溃的边缘。他照旧想锲而不舍,因为是好不不难争取来的盼望,是自己直接想要做的作业,可是很难。持之以恒了一年多,他屏弃了,回家发现自己最爱做的依旧面包,绕了一圈回到了原地,他找到了上下一心想要的东西。

电子邮件

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

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

4、背单词:总是有想学一门语言的思想,但漫长的进度令人在起先就慌张,背单词枯燥而粗鄙,开头与坚定不移都很难,不过既然闲着也难过发慌,不如试试啊。

成与不佳之间,你只是缺乏了一个常态项。

她荒废了吧?浪费时间和生机了啊?

移动端

就算你不用支付活动端…但不管您是不是做,你都应当保险那是一个能动的支配,因为这会对您的应用程序设计和工程有实质性影响。

上面的注意事项是即使你已选用移动端作为你的平台之一。我正要采用 Grunt
作为我的打造工具,所以自己得使用部分 Grunt-specific
插件,但您或许应用类似的 JavaScript 营造工具。

5、养植物:植物是宁静的陪同,有细小裂纹渗水而无法再利用的水杯,用来随手撒一把种子吗,喜欢一种祥和积累的意义感,天天长出的一片新叶,都是轻飘浅浅呼吸啊。

\01\

不,他没有。

工程

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

6、记点有意思的事物:刷尽了今日头条、空间、朋友圈又无所事事的时候,把遇见的在面前发亮的事物用笔记下来呢,想变成一个有趣的人,用笔记录那多少个让自己感动的欢笑的有感触的,当遇见有趣的人,再说给他俩听,毕竟,一个会讲故事的人是多么迷人啊。

我有一个室友告诉自己,当你不知晓做怎么着的时候,你就须求给自己设定一个常态项。

实在尝试过后,他才找到了和睦内心深处真正追求的事物,倘诺他不去折腾五次,他永世发现不了自己本来最爱的要么做面包,他永世无法笑容可掬的做那件工作,只会每日处于郁闷和痛楚中,不会分享这一个历程。

用户界面(UI)

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

7、看一看天气预先报告:尽管没那么纯粹,然而在每天晚上,不用那么恐慌的穿什么样,纠结来纠结去,接着一整天仍然认为穿着不适宜不自在。

他说“比如当自己不明白自己要做什么的时候,我就去看美剧。”

品味了才领悟自己适不适合,啊,原来我并不适合做那件工作,只是自己原先把它想象的太过光明,你不去揭开那层迷雾,你就看不清你自己,不断去行动才能越发精通自己。

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
代码完全看不懂,但巨大地减小文件大小。

8、好好搭配现有的行头:Taobao逛了一个又一个钟头,依然索然无味头昏脑涨的密闭天猫商城界面,总认为衣橱里还差一件衣裳,既然那么累,不如想一想所所有的最好的铺垫。

“看日剧”就变成了自家一个常态项。首先可以毫无疑问的是日剧对本身有吸动力,当然不止是因为内部的剧情,还因为自己对德语的喜爱,不过本人又不想花巨量的年月去背单词,做习题,所以看泰剧成为了常态项中最好的挑选。

阿白更加羡慕这几个目的分外强烈的人,他总在想干吗人家都有希望而我就从不啊?他不理解自己喜欢什么样,想要做什么样,内心很心急很痛心,却两次三番不能。大学四年平淡过了,结束学业找了一份普通的工作,每一日并不开玩笑,虽说平素想要改变,却也不明了从何方先导。

用户体验:表单

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


自己梦想那列表对于刚开首开发第一款 Web
应用的您持有支持,甚至对那些此前不熟谙前端的一部分优化技术的后端或设计师。假如你有其余指出或记起某些事物,那么请让我领悟,我会考虑将它添加到该列表。

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

打赏协助自己翻译越来越多好作品,谢谢!

打赏译者

9、发呆:没事就发发呆吧,纪念也好,幻想也好,它总是下意识的在向和睦打听真正的所求,安静的和协调相处一会,听一听大家友好。有些事情是不可以告诉外人的,有些工作是不必告诉外人的,有些业务事情是根本无法告诉外人的,而且有些事情是,即便告知了人家,

一旦我不明白自己要做哪些的时候,我就找各种经典的美剧电影如故电视机剧看。几年时光积淀下来,我学会了众多常常鲜少接触的单词和句型,口语能力也大大增强。那比自己死记硬背单词的功能好上几倍,而自我的四六级乌Crane语考试也过的很自在。

行事后的第三年,他对生存和对友好的不知足已经快要到达顶峰,那时候他认得了一个有情人,朋友给他提了一个提出,你是中文系结束学业的,为啥不去写作呢?其实只是一句无心的话,却被她听见了心底。

打赏协助我翻译更多好文章,谢谢!

任选一种支付办法

图片 4
图片 5

1 赞 1 收藏
评论

10、过去的情愫收藏好啊,即便那时的山再青、水再绿、那风再温柔,也是早就了,太深的眷恋便是约束,绊住的不只是现在,还有将来。

有一句鸡汤那样说:一个简易的动作练到了极值就成了绝招。

行文?可能啊?虽说是普通话系结业的,自己的才华也算不上更加好,不明白是还是不是达成旁人眼里的合格。加上工作不是很清闲,自己力所能及找出空闲时间来创作吗?

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

图片 6

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

图片 7

大家种种人都有喜欢,大家不够的只不过将欣赏成为技能,不过一旦大家稍加百折不挠和奋力,爱好也能变成绝招。

阿公孙初阶考虑写作那件工作的大势,这一考虑就过去了一个月。内心的焦躁感又逐步冒出了头,焦虑症又发轫干扰她了。

相关文章