1 天前 / 九彩拼盘
高质量的产品，有利于提升用户的使用体验，从而提高用户的留存。快速迭代，就是小步快跑，快速试错，在市场竞争中获得先机。 CI 和 CD 是提升产品质量和迭代速度的利器。CI 和 CD 也逐渐开始成为项目的标配。本文主要包含如下内容： CI 和 CD 的介绍。前端使用 CI 和 CD 的教程。CI 是个啥 CI 是持续集成 (Continuous Integration)的简称。CI 指开发者频繁的将代码合并到主干的做法。频繁的合入主干，能让代码合并变得简单。相对的，在开发的最后时刻，各个开发成员才将代码合并到主干是个噩梦：要解决多如牛毛的代码冲突。
1 天前 / 冷星1024
为什么前端要了解进程通信： 前端领域已经不是单纯写在浏览器里跑的页面就可以了，还要会 electron、nodejs 等，而这俩技术都需要掌握进程通信。 nodejs 是 js 的一个运行时，和浏览器不同，它扩展了很多封装操作系统能力的 api，其中就包括进程、线程相关 api，而学习进程 api 就要学习进程之间的通信机制。 electron 是基于 chromium 和 nodejs 的桌面端开发方案，它的架构是一个主进程，多个渲染进程，这两种进程之间也需要通信，要学习 electron 的进程通信机制。 这篇文章我们就来深入了解一下进程通信。
6 天前 / richardchen
>= 10000ms (10s)用户感到沮丧并可能放弃任务，并且以后可能会也可能不会回来由此可见，性能对于一个应用非常重要。 为了能够对 web 应用的性能优化有一个整体的认知，本文对 google 的 web 前端性能优化指南进行了翻译整理。整个性能优化的内容分为三个部分：加载性能、渲染性能和性能评估。 一、加载性能加载性能主要是受用户的网络条件、要加载的资源多少以及资源内容的大小的影响。用户的网络条件我们无法控制，所以页面资源的加载数量以及资源内容的大小是我们优化的方向，另一方面我们也可以在我们依赖的传输协议上作文章，比如使用 http 缓存等。
9 天前 / 开发者头条
活动内容收起展开 1.活动流程 13:30 - 14:00签到 14:00 - 14:10开场 14:10 - 14:50 《Flutter2 渲染原理 & 如何实现视频渲染》 卢旭辉（声网 Agora 高级开发工程师 ） 14:50 - 15:30 《基于 OpenVINO 的前端开发》 付俊伟（英特尔软件工程师） 15:30 - 15:40 茶歇 15:40 - 16:20 《渐进式的 Web 框架： Midway.js 的设计与思考》繁易（淘宝高级前端工程师 & Node.js Core Collaborator） 16:20 - 17:00 《Web 中的中英文排版与换行》张鑫旭（阅文集团前端开发工程师） 17:00 - 17:30 自由交流 + 合影 2.活动嘉宾 嘉宾一 主题：Flutter2 渲染原理 & 如何实现...
12 天前 / 冷星1024
大家好，我是卡颂。 我是个恋旧的人，Github 头像还是上古时期端游「仙剑奇侠传」的截图。 对于前端，如果能 jQuery 一把梭，我是很开心的。 React、Vue 的普及让大家习惯了虚拟 DOM 的存在。但是虚拟 DOM 一定是最优解么？ 举个例子，要进行如下 DOM 移动操作： //变化前 abcd //变化后 dabc 用 jQuery 时调用 insertBefore 把 d 挪到 a 前面就行。而 React 基于虚拟 DOM 的 Diff 会依次对 abc 执行 appendChild，将他们依次挪到最后。 1 次 DOM 操作 vs 3 次 DOM 操作，显然前者更高效。
13 天前 / 前哨君
首发于开源前哨写文章 2.7 万 Star！这个开源工具把网页变成本地应用程序开源前哨推荐有趣和热门的开源项目。有一个同名公众号：开源前哨 1 人赞同了该文章【导语】：把 Web 页面变成本地应用的命令行工具。 简介 Nativefier 是一个命令行工具，可以以最少的配置轻松地为任何网站创建桌面应用程序，把 Web 页面变成本地应用的命令行工具。通过 Electron + Chromium 把网站包装成本地 .app、.exe 等可执行文件，支持运行在 Windows、macOS 和 Linux 操作系统上。
14 天前 / Ryan众乐
首发于 unadlib 的前端专栏写文章一个渐进式微前端框架 - Frontsunadlib 养鱼的 18 人赞同了该文章什么是微前端微前端是一种前端架构风格，它提倡由可独立交付 ( 开发 / 部署)的前端应用组合成一个更大的整体前端应用。 随着前端工程复杂度逐年上升，传统大型前端应可能因过度耦合变得越来越臃肿而最终难以维护，也因此在近两三年的大型前端架构中，微前端也越来越受到重视。前端应用模块动态化无疑是一个不可避免的前端开发新趋势之一，它将有可能较彻底地解决臃肿代码库维护问题和效率不高的交付问题。
16 天前 / 开发者头条
活动内容收起展开 1.活动流程 13:30 - 14:00签到 14:00 - 14:10开场 14:10 - 14:50 《Flutter2 渲染原理 & 如何实现视频渲染》 卢旭辉（声网 Agora 高级开发工程师 ） 14:50 - 15:30 《交互体验优化的探索与实践——Alita 规则引擎的实践》徐瑞 （美团高级前端开发工程师） 15:30 - 15:40 茶歇 15:40 - 16:20 《去哪儿网企业应用低代码化实践与落地》李智勇（去哪儿网高级前端工程师） 16:20 - 17:00 《Canvas 2D、游戏、兴趣使然地编程》邓家旺（Authing 前端开发工程师） 17:00 - 17:30 自由交流 + 合影 2.活动嘉宾 嘉宾一 主题：Flutter2 渲染原理 & 如...
23 天前 / 秦小风啊
文章主题是“单线程模型下如何保证 UI 的流畅性”。该话题针对的是 Flutter 性能原理展开的，但是 dart 语言就是 js 的延伸，很多概念和机制都是一样的。具体不细聊。此外 js 也是单线程模型，在界面展示和 IO 等方面和 dart 类似。所以结合对比讲一下，帮助梳理和类比，更加容易掌握本文的主题，和知识的横向拓展。 先从前端角度出发，分析下 event loop 和事件队列模型。再从 Flutter 层出发聊聊 dart 侧的事件队列和同步异步任务之间的关系。
23 天前 / u584413
哈喽，大家好，我是瓜哥，致力于分享互联网各领域干货。 今天本来不打算更新文章的，但是忍不住利用 3 分钟整了个冰冰版 3D 音乐播放器。 什么，央视最美女记者？ 很多人估计是冲着封面进来的，如果是文末点个赞或者在看。 废话不多说，看效果图： 冰冰 3D 播放器那么做这个 3D 播放器难吗？ 3 分钟搞定，你说难吗？ 不过对于没有学习前端的朋友比较难，毕竟看不懂代码，不过想玩一下或者将图片更换成女朋友版，音乐改成女朋友最喜欢的歌，你懂得。 源码给大家放在文末了，浏览器打开就可以看到效果了。
28 天前 / 开发者头条
怎么判断两个网站是否同域 浏览器从一个域向另一个域的服务器发送请求来访问其资源。 浏览器的同源策略：协议、域名、端口号一致。 保持登录状态能够使用什么实现 cookie,token externals 是怎么实现的 你这些外部的资源是存在公共的 CDN 上，还是有现成可以直接用的托管 CDN 回答了公共的 CDN 是哪种类型的 CDN 呢，具体是哪些域名 为什么 CDN 能够加速用户访问一个网站，它的原理是什么 最简单的 CDN 网络由一个 DNS 服务器和几台缓存服务器组成： 当用户点击网站页面上的内容 URL，经过本地 DNS 系统解析...
28 天前 / refined-x
前端周刊：2021-7 期 前端开发淘宝承接页是如何实现秒开的如果提到的名词都认识，你会发现这篇文章的技术含量非常低，但就是能写成看上去很厉害的样子；而且淘宝客户端（安卓）的体验烂成那个样子还改出来吹，难道这就是阿里的晋升氛围，阿里已经不是十年前那个前端圣地了。 Puppeteer 实践指南 - 网页生成 PDF 生成 PDF 只是 Puppeteer 的一种非典型应用场景，Puppeteer 的关键词是无头浏览器，能做的事非常多 10 个常见的 Vue 自定义指令列举了几种有用的指令实现方式 换一种方式来实现 CSS 评分组件是个狠人...
35 天前 / 太空编程
何为系统架构师？系统架构师是一个最终确认和评估系统需求，给出开发规范，搭建系统实现的核心构架，并澄清技术细节、扫清主要难点的技术人员。主要着眼于系统的“技术实现”。因此他 / 她应该是特定的开发平台、语言、工具的大师，对常见应用场景能给出最恰当的解决方案，同时要对所属的开发团队有足够的了解，能够评估自己的团队实现特定的功能需求需要的代价。系统架构师负责设计系统整体架构，从需求到设计的每个细节都要考虑到，把握整个项目，使设计的项目尽量效率高，开发容易，维护方便...