LuckyWinty的博客

原创 Git常见场景解决方法总结

原创 能让你受益匪浅的10个css使用技巧

欢迎加我微信(winty230)，拉你进技术群，长期交流学习...欢迎关注「前端Q」,认真学前端，做个专业的技术人... ...

原创 webpack 插件机制分析及开发调试

欢迎加我微信(winty230)，拉你进技术群，长期交流学习...欢迎关注「前端Q」,认真学前端，做个专业的技术人... ...

原创 Chrome 浏览器垃圾回收机制与内存泄漏分析

Chorme 浏览器中的垃圾回收和内存泄漏垃圾回收通常情况下，垃圾数据回收分为手动回收和自动回收两种策略。手动回收策略，何时分配内存、何时销毁内存都是由代码控制的。自动回收策略，产生的垃圾数据是由垃圾回收器来释放的，并不需要手动通过代码来释放。JavaScript 中调用栈中的数据回收JavaScript 引擎会通过向下移动 ESP(记录当前执行状态的指针) 来销毁该函数保存在栈中的执...

原创 NPM命令实用使用技巧总结

欢迎加我微信(winty230)，拉你进技术群，长期交流学习...欢迎关注「前端Q」,认真学前端，做个专业的技术人... ...

转载 winty的主页

大家好，我是winty。前京东前端工程师，现 Shopee 前端工程师。欢迎关注公众号「前端Q」。做公众号的目的首先，我是喜欢做技术总结的一个人(总感觉总结下来才算学到东...

原创 提高生产力--让项目配置变为自己专属的脚手架

欢迎加我微信(winty230)，拉你进技术群，长期交流学习...欢迎关注「前端Q」,认真学前端，做个专业的技术人... ...

原创 JS实现页面进入、返回定位到具体位置总结

JS实现页面返回到具体位置方法其实浏览器也自带了返回的功能，也就是说，自带了返回定位的功能。正常的跳转，返回确实可以定位，但是有些特殊场景就不适用了。例如，某些元素是在某种情况下才加上的...

原创 浏览器相关原理(面试题)详细总结二

1. 浏览器渲染过程是怎样的？按照渲染的时间顺序，流水线可分为如下几个子阶段：构建 DOM 树、样式计算、布局阶段、分层、栅格化和显示。渲染进程将 HTML 内容转换为能够读懂DOM 树结构。渲染引擎将 CSS 样式表转化为浏览器可以理解的styleSheets，计算出 DOM 节点的样式。创建布局树，并计算元素的布局信息。对布局树进行分层，并生成分层树。为每个图层生成绘制列表，并将...

原创 腾讯广告/shopee招聘

之前推过一波，真的招到人了，好给力啊～～还缺人，欢迎砸简历～～岗位腾讯广告 Web 开发实习生招聘岗位要求：1）计算机专业或相关专业2）js：- 精通 JavaScript，熟练掌握R...

原创 Webpack性能优化总结大全

戳蓝字“前端Q”关注我啦！01—开发体验优化01优化 Loader 配置由于 Loader 对文件的转换操作很耗时，所以需要让尽可能少的文件被 Loader 处理。可以通过 test/i...

原创 webpack中的HMR(热更新)原理剖析

简介Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一 ，当你对代码进行修改并保存后，webpack 将对代码重新打包...

原创 浏览器相关原理(面试题)详细总结一

1. Chrome 打开一个页面需要启动多少进程？分别有哪些进程？浏览器从关闭状态进行启动，然后新开 1 个页面至少需要 1 个网络进程、1 个浏览器进程、1 个 GPU 进程以及 1 个渲染进程，共 4 个进程；后续再新开标签页，浏览器、网络进程、GPU进程是共享的，不会重新启动，如果2个页面属于同一站点的话，并且从a页面中打开的b页面，那么他们也会共用一个渲染进程，否则新开一个渲染进程。最...

转载 网页录屏(帧记录)调研总结

帧记录关键点首先，每一次会话都有一个唯一的session ID，这是串联起所有行为的纽带。其次，用户行为又分成两个部分，其一是用户的操作，比如鼠标滑动，点击，页面滚动等，其二是页面的变化...

原创 [翻译]你应该避免的3个Javascript性能错误

如果我告诉你，你知道的一切都是假的，如果你学的一些近几年发布的深受喜爱的 ECMAScript 的主要特性，是很容易导致性能问题的，会发生什么。故事发生在几年前，让我们回到 ES5 的天...

转载 Vue 3.0对Web开发意味着什么？

作者｜Matt Maribojoc 译者｜无明 去年 11 月，尤雨溪向外宣布了 Vue 3.0 的关键更新。新版本所带来的优化让 Vue 更加高效、更加模块...

原创 移动端真机调试方法总结

最近要分析web页面，在安卓和ios上的性能差异，除了操作系统本身不同之外，应该还多地方要探究的，第一步就是要在真机上分析。所以总结一下几个方法。Mac+iPhone+Lightning...

转载 Puppeteer万物皆可爬

puppeteer 是一个Chrome官方出品的headless Chrome node库。它提供了一系列的API, 可以在无UI的情况下调用Chrome的功能, 适用于爬虫、自动化处理...