菜单

做 Web 应用要掌握的那么些事

2019年3月24日 - JavaScript

打赏辅助小编翻译更加多好小说,谢谢!

任选一种支付办法

图片 1
图片 2

1 赞 1 收藏
评论

⑩ 、过去的激情收藏可以吗,就算那时的山再青、水再绿、那风再温柔,也是早已了,太深的依恋便是约束,绊住的不光是未来,还有今后。

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

图片 3

前端,在路上…http://jchehe.github.io
个人主页
·
小编的稿子
·
19
·
    

图片 4

壹 、整理遗物:把非亲非故主要的总想着之后可能会用到的东西丢掉,缺点和失误了几颗水钻的发卡,不再行路的钟表,若是没有特意珍藏的意义,就丢了吗,即便再昂贵的价格,也错过了运用价值。

工程:动画

负有的爱,都以高贵的。但别为利用里的装有因素添加动画。因为大多数 CSS
动画都会触公布局重绘;最棒尽大概地限制自身使用 transform 和 opacity。

幸免实行缓慢的交接运算,假若非要使用,那么有限援助它是本着某些属性的(如,”transition:
opacity 250ms ease-in” ,而不是 “transition: all 250ms ease-in”)。

玖 、发呆:没事就发发呆吧,回想也好,幻想也好,它连接下意识的在向本人理解真正的所求,安静的和团结相处一会,听一听我们有福同享。有些业务是无法告诉别人的,某个事情是不必告诉别人的,有个别工作事情是根本无法告诉别人的,而且有个别业务是,纵然告知了人家,

用户界面(UI)

分辨率:当你付出 MVP (Minimum Viable Product
–最简化可实施产品)时,不用先急着十分各类尺寸的 UI
,那是等您的出品一下子火了后头才必要去做的政工,但要确认保障支持主流设备(尺寸)。

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

工程

单页面应用:于今单页面(SPA)是王道。它的关键优势是很少加载整个页面 –
只需加载所需财富,并且不要反复重载相同的财富。如果你才刚刚开端开发叁个新的
web 应用,那它十分的大概是 SPA。

6、记点有意思的事物:刷尽了新浪、空间、朋友圈又髀肉复生的时候,把遇见的在头里发亮的事物用笔记下来呢,想变成2个妙趣横生的人,用笔记录那几个让自个儿感动的欢笑的有感触的,当遇见有趣的人,再说给他俩听,毕竟,3个会讲传说的人是多么摄人心魄啊。

UX:带宽

相持于桌面端,移动端的3个大宗旨是带宽,它是越发珍重的财富。由此,不应该放过任何能压缩请求的火候,让它们尽可能地使用异步请求,并收缩请求财富的尺寸。

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

抱有能源 – 使用
CDN:它有多少个至关心敬重要的优势。第一个是适用托管全体能源,并本地化。CDN
确定保证能源服务都位居多个区域,而该区域在地理地点上是邻近用户请求资源的地点,从而收缩加载时间。

其次个优势是更适用于您的借助文件(比如,非面向特定应用的体裁和 JS
代码)。为您所依赖的文本使用 CDN
能相当的大地缩小加载时间。比如,很多网站依赖 Angular.js,使用 CDN 链接
Angular
代码会触发缓存命中,那么移动设备会从设备缓存里搜寻,而不是额外新建2个HTTP 请求。

CSS – 减弱占用空间:大部分开发者在起来时阶段,很只怕使用一些 UI 框架(如
BootstrapFoundation 等)。那个框架能够一点都不小,其压缩版平日能够常用的
CDN 上收获,但你不太恐怕使用它涵盖的拥有样式。由此,类似
uncss 工具(一般配对的有 processhtml)能令你质疑地移除最后未被使用的体裁。

留意那点很关键:uncss 解析器无法领取动态样式(即由此 JavaScript
事件添加的体制),所以你必须在浏览器进行严峻的测试,以有限支撑不会去除应用程序实际应用的体制。

CSS –
将重庆大学的文书放在头顶:因为样式需求在利用完结加载前观察;次要的样式能在加载完后提供。

