2 小时前 / 前端De早读课
前言 今日早读文章由百度 @panming 分享，由公号：百度 App 技术授权分享。 @ 百度 App 技术，分享百度 App 团队在大前端领域的技术探索和实践经验。 正文从这开始～～ 性能是每个前端工程师都应该关注的话题，通用的优化手段已有许多文章和实践，就不再赘述，本篇以百度 App 个人主页为例，聊聊针对业务特点进行的一些性能优化实践。 适用于：传统意义的优化手段能用的都用了：打包拆包，缩减体积和 HTTP 请求数、CDN 和按需加载等，但性能方面仍不太理想。 定义指标，建设报表优秀方案的制定首先需要准确的数据做支撑。
1 天前 / 静逸秋水
某天产品经理，在群里吐槽，自己打开自家的网站，浏览器崩溃了。然后又有人运营跟着评论，说某天也遇见了这种情况。这个时候 HR 也跳出来说面试的候选人也说遇到过这种情况。似乎这个时候，无论我们自己的电脑怎样，但是这个问题就必须有结论。 *前端不想看到的崩溃界面*确定问题其实大家日常在开发的时候，也偶尔会遇到 Crash 的问题，但是大多数原因是我们代码逻辑的问题，因此复现率非常高，我们也容易定位问题。
3 天前 / Dunizb
2020年第29期 无论您是刚开始编程还是已经是一名经验丰富的开发人员，在这个行业中，学习新的概念和语言/框架是跟上快速变化的必要条件。 以React为例，它是四年前才由Facebook开源的，它已经成为全球JavaScript开发人员的第一选择。 当然，Vue和Angular也有其合法的追随者群体。然后是Svelte和通用框架，例如Next.js或Nuxt.js。还有Gatsby 和 Gridsome 和 Quasar …，以及，以及。 如果你想成为一名出色的JavaScript开发专家，你至少应该在不同的框架和库中有一些经验。
5 天前 / 噶牛爱尚
首发于 Paradise - 前端视觉交互研究写文章亿级前端项目中的 3D 技术 - 支付宝 2020 年新春活动的背后瞬光寂暗资深失败人士，LO 汉，二刺螈，码农，想为世界做点微小的贡献。105 人赞同了该文章本文转载自前端之巅《亿级前端项目中的 3D 技术：支付宝 2020 年新春活动的背后》，如果对我们团队有兴趣，除了文末的联系方式，也可以直接在知乎私信我。前言新春红包项目，作为每年用户基数最大的支付宝活动之一，对整个项目组的技术都是一个很大的考验。而作为前端，我们的技术考验就是如何在保证稳定性的同时，为用户不断带来更好的创新体验。
6 天前 / 楼外青山
编者按：本文作者王若铮，奇舞团前端开发工程师。 本文是奇舞团泛前端分享会Service Worker初探的一次记录，是对360扫地机器人App内嵌web页面使用Service Worker优化的一次总结。 本文所有代码示例均已提交到github，地址1 Service Worker是什么Service Worker是渐进式web应用（pwa）的核心技术。 通过注册之后，可以独立于浏览器在后台运行，控制我们的一个或者多个页面。如果我们的页面在多个窗口中打开，Service Worker不会重复创建。 就算浏览器关闭之后，Service worker也同样运行。但是浏览器是不会允许Service Worker一直处于工作状态。
8 天前 / fy-wei
本文主要介绍前端性能优化中的资源预加载，不仅会介绍常规的一些预加载手段；还会介绍工程实践中的应用。 涉及内容： link 相关 (rel、as、media、defer、async); 缓存 (4 种缓存、缓存策略、ServiceWork); 优化网络（HTTP/2 ServerPush、Preload/Prefetch、域名拆分）; 同步接口 JSON 数据内联，加速首页渲染； 浏览器中各资源加载的优先级； 实践：webpack 插件、quiklink. 前言 当我们需要某些网络资源时，加载和执行往往耦合在一起，下载完立即执行，而加载过程是阻塞式的，延长了 onload 时间。
12 天前 / 冷星1024
前言 Coding 应当是一生的事业，而不仅仅是 30 岁的青春 ，这篇文章接水怪很用心，也很硬核，相信能看完的都有点东西！！！ 作为一个在互联网公司面一次拿一次 Offer 的面霸，打败了无数竞争对手，每次都只能看到无数落寞的身影失望地离开，略感愧疚。 在一个寂寞难耐的夜晚，我痛定思痛，决定开始写面试相关的文章，希望能帮助各位读者以后面试势如破竹，对面试官进行 360° 的反击，吊打问你的面试官，让一同面试的竞争者瞠目结舌，疯狂收割大厂 Offer！（请允许我使用一下夸张的修辞手法） 文章的名字只是我的噱头，我们应该有一颗谦逊的心...
13 天前 / 前端老王
背景 解决方案 原理 久经考验 生产应用举例 易用性好 多态协议 学习成本低 渐进式接入 业内对比 后期规划 理想主义 历经近 20 个月打磨，滴滴跨端方案 chameleon 终于开源了 https://github.com/didi/chameleon,真正专注于一套代码运行多端。 背景微信月活 10 亿月活（超过网民数量，用户多个账号？）、支付宝 4 亿月活、百度 3.3 亿月活；2018 Q3 中国 Android 手机占智能手机市场超过 80%；无论 BAT 还是 Android 快应用都是中国互联网用户的真正用户入口，作为小型互联网公司都希望能搭上小程序的风口，从而蹭一波流量。
13 天前 / 前端De早读课
前言 利用技术解决效能问题，这种小应用的思路很不错。今日早读文章由流利说 @ 张纯、@ 郭帅兵授权分享。 @ 张纯，流利说前端开发 2019 加入流利说，主要负责流利说 APP 商业化前端开发工作。@ 郭帅兵 流利说前端开发 2017 年加入流利说，主要负责流利阅读小程序和商业化前端开发工作 正文从这开始～～ 背景介绍流利说是一家比较重内容的公司。围绕着整个英语学习，从渠道投放，商业转化，课程内容，分享等都充满了各种内容生成环节。其中使用图片表达又是所有内容中最直接应用最广泛的。
15 天前 / Aceyclee～
用户故事（18）前端为什么要关注 Serverless作者：Aceyclee 发布于： 2020-3-14 归档于： 工程师文化用户故事 Serverless 的概念或应用场景我们以前讲过很多，这里不再冗述。概括性地讲 —— Serverless 的内涵就是对全部底层资源和运维工作的封装，让开发者更专注于业务逻辑。 完备的基础性文章推荐阅读这两篇： Serverless 基本概念入门 Serverless 的运行原理与组件架构本文尝试从出圈的角度，以更接地气的方式聊聊 Serverless。
15 天前 / 冷星1024
01 什么是软件架构？ 人人都在说软件架构，但人们并不能给出一个准确的定义，就像 MartinFolwer 在《Making Architecture Matter》上分享说的，Architecture is about the important stuff. Whatever that is。 软件界的人们长期以来一直在争论架构的定义。对于某些人来说，这就像是系统的基本结构，或者是将最高级别的组件连接在一起的方式。但 Martin 认为没有客观的方法来定义基本的或高级的组件，软件架构的更多是专家开发人员对于系统的设计的共同理解。
20 天前 / 大转转FE
作者 | 袁小龙背景众所周知，目前前端的错误监控在实际工作中越来越重要，好处如下： 收集前端页面错误 辅助定位分析错误 先于用户发现错误 区别于传统的靠用户反馈机制开发人员被动接收排查问题的模式来说。流程更短，体验更佳。 目前，转转的前端错误监控体系都是基于Sentry 建立的。之前我们也或对比或使用过业内比较成熟的几个监控产品，例如Badjs，FrontJS，Fundebug 等。但要么就是用起来繁琐，要么就是不开源，最后我们选择了Sentry，目前经过一段时间的使用来看Sentry 是相对比较成熟且完整的前端错误监控方案了，已经基本能满足我们的项目要求。