跳到主要内容

7 篇博文 含有标签「frontend」

查看所有标签

Uber 高性能 Web App 优化实践

· 阅读需 11 分钟

原文 - Building m.uber: ENGINEERING A HIGH-PERFORMANCE WEB APP FOR THE GLOBAL MARKET

Performance matters on mobile.

又是一篇关于性能优化的实践。

m.uber 团队对 m.uber - 即他们的超级轻量 web app 做了一些性能优化的工作。

范围全面,从代码到打包到部署到缓存,都有涉及。

TL;DR

Performance Tools

从十个 React 迷你设计模式谈开去

· 阅读需 19 分钟

很早之前就一直在读的一篇文章,10 个React Mini 设计模式,一边做 Creator 项目,也一边终于把它精读完。

结合自己的开发时候的项目经验,做了点笔记。

Creator 项目是一个多端(Web + Mobile)React SPA,且有一些表单填写和复杂的交互组件。

自己单独封装了一个很简单的基于 Node EventEmitterStore,开发过程中收获很大,这些细节之后可以细说。 产品那边后来又加了「置顶」功能,类似双向数据通信的 EventEmitter 逻辑有点太乱了,所以还是狠心花时间升级成了 Redux + Immutable.js + Normalizr 技术栈,果然省心很多。

原文作者说你是不是天天写 React, 写着写着发现自己可能经常用来实现需求的,也总是那么几个方法,往大了讲其实就是开发中的 设计模式。在这里我们称为 Mini Patterns

Fun with Codemod & AST

· 阅读需 19 分钟

TL;DR

  • Facebook 为了解决「大型代码库」迁移,基于 AST 造了个工具 Codemod
  • 基于 Codemod 又构建了 JavaScript 代码迁移专用的工具 jscodeshiftReact-codemod
  • 理解这些工具背后的原理有助于从一个单纯的「API 使用者」变成一个工程师般的「创造者」
  • Demo Time!Let's write a codemod
  • 一些有价值的参考

Ali校招笔试题思考

· 阅读需 8 分钟

昨晚搭着末班车,参加了阿里今年的实习生在线笔试。 回忆之前惨不忍睹的内推面试,玩了整整一个寒假后接到了不期而至的面试电话,连之前一些基础的还算熟悉的题都答得不流畅自然一气呵成,我就知道我悲剧了。 痛定思痛,作为一个即将毕业的大四老鸟(只是说年龄...),在被各种鄙视,各种蜚语,各种不确定存在的黑暗时期,依旧不屈不挠地学习思考着,我都要被自己感动了。 笔试题只有一个小时,13道题,一开始是单项选择和不定项选择,考了AMD编码规范、闭包、setTimeout的异步、前端安全及一些我认为蛮有意思的小题,挺考基础的,不是太难,但要细心,我居然也慢悠悠做,时间就那么过去了一半。后来看到了六大道问答题,基本是编程,涉及CSS3、原生JS、事件处理、Ajax等,就渐渐慌了,写代码的手居然有了渐冻症的感觉,心理素质有待提高。 于是在有差不多一半大题没完成的情况下,被迫交了卷。交卷后才灵感突现,猛然想起了那些题的解法,还是代码经验不够啊。为了防止再出现这样的情况,在这里贴下题目思路和解答。

CSS 中那些大大小小的坑

· 阅读需 30 分钟

中国读者不是不善于交流,而是对基础知识掌握不够牢固,不敢交流。就如同有人提到用英文写作时所说的,最难的不是怎么写,而是写什么。英文语法错误其实是别人最容易纠正的,但你到底想要表达什么则是别人无法知道的。具体到CSS,虽然不难学,但真正彻底把原理和基本概念全搞通也不是一件容易的事。 —— 李松峰

最近读完了Charles Wyke-Smith的《CSS设计指南》,上面那段话是节选的译者李松峰的序(在这多说一句,觉得李松峰翻译的书质量都很高,现在的我基本在遍历)。越来越觉得只读书不思考是毫无用处的,于是把笔记整理出来,并加上了自己思考过的感悟。

写在百度电面后

· 阅读需 10 分钟

Desperado.

road to the sky

睡得昏昏沉沉的早上,突然接到了电话,在从惊呆到真呆中,就这么面完了百度。


“先作下自我介绍吧!” 自我介绍?天,简历里面不是写了吗?噢,我写了什么? “呃,我叫XXX,是电子科大电子信息工程的大四学生...呃,我喜欢互联网及互联网开发…最近一直在自学…嗯。” “完了吗?” “说完了。” 当时我就在想,完了。脑袋空白。

Oh My Ghostium

· 阅读需 9 分钟

之前装了Wordpress扔在大洋彼岸一个Arizona搬瓦工的VPS后就再没去理过它,想想也有半年了。
后来分析觉得,首先肯定是自己懒惰浮躁,静不下来写东西。其次是博客页面没有漂亮到让我有一种打开就想写的冲动。
但是他们说**为什么你应该(从现在开始就)写博客,于是紧跟大牛的步伐,虽然没有什么牛逼技术可以跟别人分享,但是看看大牛写的技术文章谢谢心得也是一种进步。于是就开始了万劫不复的折腾深渊...
在谷歌搜寻平台的时候看到了一个同是F2E的一个博客罗磊的独立博客,瞬间被大Banner的设计吸引到,看了很久后拖到了网页末尾,扫到了一行字本博客基于拽酷炫的 GHOST
比较了Ghost/Jekyll/Octo/Hexo 等等之后,认为
Ghost**还是最适合我:

  1. 是基于 Node.js 的博客平台。
  2. **Just a blogging platform.**简单简洁,响应式设计。
  3. 免费,支持完全的自定义

DigitalOcean很贴心的有Ghost的APP安装镜像包,安装后直接打开http://your.domain/2368就会看到第一次登陆的窗口,设置好Blog Title,用户名,密码就可以愉快的开始体验Ghost了。
又过了几天,手贱点开了很多Ghost类的博客,发现大家怎么都这样啊,使用默认的Casper主题已到审美疲劳。
在连博文都没写几篇的情况下,那么就继续万劫不复的折腾深渊 咯。