前端周刊第一期:聚焦移动前端、CSS3技术和性能

前端开发周刊第一期:这周最多的文章是关于移动前端开发、前端框架、CSS3技术和网站性能开发等,鉴于一个人时间有限,今后每天可能只推荐两篇,周末休息,一周推荐六天。如果你有好的东西,欢迎给“前端开发日报”投稿。

星期一(3篇)

2015前端框架何去何从

2015将是前端框架相互借鉴相互融合的一年,随着webcomponent的落地,大家都在像标准靠近。提前储备这方面的技术肯定没有问题。再深入到框架的技术细节中,我们看到在”渲染机制”、”数据绑定”、”组件化”、”模块化”这些关键技术点中各个框架中都有非常精彩的实现,值得深入学习。React异军突起,也推荐持续关注,特别是在”应用架构”上,FLUX确实在整个业界起到了启发的作用,相信会越来越流行,并且有越来越多实现方式。

Javascript之旅——第二站:对象和数组

一觉睡到中午,本来准备起来洗洗继续睡,不过想想没辙,还得继续这个系列,走过变量的第一站,第二站我们再来看看对象和数组。

让数据库变快的10个建议

大多数网站的内容都存在数据库里,用户通过请求来访问内容。数据库非常的快,有许多技巧能让你优化数据库的速度,使你不浪费服务器的资源。在这篇文章中,我收录了十个优化数据库速度的技巧

星期二(3篇)

AngularJS实例教程(二)——作用域与事件

在本章,我们学习了作用域相关的知识,以及它们之间传递数据的方式。作用域在整个Angular应用中形成了一棵树,以$rootScope为根部,开枝散叶。这棵树独立于DOM而存在,又与DOM相关联。事件在整个树上传播,如蜂飞蝶舞。

HTTP API 设计指南

这篇指南介绍了大量的 HTTP+JSON 的api设计风格,最初摘录自heroku平台的api设计指引 Heroku 平台 API 指引

这篇指南除了介绍那些API,同时也适用于heroku平台新集成的API,我们希望那些在Heroku之外的API设计者也感兴趣。

我们的目标是一致性,专注业务逻辑同时避免设计上的空想。我们一直在寻找一种良好的、统一的、显而易见的API设计方式,未必只有一种方式。

到底怎么样才叫看书

“我们花了大量的时间去阅读,但是在脑子里留下的却是零碎的内容,而且很快这些内容也会悄悄的跑掉,剩下的只有一个自欺欺人的解释——这本书我读过。”今天分享一篇由Tony zhao撰写的如何帮助你更好阅读的文章,希望对程序员们有帮助。

星期三(4篇)

优化网站加载速度的14个技巧

优化了加载速度的网站不仅可以提高其搜索引擎的排名,同时也可以降低网站的跳出率,提高其转换率,还能提供更好的终端用户体验,这是当今基于Web环境取得成功的关键。

移动前端头部标签(HTML5 head meta)

移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。

将多说作为静态页面的数据库

看了一下多说 API 的 发表评论文档获取评论文档,太棒了,正好具备我们需要的功能。可以通过 AJAX 发表评论,评论的内容就是我们需要记录的数据,我们也可以将评论数据拉去下来进行分析。它的权限校验也没有很复杂,只需要发送对应的 Secret ID 即可。

Introducing JScrambler: Protect Your Code

As the importance of JavaScript grows, so does the need to protect your intellectual property. In this tutorial we’ll take a look at JScrambler, a tool you can use to protect your code from competitors and hackers.

星期四(6篇)

玩转HTML5移动页面

方向了许多的关于移动页面的动画展示效果,还有真实的案例,非常赞的交互。今天最给力的文章之一了。

浅谈移动前端的最佳实践

文章浅谈了一些自己对移动端从开发到优化的一些建议,
一 单页门槛高,体验好
二 移动框架,轻为王道
三 mvc业务框架最好自造
四 模块化(requireJS)必不可少
五 冗余是优化的敌人,无论网站速度还是代码维护
六 css解耦乃长远之计
七 零请求无流量是优化的最终手段
八 速度优化缓存为王
九 Hybrid带来移动革命,与native保持接口调用即可
十 坑大的需求还是拒绝算了……

