菜单

你不领悟做怎么样事的时候该做的事

2019年4月1日 - Ajax

用户界面(UI)

分辨率:当您付出 MVP (迷你mum Viable Product
–最简化可进行产品)时,不用先急着卓殊各类尺寸的 UI
,那是等您的出品一下子火明白后才必要去做的工作,但要确认保证支持主流设备(尺寸)。

叁、随手记帐:庸庸碌碌,不清楚什么样度过了一每三1日,不清楚手里的money怎么样悄悄的不见,那就记录下来,不是本身苛责,而是壹种清晰条理,是何许把它们费用在了自己所必备和而热爱的东西上。

做 Web 应用要精晓的那个事

2015/07/21 · HTML5 ·
Web应用

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

在过去一年里,笔者从零开头开发平昔在本身的第多个重点的 Web
应用程序。此次经历教会了自我许多事先不领会的事物,尤其在平安定祥和用户体验方面。

本人最终一遍尝试开发丰富复杂的接纳是在 200五年,所以就本身的立场的话,有很多东西须求补给。

除却自身所知所见外,要牢记本文清单里的剧情。因为在付出 Web
应用时,特别是刚初叶做的时候,不难忘记1些重大的政工。

那些检查清单并不是称心如意,假使您是三个经验丰盛的开发者,那里也许未有让你感觉惊喜的东西,但自个儿盼望能表达它是有助于让你回看起部分错过的东西。

八、好好搭配现有的衣衫:天猫逛了七个又一个小时,仍旧索然无味头昏脑涨的密闭Tmall界面,总以为衣柜里还差一件衣裳,既然那么累,比不上想1想所独具的最棒的反衬。

电子邮件

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

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

2、收十衣橱:衣橱总是最隐私和芜杂的地方,压在产业的服装,不再喜欢了的送给要求的人,过于陈旧的就剪开擦地板。

UX:带宽

周旋于桌面端,移动端的三个大核心是带宽,它是尤其珍视的能源。由此,不该放过任何能压缩请求的火候,让它们尽也许地使用异步请求,并收缩请求能源的尺寸。

JS & CSS – 合并与削减:把面向具体行使的 JavaScript 和 CSS
 合并到独门文件里(1个 JS,1个CSS),并拓展削减。Grunt-contrib-concatGrunt-contrib-cssmin 和 Grunt-contrib-uglify 都是你的好对象。

怀有财富 – 使用
CDN:它有三个基本点的优势。第贰个是适用托管全数资源,并本地化。CDN
确认保障财富服务都坐落二个区域,而该区域在地理地方上是接近用户请求能源的职责,从而收缩加载时间。

其次个优势是更适用于你的依靠文件(比如,非面向特定应用的体制和 JS
代码)。为您所依靠的文件使用 CDN
能十分的大地回落加载时间。比如,很多网址正视 Angular.js,使用 CDN 链接
Angular
代码会触发缓存命中,那么移动设备会从设备缓存里寻找,而不是卓殊新建1个HTTP 请求。

CSS – 减弱占用空间:超越三分之1开发者在上申时阶段,很或者接纳一些 UI 框架(如
BootstrapFoundation 等)。那么些框架能够非常的大,其压缩版经常能够常用的
CDN 上赢得,但您不太可能使用它包蕴的享有样式。由此,类似
uncss 工具(一般配对的有 processhtml)能令你疑惑地移除最后未被运用的样式。

瞩目这一点很重点:uncss 解析器无法领取动态样式(即由此 JavaScript
事件添加的体裁),所以你必须在浏览器进行严俊的测试,以保障不会去除应用程序实际使用的体裁。

CSS –
将主要的文本放在头顶:因为样式必要在采纳达成加载前观望;次要的体裁能在加载完后提供。

JS – 减少占用空间:因为使用壹旦上线,程序员就不须要思量 JavaScript
代码里内部变量的可读性,由此能够将有所如 user.name 变量重命名称为
u.e,从而裁减文件大小。由此,有一个工具为此而生 –
上边谈到到的 uglify,即便它会使 JS
代码完全看不懂,但庞大地减小文件大小。

伍、养植物:植物是平静的陪伴,有细小裂纹渗水而不能再利用的水杯,用来随手撒一把种子吗,喜欢1种祥和积累的意义感,每日长出的一片新叶,都以高度浅浅呼吸啊。

工程:动画

装有的爱,都以高尚的。但别为利用里的有所因素添加动画。因为多数 CSS
动画都会触揭橥局重绘;最棒尽也许地范围自个儿使用 transform 和 opacity。

