sunshine小小倩

前端工程师ELEME

饿了么 Emazing FE

更多

专栏

sunshine小小倩
2月前
2018 前端性能优化清单前言：这篇文章我在掘金翻译计划中跟着一起翻译的文章（感谢掘金翻译），我翻译了第三部分，然后校对了第二部分，这篇文章对于前端性能优化的技术还是比较新颖和全面的，所以决定自己阅读一遍英文原文，然后又用思维导图整理了下重点，英文原文还是挺长的，所以推荐大家时间充裕的话可以自己阅读英文原文，此文是根据掘...
- 637
- 收藏
阅读全文
sunshine小小倩
3月前
想拥有更多回头客？为什么前十分钟是至关重要的？作为一个移动开发者，你拥有的最强大的工具之一就是数据。以正确的方式利用游戏数据为识别问题、优化性能、为玩家提供价值以及最终拓展业务提供了难以置信的机会。在这篇文章中，我将讨论新用户首次体验，这可以帮助你确定游戏中可能会在哪些地方失去玩家。我还会从 Google Play 分享的一些有意义的数据...
- 10
- 收藏
阅读全文
sunshine小小倩
3月前
2018 前端性能优化清单 - 第 3 部分下面是前端性能问题的其他部分，你可以参考以确保流畅的阅读本文。在 2005 年，Google 推出了 Brotli，一个新的开源无损数据压缩格式，现在被所有的现代浏览器所支持。实际上，Brotli 比 Gzip 和 Deflate 更有效。取决于设置信息，压缩可能会非常慢。但是缓慢的压缩过程会...
- 163
- 收藏
阅读全文
sunshine小小倩
5月前
论原子 CSS 的日益普及即使你自认为是 CSS 方面的专家，也很可能在某一大型项目中，处理一个错综复杂并且越来越庞大的样式表，它们中一些样式表看起来就像一张相互继承并且混乱缠绕的网。级联的作用非常强大。微小的改变可能会引起很大的改变，这就导致了很难知道下一秒会发生什么。重构、更改和移除 CSS 都是高危动作，因为很难知...
- 29
- 收藏
阅读全文
sunshine小小倩
5月前
Chrome DevTools - 性能监控你是否经常需要 JavaScript 或者 CSS 进行优化，但是不能找到一个简单的方式来衡量优化的效果？当然，你可以使用时间轴来记录，但是在大多数情况下，时间轴只记录数据，并不是实时更新的。在这点还有其他的性能测量技巧，Chrome DevTools 添加了 “Performance Moni...
- 383
- 收藏
阅读全文
sunshine小小倩
5月前
介绍 Turbo：比 Yarn 和 NPM 快 5 倍，可以在本地浏览器中运行介绍 TURBO：比 YARN 和 NPM 快 5 倍，可以在本地浏览器中运行🔥 注意：这是我在 12 月6 日在谷歌山景学校演讲的一部分，欢迎加入！在经过四个月的努力，我很兴奋的宣布 TURBO 诞生了！🎉 Turbo 是一个速度极快的 NPM 客户端，最初是为了 StackBlitz 创建...
- 391
- 收藏
阅读全文
sunshine小小倩
7月前
谈谈 HTTPS 前言：这是作为一个前端开发对 HTTPS 的浅显的理解，仅仅是可以让你在看完文章之后对 HTTPS 的原理了解，具体的实现方式并没有给出。有不对的地方欢迎指出。 HTTPS（全称：Hyper Text Transfer Protocol over Secure Socket Layer），是以安全...
- 591
- 收藏
阅读全文
sunshine小小倩
8月前
【译】V8 引擎怎样对属性进行快速访问在这篇文章中我将要解释 V8 引擎内部是如何处理 JavaScript 属性的。从 JavaScript 的角度来看，属性们区别并不大，JavaScript 对象表现形式更像是字典，字符串作为键，任意对象作为值。ECMAScript 语言规范中，对象的数字索引和其他类型索引在规范中没有明确区分，...
- 75
- 收藏
阅读全文
sunshine小小倩
8月前
this、apply、call、bind 这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。在 ES5 中，其实 this 的指向，始终坚持一个原理：THI...
- 969
- 收藏
阅读全文
sunshine小小倩
8月前
【译】CSS 十六进制颜色揭秘作为一个长期在世界各地主持技术峰会的主持人，我有机会和许多技术传播者交流，我将这些人称为“专业的技术作者”，忙于他们的工作。一个主题反复出现的是 CSS 中的颜色 —— 特别是它们在 CSS 的属性值中使用十六进制表示法。你可以在你的 CSS 中各个地方看见这些看起来怪怪的字符串：、、。我的意思...
- 52
- 收藏
阅读全文
sunshine小小倩
8月前
【JS】类型检测 js 中的类型检测也是很重要的一部分，所以说这篇文章我们就来讲一下怎么对 JavaScript 中的基本数据类型进行检测。其实这也是在读 Zepto 源码中学习到的，所以阅读源码对我们的提升还是很有帮助的。本文基于参考了前辈们的文章之后个人理解此文写的有不当的地方，请各位大佬指正。再看 Zept...
- 214
- 收藏
阅读全文
sunshine小小倩
8月前
js 深拷贝 vs 浅拷贝本文主要讲一下 js 的基本数据类型以及一些堆和栈的知识和什么是深拷贝、什么是浅拷贝、深拷贝与浅拷贝的区别，以及怎么进行深拷贝和怎么进行浅拷贝。其实深拷贝和浅拷贝的主要区别就是其在内存中的存储类型不同。堆和栈都是内存中划分出来用来存储的区域。在将深拷贝和浅拷贝之前，我们先来重新回顾一下 EC...
- 379
- 收藏
阅读全文
sunshine小小倩
9月前
读书笔记：锋利的JQuery 前一段在当当和京东上趁着打折买了十几本编程的书，励志要全部看完！在此立一个 flag，最近也是一直在读书，发现书中更能深入的学到系统的知识。并且如果再能将书中的内容用自己的语言表达出来那就更好了。简介：这本书适合初学 JS 的童靴看~内容比较基础，我是想看 JQ 源码，然后发现和源码没有半毛钱关...
- 381
- 收藏
阅读全文
sunshine小小倩
9月前
JavaScript 二进制的 AST 在这个博客文章中，我想介绍一下 JavaScript 二进制 AST，我们希望在我们的项目中这将有助于使网页加载更快，以及其他一些好处。多年来，JavaScript 已经从最慢的脚本语言之一，从老爷车发展为兰博基尼，不管是通过 Web 浏览器还是其他环境。它都能够快到可以运行桌面、服务器、移动甚...
- 38
- 收藏
阅读全文
sunshine小小倩
9月前
怎么写出完美的错误消息每一个系统都会出现错误。这可能是用户的错误也可能是系统的错误。在这两种情况下，正确处理错误非常重要，因为它们对于良好的用户体验至关重要。错误消息应该明确地定义是什么错误，错误是怎样发生的并且应该怎样处理。将错误消息想象为你和用户之间的对话：这就应该使得错误消息被拟人化。确保你的错误消失是礼貌的、...
- 61
- 收藏
阅读全文
sunshine小小倩
9月前
CSS 常见布局方式温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现方法太多，所以本文主要是介绍 flex 布局和 grid 布局，以及 CSS 常见的居中方式和两种经典的布局方式“圣杯布局”和“双飞翼布局”。想到哪写到哪，请各位见谅。我们的传统布局方式就...
- 1271
- 收藏
阅读全文
sunshine小小倩
9月前
学习 React.js 比你想象的要简单学习 REACT.JS 比你想象的要简单通过 MEDIUM 中的一篇文章来学习 REACT.JS 的基本原理你有没有注意到在 React 的 logo 中隐藏着一个六角星？只是顺便提下...去年我写了一本简短的关于学习 React.js 的书，有 100 页左右。今年，我要挑战自己 —— 将其...
- 574
- 收藏
阅读全文
sunshine小小倩
9月前
浅析 Hexo 搭建博客的原理一直在用 Hexo 写博客，但是对其原理并不是很清晰，在网上找了一些资料，对 Hexo 有了新的认识，现在就来记录一下记得刚开始知道 Hexo + github pages 搭建博客是在 2016 年，那时候，闺蜜非常激动的给我说自己建了一个博客，然后给我发过来了一个地址，我打开之后感觉她技术好...
- 322
- 收藏
阅读全文
sunshine小小倩
9月前
一个少女心满满的例子带你入门 Canvas 之前看到了一个很好看的canvas效果，然后拿来做我的博客背景，不少童鞋留言说求教程，并且反应说太耗内存，于是前一段我就重写了一遍，并且使用离屏渲染进行优化，效果还是挺显著的。但是因为毕竟是canvas，需要一直进行重绘，所以还是比较耗内存的，但是比优化之前已经好很多了。并且最近准备自己写插件，于...
- 518
- 收藏
阅读全文
sunshine小小倩
9月前
在 CSS 中使用特征查询 CSS 中有一个你可能还没有听说过的工具。它很强大。它已经存在一段时间了。并且它很可能会成为你最喜欢的 CSS 新功能之一。这就是规则，也被称为 Feature Queries。通过使用，你可以在 CSS 中编写一个小测试，以查看是否支持某个“特性”（CSS 属性或值），并根据其返回的结果...
- 45
- 收藏
阅读全文

个人成就

联合编辑

获得喜欢11,159次

文章被阅读211,794次