前端早读-20190909

  1. 30分钟正反对比捋完TypeScript

把正确的写法和错误的写法对比着来看.更重要的就是记住为什么错了,梳理TypeScript易错语法。

  1. 一步步带你实现web全景看房——three.js

基于three.js对前端图形化能力的实践,对于three.js有详细的指南。

  1. Vue 最黑暗的一天

RFC发布亲历者关于Vue 3.0 中使用基于函数的方式编写 Vue 组件的争论与看法。

前端早读-20190906

  1. 京东 PC 首页 2019 改版前端总结

京东 PC 首页改版在首页稳定性、安全性、视觉体验、无障碍体验方面进行优化,值得借鉴思考。其具体涉及以下几个模块:引入强类型校验(TypeScript)、升级资源构建方案、接入自动化测试(Nightwatch.js 自测)、完善监控体系 (代码报错:BadJS)、优化页面加载体验:骨架屏、优化信息无障碍体验(语义化tab及可见元素等)。

  1. 我的<input />不可能这么可爱(APP打开有惊喜)

<input /> 标签是我们日常开发中非常常见的替换元素,不过还是有许多相关属性、选择器了解较少。这篇文章整理了一些比较有趣和实用等知识点,比如用纯css实现了表单验证与提交、checkbox的状态切换(中间态,如扫雷中的问号状态)等等。此外,这篇文章有一个有趣的彩蛋,标题中的标签元素引发出掘金和微信的重大BUG。
注:本文发布上去后,也存在该bug,不过markdown好理解

  1. Navigation网站收藏和导航平台

日积月累,收藏夹中网站越来越多,在收藏夹里找所需网站越来越麻烦……鉴于种种原因,作者基于 express 搭建了一个收藏、搜索和分类导航平台网站。这篇文字介绍了整个网站实现的思路以及前后端构建所用到的库,比较全面和使用,可以学习下。

前端早读-20190904

  1. 前端异常监控解决方案研究

理论文章,对实践有很好的指导意义。理论能把脑子里模糊的、突发奇想的想法处理整齐,并且构建一个完整的网络。我们目前的异常监控还比较弱,只是简单的采集了异常和接口信息。这篇文章详细介绍了一个完备的异常监控系统应该具备的能力。

  1. Notes to Myself on Software Engineering

Keras开发者关于软件开发流程、API设计、职场方面的笔记记录。摘录几条:职业发展不是指你管理了多少人,而是产生了多大的影响力;投入时间和精力做优秀的基础设施,比如持续集成和追求完整的单元测试覆盖率(PS:有一个个人项目有近100%覆盖率的测试用例,发布能带来极大的幸福感);你的API和组件都是有用户和用户体验的,对你的同事好一点。

  1. imgcook 体验版发布

从sketch直接生成代码,还没有试用过,期待可以解脱一些重复工作。

前端早读-20190902

  1. Serverless For Frontend 前世今生
    作为一个前端,你可能一直在迷茫,Node.js 的定位是什么?为什么我们需要它?尤其是到了 2019 这个时间点,未来一段时间内,有一个词 – Serverless 你会听到想吐。所有人都在说 Serverless,几乎没有人知道如何落地 Serverless,但大家都觉得其他人在大力做 Serverless,所以大家都在宣传自己在做 Serverless。阿里作为 Node.js 国内的引航者,在国内第一个引入 BFF 的概念,也第一个提出了 SFF(Serverless For Frontend),本文总结了他们在这一演化过程中的一些心得和实践。

  2. 命令行的艺术
    熟练使用命令行是一种常常被忽视,或被认为难以掌握的技能,但实际上,它会提高你作为工程师的灵活性以及生产力。本文介绍了作者在 linux 发现的一些命令行使用技巧的摘要。

  3. 企业服务类产品的底层逻辑,和“有赞产品设计原则”
    有赞的《产品设计原则》,根据客户需求、有赞的使命和愿景、当前生态环境,以及当前所处的发展阶段拟定,它是每个有赞产品在设计过程中都要遵守的基本原则。它是一个产品视角的原则,并非完整的市场、运营或者技术视角。在产品视角上,把产品设计过程分成了 4 个部分:产品定义、产品设计、产品研发、产品运营。作为一名技术,我们有必要学习和了解产品的原则,从而生产出一款优秀的产品,同时解放自己的生产力。

前端早读-20190828

  1. 重磅!滴滴跨端框架Chameleon 1.0正式发布
    跨端解决方案一直是业界比较热门的讨论话题,本文介绍了框架的新增特性,以及部分特性的细节实现,可以学习一下跨端框架的构建思路和需要解决的问题。

  2. 技术路线:前端开发已进入深水区
    无论是技术层面还是意识层面,如今的前端开发已经进入深水区,要在深水区中生存以及捕捞猎物,就需要有深水区所需要的系统化的技能体系以及配套的软硬件能力,以及从浅水区进往深水区所需要的进阶方法论,本文试图向大家传达这样一种观点,希望带给大家一些启示,无论是新人老人都要居安思危,提前做出储备,以应对新的职场挑战,更灵活的延展自己的职业路线。

  3. Vue 组件数据通信方案总结
    本文比较全面的介绍了Vue 组件通信的三个场景:父子通信、兄弟通信、隔代(跨级)通信,一共提供了6种方式,前三种是大家比较熟悉的,后三种是比较新的方案,可以学习并思考下各个方案的适用场景及优缺点。

前端早读-20190821

  1. Hexo使用文档
    Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

  2. 在 hexo 中使用 git submodules 管理主题
    Git submodules 称之为 Git 子模块. 子模块允许你将一个 Git 仓库作为另一个 Git 仓库的子目录. 它可以让你将另一个仓库克隆到自己的项目中, 同时还保持提交的独立.