前端
Thomas Ho
唯有南风旧相熟,径开门户又翻书。
展开
-
Chrome 开发者工具 —— Performance 使用参考
原文链接:https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference?hl=zh-cn 相关文章:https://github.com/hewq/blog/blob/master/devtools/performance_start.md Disable JavaScript Samples 默认情况下,Main 部分会详细记录 JavaScript 的调用堆栈,使用 Disable Ja.翻译 2020-11-02 21:37:05 · 324 阅读 · 0 评论 -
2020前端面试题汇总(2020.05-2020.10)
2020 年 5 月份选择了裸辞,这是一个不理智的决定,面试之后才发现自己有太多的不足,再加上疫情之后的经济环境,历经 5 个月终于才找到了一份工作。现在把这 5 月所有的面试题记录下来做一次总结,在此感谢在这 5 个月里关心我和帮我推荐工作的人们。 github 地址:https://github.com/hewq/blog/blob/master/interview/interview2020.md web 性能优化 资源优化 CDN 减少网络延迟,加快加载速度。 预加载 预先加载资源,提高.原创 2020-10-28 19:59:09 · 503 阅读 · 1 评论 -
Chrome 开发者工具 —— Performance 快速入门
原文链接:https://developers.google.com/web/tools/chrome-devtools/evaluate-performance?hl=zh-cn 如果你想学会如何使用 Chrome 的 Performance 来分析页面性能,而你有无法使用 Google,也许这篇文章能帮到你。 这篇文章将教会你如何使用 Performance 面板来分析浏览器运行时的性能。 Chrome 开发者工具 —— Performance 快速入门 开始 模拟手机 CPU 设置 Demo.翻译 2020-10-28 15:26:40 · 612 阅读 · 0 评论 -
初探 lottie
初探 lottie 秋有话说 作为一名 H5 前端程序员,在一些包含动画的项目中,设计师总是要来问一下你"这个动画是要导出序列帧还是 GIF",“导出 GIF 可能会有白边”,"不能再压缩,再压就糊了“…… 使用序列帧的方式做动画 在之前的一些项目中,动画一般都是让设计师导出序列帧,然后在前端通过 css 来实现动画,但是你知道的,序列帧文件比较大,而且我是自己把这些序列帧在 ps 上做成 spr...原创 2019-03-22 16:55:39 · 806 阅读 · 0 评论 -
【插件】移动端元素拖拽、缩放
【插件】移动端元素拖拽、缩放 etool 常量 含义 START_TOP 元素起始 top(与 START_LEFT 一起可用于元素位置复位) START_LEFT 元素起始 left(与 START_TOP 一起可用于元素位置复位) START_WIDTH 元素起始 width(与START_HEIGHT 一起可用于元素大小复位) START_HEIGHT 元素起...原创 2019-03-22 16:57:57 · 917 阅读 · 1 评论