Web技术

Facebook:我们是如何构建第一个跨平台的React Native APP

扫描二维码

今年早些时候,我们介绍过iOS版的React Native. React Native带来的是用web方式的React - 自声明式的UI组件和快速的开发迭代来完成手机平台的功能,然后为了保持速度、保真性、并达到原生的体验。今天我们很高兴发布React Native的Anroid版本.

在Facebook我们已经应用React Native在发布的产品有超过一年的时间了。几乎是整整一年之前,我们的团队开始规划开发广告管理APP。我们的部门是创建一个新的APP来让数百万的Facebook广告主来管理他们的账号并能创建新的广告。在完成的时候,这不仅仅是FB的第一个全React Native APP而且是第一个跨平台的APP.在这篇文章里,我们希望能和你分享我们是如何构建这个APP,React Native是如何让我们更快的,还有这个过程中我们的经验。

git使用ssh密钥

扫描二维码

git使用https协议,每次pull, push都要输入密码,相当的烦。 使用git协议,然后使用ssh密钥。这样可以省去每次都输密码。

大概需要三个步骤:
一、本地生成密钥对;
二、设置github上的公钥;
三、修改git的remote url为git协议。

HTTP 缓存

扫描二维码

通过网络获取内容既缓慢,成本又高:大的响应需要在客户端和服务器之间进行多次往返通信,这拖延了浏览器可以使用和处理内容的时间,同时也增加了访问者的数据成本。因此,缓存和重用以前获取的资源的能力成为优化性能很关键的一个方面。

在这篇指南中

  • 使用 ETag 验证缓存的响应
  • Cache-Control
  • 定义最优 Cache-Control 策略
  • 废弃和更新已缓存的响应
  • 缓存检查表

好消息是每个浏览器都实现了 HTTP 缓存! 我们所要做的就是,确保每个服务器响应都提供正确的 HTTP 头指令,以指导浏览器何时可以缓存响应以及可以缓存多久。

web前端面试题集锦

扫描二维码

前端开发面试知识点大纲:

HTML&CSS:  对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。

JavaScript:   数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。

其他:  HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯

图片懒加载插件

扫描二维码

unveil

这是一款十分轻量级的片时图片加载组件

支持现代浏览器及IE7+, Github上面有将近3K个star(关注)

使用

一般图片

<img src="bg.png" data-src="img1.jpg" />

移动开发规范概述

扫描二维码

以下规范建议,均是Alloyteam在日常开发过程中总结提炼出的经验,规范具备较好的项目实践,强烈推荐使用

字体设置

使用无衬线字体

body {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}

我为什么看好Hybrid - 献给web前端工程师

扫描二维码


web从最开始,用html标签这种最简单的方式搭建门户网站、论坛,那时候能做个网站感觉很牛叉的样子。后来又有了ajax方式,可以动态的获取数据,让网页能不刷新而完成更新。之后又有了html5,结合js、css3到达另一个高度,通过web可以用很炫的方式实现不错的功能效果。这是PC时代;现在到了移动互联网时代,有人唱衰web,也有人高唱web。不管怎么样,web在以它的方式而野蛮生长着。生长的方式不是以我们的主观意愿的,而是这个时代需要web,需要这种方式来实现一些东西,人们希望有这么一个东西能像一个树,在这个炎热的夏天提供一处阴凉,愿意为它施肥浇水,让它再大些再高些。因为需要所以产生,而不是因为存在所以可用。

2015年需要了解的前端框架和语言

扫描二维码

语言/平台

Node.js第一,PHP第二,JavaScript第三。因为Node.js的社区很多,所以这个结果你也不用太意外。如果你知道JavaScript,你已经一只脚踏进了用Node.js来构建Web APP的可能。

https的免费申请流程

扫描二维码

这篇文章包含3个主要内容:

  • 如何用nodejs创建https服务器;
  • 如何免费申请到ssl证书;
  • nginx如何设置https服务器。

如果想了解https原理部分,可以查看之前的文章介绍htts原理

移动正在吞噬这个世界

扫描二维码

这个演讲稿和视频解释了手机正在急速发展,而占据整个世界的解释。