首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端工程化
订阅
JokerFe
更多收藏集
微信扫码分享
微信
新浪微博
QQ
48篇文章 · 0订阅
前端性能优化总结
最近花了一些时间在项目的性能优化上,背后做了很多工作,但是最后依然没有达到自己想要的结果,有些失望,但是还是记录下自己的执着。 性能优化总结:减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…
PostCSS 以及 cssnext语法
本文是对近两天学习postcss的总结,在这里分享给大家。 1 . 使用下一代css语法 2 . 自动补全浏览器前缀 3 . 自动把px代为转换成 rem 4 . css 代码压缩等等 postcss 只是一个工具,本身不会对css一顿操作,它通过插件实现功能,autopref…
Electron 从零到一
Electron 我们会出一个系列,这篇文章主要是介绍 Electron 基础相关的东西,后续会出我们在实战中更多的技巧以及问题的解决方案,希望大家持续关注我们。 Electron 是一个赋力前端进行跨平台开发的框架,让开发人员使用 JavaScript, HTML 和 CSS…
10分钟彻底搞懂前端页面性能监控
前端页面性能是一个非常核心的用户体验指标。本文介绍阿里UC 岳鹰全景监控平台 如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Timing API以及sendBeacon等方法。 一个页面性能差的话会大大影响用户体验。用户打开页面等待的…
浏览器与Node的事件循环(Event Loop)有何区别?
本文我们将会介绍 JS 实现异步的原理,并且了解了在浏览器和 Node 中 Event Loop 其实是不相同的。 官方的说法是:进程是 CPU资源分配的最小单位;线程是 CPU调度的最小单位。这两句话并不好理解,我们先来看张图: 进程好比图中的工厂,有单独的专属自己的工厂资源…
[译] 如何编写全栈 JavaScript 应用
我们的 GitHub 仓库最近在 GitHub 上获得了 10,000 颗星。它在 HackerNews、GitHub Trending 上排名第一,并在 Reddit 上获得了 2 万个赞。 这篇文章是我这一段时间以来一直想写的,随着我们的仓库快速上升,我认为现在是写它的最佳…
前端性能优化指南
发现总结性的小干货可以为大家提升更好的开发技巧和编码思维,对代码量产化提供更扎实的质量和支持。这次我们来聊聊大家可能都比较关心的话题:性能优化。 一说到页面的性能优化,大家可能都会想起雅虎军规、2-5-8原则、3秒钟首屏指标等规则,这些规则在开发过程中不是强制要求的,但是有时候…
使用预渲染 (prerender-spa-plugin) 提升 SPA 应用体验
在目前的前端领域,单页web应用(SPA)已经有了比较高的占有率,比较主流的web框架React、Angular、Vue几乎已经统治了前端市场。 单页应用确实带来了更好的前后端分离,以及用户体验好、快,内容的改变不需要重新加载整个页面等等的优点,喜忧参半,SPA应用首屏加载慢、…
2018,我们的组件化实施之路 | 掘金年度征文
目前比较流行的大致有3种,Router ,Protocol,Target-Action.我们采用了第三种,在此要感谢casa前辈的智慧与无私贡献。至于选用哪一种,不在今天的讨论范围内,因为无论你打算或者正在使用哪一种,与今天我们要讲的都没有冲突。 组件化一般分3层,从下至上依次…
一文学懂 TypeScript 的类型
如果你认为这段代码非常神秘 —— 那么我同意你的意见。但是(我希望证明)这些符号还是相对容易学习的。一旦你能理解它们,就能马上全面、精确的理解这种代码,从而无需再去阅读冗长的英文说明。 TypeScript 有一个在线运行环境。为了得到最全面的信息,你应该在 “Options”…