从零快速搭建Next框架案例分享

写在前面 Next.js是提供基于React的SSR框架。解决SPA的一些缺点。下文会对SPA应用进行一些简单的介绍,并且会通过拆分本Demo的实现,让大家学会如何从零搭建Next框架。 SPA的本质以及优缺点 现今前端开发技术,spa(single page application)单页应用的普及度越来越高,reac……

见微知著,Google Photos Web UI 完善之旅

原文地址:https://medium.com/google-design/google-photos-45b714dfbed1 见微知著,Google Photos Web UI 完善之旅 几年前我有幸以工程师的身份加入 Goolge Photos 团队,并参与了 2015 年发布的第一个版本。不计其数的设计师、产品……

The Suspense is Killing Redux

译文已获得原作者授权,转载时请附上原文链接 https://medium.com/@ryanflorence/the-suspense-is-killing-redux-e888f9692430 在最近举办的 workshop 上我一直考虑这个问题: Suspense 会杀死 Redux 吗? 不得不说上面的表……

IMWebConf 2018 前端大会,10 月 14 日重磅来袭!

想了解 2018 前端前沿技术和发展趋势?想挖掘前端更深远的价值?就在这个秋季,第七届 IMWebConf 大会重磅来袭,我们邀请您一起参加这场盛宴,与前端大神们一起碰撞技术的火花,寻找你心中关于技术的答案。 【关于IMWebConf】 IMWebConf 是由腾讯前端 IMWeb 团队发起的国内顶级前端技术领域开发……

《解析 GraphQL 的查询语法》【译】

原文链接:The Anatomy of a GraphQL Query GraphQL 日渐成为数据查询的主流标准之一,整个生态圈也蓬勃发展。本文则由浅入深地详细介绍基础的 GraphQL 格式与关键字,有助于初学者对于 GraphQL 的使用形成体系认知。 GraphQL 日渐成为数据查询的主流标准之一。每天都会……

如何监控网页的卡顿?

要监控网页的卡顿,我们必须从 FPS 说起。 FPS 是来自视频或者游戏里的概念,即是每秒的帧数,代表视频或者游戏的流畅度,俗话说,就是“不卡”。 那在前端开发领域,网页的 FPS 是什么呢? 什么是网页的 FPS? 网页内容在不断变化之中,网页的 FPS 是只浏览器在渲染这些变化时的帧率。帧率越高,用户感觉网页越流畅……

基于 MobX 构建视图框架无关的数据层-与 Vue 的结合(1)

mobx-vue 目前已进入 mobxjs 官方组织,欢迎试用求 star! 原文链接 几周前我写了一篇文章描述了 mobx 与 angularjs 结合使用的方式及目的 (老树发新芽—使用 mobx 加速你的 AngularJS 应用),这次介绍一下如何将 MobX 跟 Vue 结合起来。 安装 npm i mob……

前端能读懂的《区块链开发入门》,外刊君专属5折优惠码!

最近掘金小册子上线了一本关于前端开发区块链的小书——《区块链开发入门:从 0 到 1 构建基于以太坊智能合约的 ICO DApp》。本书是写给前端开发者的第一本区块链开发入门指南,通过从 0 到 1 实战开发一个 ICO DApp 项目(基于 V 神的 DAICO 设计思想),深入掌握区块链及以太坊技术。 掘金与外刊君……

基于 React 的高质量坦克大战复刻版

坦克大战当年红遍大江南北,很多和我一样的九零后应该都有着对这个游戏的记忆。现在显示器分辨率越来越高,使用矢量图来实现像素风格游戏,可以获得非常高的展现质量。该复刻版 是我花了很长时间折腾的坦克大战复刻版本,所有元素都使用矢量图(SVG)进行渲染,针对网页的交互方式重新设计了关卡编辑器,该复刻版新增了关卡选择功能、自定义……

和 Houdini, CSS Paint API 打个招呼吧

原文链接:SAY HELLO TO HOUDINI AND THE CSS PAINT API作者:Will Boyd相关阅读:Houdini:CSS 领域最令人振奋的革新 浏览器发展至今,已经很久没有感受过这种期待了。 Hodini 的出现将赋予开发者前所未有的控制页面视觉表现的能力。这个项目的第一步是实现 CS……