20170124 前端开发日报

论前端如何在后端渲染开发模式下夹缝生存;面向前端的 CDN 原理介绍;一次中大型产品 Web 前端的技术选型过程;Awesome Chrome 插件集锦;从一道面试题谈谈函数柯里化(Currying);Web端VR开发初探;实现一个类 Vue 的 MVVM 框架;从元素中querySelectorAll可能会得到你想不到的结果

  1. webpack 多页应用架构系列(十五):论前端如何在后端渲染开发模式下夹缝生存 前言 近年来前端领域发展迅猛,前后端分离早已成为业界共识,各类管控系统(to B)上个SPA什么的也不值一提,但唯独偏展示类的项目,为了SEO,始终还是需要依赖于服务器端渲染html。 我过往也曾尝试为SPA弥补SEO,但现在看来,效果虽然达到了,但工作量也大大地增加(因为后端用的PHP,不能做到前后同构)。 …
  2. #IT技术分享#【面向前端的 CDN 原理介绍】详见: 本文中,我们将具体的了解下 CDN 以及其工作原理。[哆啦A梦微笑] ​​​

    面向前端的 CDN 原理介绍
  3. 一次中大型产品 Web 前端的技术选型过程 背景:老产品的基于ExtJS的前端需要配合server端微服务改造重新实现。 先说个人观点,非常喜欢 Vue,也想在这次技术选型中选择它,然而发现要说服各种技术人员,从开发人员到管理层,都有不小的阻力——不是阻挠的阻力——是在对于几个框架都比较陌生的情况下一种选择困难。对于大型产品开发来说——上百人月的开发周…
  4. Awesome Chrome 插件集锦 子曾曰:“工欲善其事,必先利其器。居是邦也。”——语出《论语·卫灵公》;其后一百多年,荀子也在其《劝学》中倡言道:“吾尝终日而思矣,不如须臾之所学也;吾尝跂而望矣,不如登高之博见也。登高而招,臂非加长也,而见者远;顺风而呼,声非加疾也,而闻者彰。假舆马者,非利足也,而致千里;假舟楫者,非能水也,而绝江…
  5. 从一道面试题谈谈函数柯里化(Currying)】文章传送门: ​​​   欢迎大家再一次来到我的文章专栏:从面试题中我们能学到什么,各位同行小伙伴是否已经开始了悠闲的春节假期呢?在这里提前祝大家鸡年大吉吧~哈哈,之前有人说,学面试题不会有什么长进,其实我觉得这个就像是我…

    从一道面试题谈谈函数柯里化(Currying)
  6. Web端VR开发初探》 随着硬件和软件技术的发展,产业界对虚拟现实(VR)用户体验产生了重大期望。技术的进步也使我们可能通过浏览器借助开放Web平台获得这种用户体验。这将帮助Web成为创建、分发以及帮助用户获得虚拟现实应用和服务生态系统的重要基础平台。 ​​​
  7. 实现一个类 Vue 的 MVVM 框架】文章传送门: ​​​ 原文地址:https://gmiam.com/post/evo.html Vue 一个 MVVM 框架、一个响应式的组件系统,通过把页面抽象成一个个组件来增加复用性、降低复杂性 主要特色就是数据操纵视图变化,一旦数据变化自动更新所有关联组件…

    实现一个类 Vue 的 MVVM 框架
  8. #JavaScript#【从元素中querySelectorAll可能会得到你想不到的结果】使用querySelectorAll匹配通配符有时候并不能得到你想要的结果,通过这篇文章你能解读到更多关于querySelectorAll的查询节点,是从文档开始查找符合的内容。…请戳→ #前端开发博客# ​​​

    从元素中querySelectorAll可能会得到你想不到的结果
  9. 浅谈Ajax的优缺点 ​​​ AJAX (Asynchronous JavaScript and XML) 是一种交互式动态web应用开发技术,该技术能提供富用户体验。完全的AJAX应用给人以桌面应用的感觉。正如其他任何技术,AJAX有它自己的优缺点。下面我列出了一些重要的场景,你在基于web的应用的开发中使用时一定要注意。 AJAX的优点 改善的用户体验- AJAX提供的更丰富的用户…

    浅谈Ajax的优缺点
  10. #前端技术#【精益 React 学习指南】详见: 这是一本逐步学习 React 的学习指南。你将跟随作者从简单到复杂的踏进 React 的世界。这本书正在逐步地撰写,目前完成了前三章,即 React 的入门知识、React 工程化以及 React 与 Redux 等内容。正在学习 React 的朋友们可以留作参考。 ​​​

    精益 React 学习指南
  11. 从 webpack v1 迁移到 webpack v2》旧的 loader 配置被更强大的 rules 系统取代,后者允许配置 loader 以及其他更多项。为了兼容旧版,module.loaders 语法被保留,旧的属性名依然可以被解析。新的命名约定更易于理解并且是升级配置使用 module.rules 的好理由。 (by 众成翻译) ​​​

    从 webpack v1 迁移到 webpack v2
  12. #前端头条#【使用原生js替换jQuery】考虑到本质上,jQuery只是一个操作DOM的工具,我们不仅要问:如果只是为了几个网页特效,是否有必要动用这么大的库?下面就探讨如何用JavaScript标准语法,取代jQuery的一些主要功能,做…请戳→ #前端开发博客# ​​​

    使用原生js替换jQuery
  13. #前端技术#【移动端全兼容的 Flexbox 速成班】详见: 在本文中,我们将谈谈那些不用苦恼“兼容”的移动端 Flexbox 最佳实例。[喵喵] ​​​

    移动端全兼容的 Flexbox 速成班
  14. Nodejs学习路线图】本文作者把自己的学习和使用经验进行归纳总结,分享给大家,希望给新入门Nodejs的同学做一些指引。 (来自: 粉丝日志) ​​​​

    Nodejs学习路线图
  15. [译] 服务端渲染性能大乱斗:Vue, React, Preact, Rax, Marko

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

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

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

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