制止进行缓慢的联网运算,假诺非要使用,那么保障它是针对性有个别属性的(如,”transition:
opacity 250ms ease-in” ,而不是 “transition: all 250ms ease-in”)。

十、过去的真情实意收藏好吧,固然那时的山再青、水再绿、那风再温柔,也是已经了,太深的留恋正是束缚,绊住的不单是今天,还有今后。

用户体验:表单

那是三个很好的建议:保持表单和工作流程的简易性,当您针对移动设备作为安插平台时,那一点越来越关键。因为从没人乐于在四弟大上填满
5 页的表单。


自我愿意那列表对于刚(Yu-Gang)发轫支付第三款 Web
应用的你富有帮忙,甚至对那多少个从前不熟知前端的片段优化技术的后端或设计师。即使您有别的提议或记起有个别事物,那么请让本人清楚,作者会考虑将它添加到该列表。

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

打赏支持本人翻译更加多好文章,多谢!


打赏译者

1、整理遗物:把无关重要的总想着之后恐怕会用到的事物丢掉,缺点和失误了几颗水钻的发卡,不再行路的钟表,若是未有尤其珍藏的意思,就丢了呢,固然再昂贵的价钱,也错过了应用价值。

用户体验(UX)

表单:当提交1个表单后,用户应接受提交后的汇报。假若提交后不向用户发送三个不一的页面,那么就相应有弹框或
alert 1些音讯,以便让用户精晓本次提交是或不是中标。

登录重定向:如若用户打算在您的网址打开1个页面,但并从未登录,那么他们相应首先接受到一个能登录的页面,并在报到后重定向到几个他们原来想打开的3个页面(当然,前提是已取得授权)。

要是她们尝尝登录,但提供了三个错误的密码,那时,用户有非常的大希望是忘记了密码,那咱们就应当提供二个视觉线索来唤醒他们,要有几个重置密码的选项。

六、记点有意思的事物:刷尽了乐乎、空间、朋友圈又髀里肉生的时候,把遇见的在前面发亮的事物用笔记下来呢,想变成3个幽默的人,用笔记录那几个让祥和感动的欢笑的有感触的,当遇见有趣的人,再说给她们听,毕竟,1个会讲传说的人是何其摄人心魄啊。

工程

单页面应用:于今单页面(SPA)是王道。它的关键优势是很少加载整个页面 –
只需加载所需财富,并且毫不反复重载相同的财富。若是你才刚刚伊始开发一个新的
web 应用,这它非常大概是 SPA。

图片 1

打赏援助自个儿翻译更加多好小说,多谢!

任选壹种支付情势

图片 2
图片 3

1 赞 1 收藏
评论

四、背单词:总是有想学1门语言的心劲,但深入的历程令人在伊始就慌张,背单词枯燥而无聊,初步与坚定不移都很难,可是既然闲着也优伤发慌,比不上试试啊。

有关小编:刘健超-J.c

图片 4

前端,在路上…http://jchehe.github.io
个人主页
·
作者的篇章
·
19
·
    

图片 5

柒、看1看天气预报:固然没那么准确,然而在每一日上午,不用那么恐慌的穿什么样,纠结来纠结去,接着一整天或然认为穿着不对路不自在。

安全性

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

地方管理:当存款和储蓄密码时,首先对它们举行加盐和散列操作,然后再用现时广大利用的
crypto 库。固然你不这么做的话,把位置管理转由给 推特 / GitHub /
 Twitter / 等,用 OAuth 就能成功。

加密:全体证件难题,还有啥样比 SSL
更好。使用它呢。还能运用 HSTS

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

9、发呆:没事就发发呆吧,回想也好,幻想也好,它连接下意识的在向友好询问真正的所求,安静的和和谐相处一会,听一听大家和好。有个别业务是不可能告诉别人的,有个别事情是无须告诉别人的,有个别工作事情是根本不可能告诉别人的,而且有个别业务是,固然告知了别人,

移动端

就算如此您不要支付移动端…但不管你是否做,你都应有保障这是贰个积极向上的支配,因为那会对你的应用程序设计和工程有实质性影响。

上边包车型大巴注意事项是1旦你已选拔移动端作为你的平台之1。笔者正好选拔 Grunt
作为本人的创设工具,所以小编得利用一些 Grunt-specific
插件,但您大概使用类似的 JavaScript 营造筑工程具。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图