11 小时前 / Ryan众乐
首发于 YONE 小栈写文章前端智能化——图层抽象与优化 Y.one腾讯科技有限公司 高级工程师 5 人赞同了该文章在设计稿生成代码流程中，我们需要先将图层解析为 UI 节点，而后再通过布局算法生成代码。 设计稿转代码基本流程作为前端智能化的第一步，解析的 UI 数据关乎后续的代码还原质量，因此需要一套方案来保证解析阶段能输出通用而有效的 UI 节点。 针对通用性和有效两个目标，我们将解析过程分为图层抽象和图层优化两个步骤。
11 小时前 / 九彩拼盘
前端错误日志和监控能提高应用的稳定性。帮助程序员及时响应用户反馈：尽早的发现问题，解决问题。 用户在使用中遇到程序异常时，程序上报报错信息（即日志的采集和上报），通过短信等方式通知到相关负责人（即告警）。负责人通过分析上报的报错信息来定位问题。 我们提到日志时，通常指日志的采集，上报和分析。我们提到监控，通常指日志的展示和告警。 本文主要介绍错误日志和监控包含的主要功能：错误日志数据的采集，存储，上报，分析，展示，以及报错信息的告警。我们下面一个个功能来看。
2 天前 / hikerpig
以此拗口又搞笑的标题纪念一下人生第一次给 Chromium 项目提的 issue。 缘起 4 月中旬后的一周里，感觉使用 Chrome Devtools 调试非常的卡，尤其是在刚打开 Devtools 的时候卡上七八秒。严重影响了工作效率，心情烦躁，提升了社会不稳定因素（大雾）。 定位问题打开 Mac 的 Activity Monitor，明显发现打开 Devtools 时 Renderer 进程 CPU 飚上 100。以上情形只发生在 Devtools 打开 Console tab 的时候，如果一开始并没有打开 Console，就没有卡顿。仅在 Console tab 有大量 log 的情况下出现此问题，log 较少时正常。
2 天前 / 携程技术
作者简介 Liang，携程研发总监，关注 DevOps，前端 & 服务端质量保障、能效提升； Tony，携程资深测试经理，关注自动化测试框架及平台类工具开发。 一、背景 在携程内部业务高频率敏捷迭代发布节奏下，线上生产服务质量需要同步快速提升。这就依赖自动化测试的覆盖率提升，测试任务执行频次提升，测试任务执行速率提升。 通过调研机票前台内部，以及携程其他事业部前台研发和测试团队，发现存在普遍共性痛点。需要清晰化解耦自动化测试体系的三层架构，解决当前核心瓶颈。 SaaS 上层服务，例如 UI 测试，API 测试，兼容性测试，稳定性测试。
2 天前 / hikerpig
以此拗口又搞笑的标题纪念一下人生第一次给 Chromium 项目提的 issue。 缘起 4 月中旬后的一周里，感觉使用 Chrome Devtools 调试非常的卡，尤其是在刚打开 Devtools 的时候卡上七八秒。严重影响了工作效率，心情烦躁，提升了社会不稳定因素（大雾）。 定位问题打开 Mac 的 Activity Monitor，明显发现打开 Devtools 时 Renderer 进程 CPU 飚上 100。以上情形只发生在 Devtools 打开 Console tab 的时候，如果一开始并没有打开 Console，就没有卡顿。仅在 Console tab 有大量 log 的情况下出现此问题，log 较少时正常。
3 天前 / pingan8787
岳鹰全景监控，是阿里 UC 官方出品的先进移动应用线上监控平台，为开发者及企业提供一套完整的移动应用线上质量监控解决方案。岳鹰 WEB 前端监控，可实时监控页面性能、JS 异常、资源加载异常、API 成功率、自定义错误等异常情况。本文通过岳鹰前端监控 SDK 的实际案例，介绍如何基于 JavaScript 来开发 SDK，并分享一些设计原则以及实现技巧。 SDK 是什么 SDK 全称是“Software Development Kit”，直译就是软件开发工具集。说的再通俗点就是一个面向开发者，针对特定领域的软件包。比如 Java SDK（JDK），就是一个 Java 领域的软件包。
3 天前 / 乳鸽J_R
【公司介绍】北京世纪好未来教育科技有限公司（NYSE：TAL）是一个以智慧教育和开放平台为主体，以素质教育和课外辅导为载体，在全球范围内服务公办教育，助力民办教育，探索未来教育新模式的科技教育公司。2010 年在美国纽交所正式挂牌交易。好未来以“爱和科技让教育更美好”为使命，致力成为受尊敬的教育机构。截至 2020 年 2 月底，好未来在全球有超过 45000 名全职员工。截至 2020 年 11 月底，好未来在 102 个城市建立起 990 个教学点，业务范围覆盖全国 331 个地级市以及海外 20 多个国家和地区。
14 天前 / 九彩拼盘
腾讯文档表格是一个非常复杂的业务，它实现了传统 excel 的大部分核心功能，包括函数计算、条件格式、图表、智能分列等；除此之外还支持高效的多人协同编辑；它的代码量百万级别，启动也流程多达十几步。在前端领域，能达到这种规模的项目应该还是比较少的。 腾讯文档表格业务不仅代码规模庞大，模块间依赖关系也很复杂；由于业务的特殊性导致模块间天然有较强的依赖关系；比如改动一个单元格的内容，可能触发包括函数计算、图表渲染等多个模块的逻辑执行。
16 天前 / 九彩拼盘
点击上方“前端印象”，选择“设为星标” 第一时间关注技术干货！ 有时需要做一个页面，不是设计师出身的我们肯定不想花大量的时间去构思如何设计一个漂亮的页面，那么此时有一些好看又免费的模板就再好不过啦，这里给你们推荐 18 个 一、React Blur AdminGo to React Blur Admin[1] React Blur admin 可用于在 React 应用程序上构建管理界面。这个模板有表格、表单、地图、图表、 UI 特性、配色方案、页面等等 二、NextJS Material DashboardGo to NextJS Material Dashboard[2] NextJS Material Dashboard 是一个免费的 Material-UI、 NextJS 和 React A...
19 天前 / Ryan众乐
首发于 Starkwang.log 写文章新一代 Web 建站技术栈的演进：SSR、SSG、ISR、DPR 都在做什么？StarkwangJavaScript 话题下的优秀答主 181 人赞同了该文章在我之前的一篇文章里，初步介绍了 Jamstack 这套建站技术栈的背景以及各方面优劣势： https://zhuanlan.zhihu.com/p/281085404zhuanlan.zhihu.com 所以这次这篇文章会更加深入，聊聊这套技术栈的演进以及业界的一些最佳实践。 在开始阅读之前，先解释一下文章里用到的英文缩写： CSR：Client Side Rendering，客户端（通常是浏览器）渲染 SSR：Server Side Rendering...
19 天前 / 西岭老湿
首发于西岭老湿写文章微前端架构实战下 -ModulFederation 篇西岭老湿高级前端架构师，拉勾网前端技术专家，星海技术团创始人兼团长 1 人赞同了该文章第 4 章 模块联邦实现微应用 4-1 基础构建 -React 基础应用代码安装 // webpack5npm install webpack webpack-cli html-webpack-plugin css-loader style-loader babel-loader @babel/core @babel/preset-env @babel/preset-react webpack-dev-server -Dnpm install react react-dom 基础代码： // ======insex.html========
19 天前 / 九彩拼盘
网上的面试题集很多。有些面试题集很零碎，刷完后，也没太大用。有些面试题集数量太大，没有重点，根本刷不完。 本文精选了一些核心的夯实基础的面试题。选面试题时，兼顾了数量和质量。本文具体包含内容 HTML，CSS，JavaScript，DOM，BOM 和 网络知识。 HTML 说几个 HTML5 新增的标签？这些标签的语义是什么？ 新增了结构标签： article, aside, header, footer, hgroup 等。多媒体标签： audio, video 等。表单标签： datalist, output 等。
21 天前 / Teobler
我们首先需要认识到每一个系统的架构都不应该是一成不变的，为了应对业务的变化，我们不应该只有重写这一个选项。但往往架构的迁移业务方不会给开发人员预留充足的时间，在短时间内平滑地将旧的架构向新的架构演进就成为了一个需要解决的问题。 本文将从一个我最近经历的项目出发，讲解我们是如何在两周时间内将一个单体前端应用演化为一个微前端应用的。 为什么有这次演进 why 不是为了解决问题胡乱上莫名其妙的解决方案就是耍流氓。微前端和微服务一样都是为了解决问题而诞生的解决方案，先看看你的项目是不是也遇到了这些问题，再决定做不做吧。
23 天前 / 博文视点Broadview
作者 | InfoQ 黎安 王终究还是见了王。 继淘宝特价版申请入驻微信小程序的消息传出后，近日闲鱼也向微信提交了小程序申请。 阿里巴巴、腾讯两大互联网巨头的合作消息也正说明了小程序平台的火热。近年来，既有越来越多的头部 App、手机厂商推出自身的小程序平台，也有越来越多的开发者、企业接入其他平台的小程序，然而随着技术高频率的更新迭代，小程序业务的复杂度也在不断增加。 与此同时，小程序开发者愈发任重而道远。
36 天前 / OPPO互联网技术
在开发管理端系统时，基于页面目录生产的路由的 routes 是一个比较流行和省事的方案，但是，能不能再省点事，随便把菜单数据也一并生成呢？ 基于这个问题，本文主要介绍 CookJS，它可以理解成 Vue CLI，是 OPPO 内部自研可插拔的企业级 Vue@ 应用框架，提供了构建、编码、打包等功能。 1. 目录与路由约定式路由，也叫文件路由，就是不需要手写配置，文件系统即路由，通过目录和文件及其命名分析出路由配置。目前许多开源框架都支持，比如：UmiJS、Nuxt.js、vue-auto-routing 等等。 CookJS 参考了 Nuxt.js 的约定式路由规范，内置支持了约定式路由。