移动网站性能优化:网页加载技术概览

由于移动设备存在的环境限制,如低带宽,高延迟,小内存,低处理器性能的等,迫使开发者不得不想办法通过优化前端页面的性能来满足用户的性能预期。在强调如何解决移动端性能问题上,这篇文章总结了一些前端优化的案例,并且概括了一些加速页面的方法和策略。

HTML5 Web Speech API,让网站更有趣

Web API 变得越来越丰富,其中一个值得注意的是Web Speech API。传统的网站只能“说”,这个API的出现,让网站能“倾听”用户。这个功能已经开放了一系列的用法,非常棒。

在这篇文章中,我们将看一下这项技术和建议的用法,以及如何用它来增强用户体验的一些好例子。

全栈工程师的武器——MEAN

一下子,JavaScript工程师认为自己不只是“Web前端开发者”了。如果你对语言很熟悉,就可以自己搭建服务器和数据库。除了交互设计,开发者可以只用JavaScript就能做出一个完整的web应用,这在JavaScript史上是第一次。这种趋势被称为“全栈的JavaScript”或“纯JavaScript的解决方案”。它包含了JavaScript的四种流行技术:MongoDBExpressAngularJS、和 Node.js。这四种技术越来越流行,它们合称为MEAN Stack

bVkNy

你可能不知道的 10 个 HTML5 新功能

  1. Element.classList
  2. ContextMenu API
  3. Element.dataset
  4. window.postMessage API
  5. 全屏API接口
  6. 页面可见性API接口
  7. getUserMedia接口API
  8. 电池接口API
  9. 页面预加载(Link prefetch)API

星期五(5篇)

腾讯PHP Web架构的效率、安全、性能」及「打造高效测试团队

2015年第一期C4的对外分享部分视频已放出

CSS 选择器

一个选择器是一个或多个被连结符分隔的简单选择器序列组成的链。一个伪元素可能会附加到选择器中的最后一个简单选择器序列。

一个简单选择器序列是没有被连结符分隔的简单选择器组成的链。它总是以一个类型选择器通用选择器开始。除了类型选择器和通用选择器,没有其他类型的选择器允许在序列中。

一个简单选择器可以是类型选择器通用选择器属性选择器类选择器id选择器伪类

开发无框架单页面应用 — 老码农的祖传秘方

要实现单页面应用,现在已经有很多现成的框架了,比如AngularJSEmber.jsBackbone.js等等。它们都是很全面的开发平台,为单页面应用开发提供了必需的页面模板、路径解析和处理、后台服务api访问、DOM操作等功能。

千变万化的ViewPager切换动画

本课程中,hyman老师将从通过PageTransformer结合ViewPager.setPageTransformer来实现动画效果开始,为大家一步步讲解涉及到属性动画等知识点,最后通过ViewPager的方式来实现动画切换效果。快来一起学习吧!

使用 JavaScript 实现简单候选项推荐功能

星期六(2篇)

立竿见影!掌握单页网站设计的5大技巧

虽然详细的统计数据尚未公布,但是许多学者和专家都认为,比起传统的多页式网站,单页网站的转化率更高。著名网站37signals曾经公布过这样一个数据,在网站改版成为单页设计之后,网站的用户注册上升了37.5%,这种提升效率用立竿见影来形容好不为过。
前端开发日报

  1. 将内容分割成块
  2. 设计快速访问导航栏
  3. 号召用户行动
  4. 保持简约,避免枯燥
  5. 保持轻量级

程序员必须知道的10大基础实用算法及其讲解

1.快速排序算法;2.堆排序算法;3.归并排序;4.二分查找算法;5.BFPRT(线性查找算法);6.DFS(深度优先搜索);7.BFS(广度优先搜索);8.Dijkstra算法;9.动态规划算法;10.朴素贝叶斯分类算法。附:(1、2、3、7、8算法动态图)

订阅邮件

好东西不在多,每周汇聚互联网精彩的前端开发资源,欢迎关注@前端开发博客微博

如果你有好的文章要推荐,请给“前端开发日报”投稿。前端开发周刊是一个专注于分享优秀的web前端开发文章的频道,需要你的参与。

关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流