JS – 收缩占用空间:因为运用一旦上线,程序员就不必要考虑 JavaScript
代码里内部变量的可读性,由此能够将具备如 user.name 变量重命名为
u.e,从而减少文件大小。因而,有3个工具为此而生 –
上边提及到的 uglify,尽管它会使 JS
代码完全看不懂,但庞大地减小文件大小。

④ 、背单词:总是有想学一门语言的思想,但漫漫的经过令人在始发就慌张,背单词枯燥而粗鄙,初阶与百折不回都很难,可是既然闲着也优伤发慌,不及试试啊。

用户体验:表单

那是1个很好的建议:保持表单和做事流程的简易性,当你针对移动设备作为安插平台时,那点越来越重点。因为从没人乐意在手提式有线话机上填满
5 页的表单。


我盼望那列表对于刚(Yu-Gang)开始支付首款 Web
应用的你拥有支持,甚至对那些此前不熟悉前端的有的优化技术的后端或设计师。如若你有任何提议或记起有个别事物,那么请让自身晓得,小编会考虑将它添加到该列表。

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

打赏接济作者翻译越多好小说,感谢!


打赏译者

捌 、好好搭配现有的衣物:Taobao逛了叁个又三个钟头,仍旧索然无味头昏脑涨的关闭天猫界面,总认为衣橱里还差一件时装,既然那么累,比不上想一想所拥有的最佳的搭配。

安全性

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

地方管理:当存款和储蓄密码时,首先对它们实行加盐和散列操作,然后再用明日天津大学学规模采纳的
crypto 库。假设您不那样做的话,把地点管理转由给 Instagram / GitHub /
 推特(TWTR.US) / 等,用 OAuth 就能成功。

加密:全体证件难点,还有何样比 SSL
更好。使用它吗。还能使用 HSTS

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

二 、收拾衣橱:衣橱总是最隐衷和混乱的地点,压在产业的行李装运,不再喜欢了的送给供给的人,过于陈旧的就剪开擦地板。

移动端

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

上面包车型的士注意事项是一旦你已选取移动端作为你的平台之一。小编正好选拔 Grunt
作为本身的创设筑工程具,所以本身得利用一些 Grunt-specific
插件,但您恐怕利用类似的 JavaScript 创设筑工程具。

三 、随手记帐:无所作为,不知底怎么度过了一每日,不亮堂手里的money怎么着悄悄的遗失,那就记录下来,不是自家苛责,而是一种清晰条理,是何许把它们开销在了小编所要求和而热爱的东西上。

做 Web 应用要明了的那个事

2015/07/21 · HTML5 ·
Web应用

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

在过去一年里,作者从零早先开发直接在自身的第二个基本点的 Web
应用程序。这一次经历教会了本身不少事先不理解的事物,尤其在安全和用户体验方面。

自笔者最后二遍尝试开发丰硕复杂的使用是在 二零零六年,所以就本人的立足点的话,有过多东西须要补给。

除了这几个之外自家所知所见外,要切记本文清单里的始末。因为在开发 Web
应用时,特别是刚初阶做的时候,不难忘记一些重点的政工。

那些检查清单并不是一帆风顺,如若您是3个经验丰裕的开发者,那里或然没有让你感到惊喜的事物,但自己愿意能表达它是推进让你回看起部分失去的事物。

七 、看一看天气预先报告:即便没那么准确,然而在天天深夜,不用那么恐慌的穿什么,纠结来纠结去,接着一整天照旧觉得穿着不正好不自在。

用户体验(UX)

表单:当提交四个表单后,用户应收取提交后的报告。借使提交后不向用户发送一个两样的页面,那么就应有有弹框或
alert 一些音讯,以便让用户知道这一次提交是或不是中标。

签到重定向:借使用户打算在你的网站打开2个页面,但并从未登录,那么她们应当首先接受到3个能登录的页面,并在报到后重定向到2个他们原来想打开的二个页面(当然,前提是已获得授权)。

假若她们尝试登录,但提供了3个不当的密码,那时,用户有或者是忘记了密码,那我们就应该提供3个视觉线索来提示他们,要有四个重置密码的选项。

图片 5

电子邮件

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

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

相关文章

发表评论

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

网站地图xml地图