Vue 进阶系列(一)之响应式原理及实现

什么是响应式Reactivity Reactivity表示一个状态改变之后,如何动态改变整个系统,在实际项目应用场景中即数据如何动态改变Dom。 需求 现在有一个需求,有a和b两个变量,要求b一直是a的10倍,怎么做? 简单尝试1: let a = 3; let b = a * 10; console.log(b); ……

编写自己的 SVG 图标库

在做 one-react 组件库时,思考如何对组件库各组件中用到的图标作统一管理。在这之前,都是直接 「hard code」 写入 SVG code,一旦出现同一个图标在不同组件中引入时,本质上是在反复复制一段代码,后续图标更新时会产生不小的工作量,独立的图标库势在必行。 调研了几种社区常见方案: iconfont ……

关于前端请求的那些事

引言 前端是一个快速发展的领域,而在前端的技术栈当中,前端请求又是最见的一个领域,通过请求接口数据,才能将一个静态的页面动态化。本文将以前端发展的时间轴来逐一分析前端请求的技术演变及其优劣,针对这一课题,作者查阅了相关资料加以自己的理解,如有错误,烦请指出。 XMLHttpRequest XMLHttpRequest是……

从零快速搭建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……