Created with Sketch.
Created with Sketch.
首页
发现
小书
登录
注册
×
注册小专栏
通过微信登录
通过微博登录
通过Github登录
通过邮箱
注册
、
登录
友情提示
Login FAQ
.
×
邮箱登录
通过微信、微博、Github 登录
登录
×
邮箱注册
通过微信、微博、Github 登录
注册
icon_photo_1
Created with Sketch.
WingMrL
就职于CVTE，r̶e̶a̶d̶y̶-̶t̶o̶已经成为vim党，喜欢各种奇技淫巧、源码分析、最新技术
100 / 140
就职于CVTE，r̶e̶a̶d̶y̶-̶t̶o̶已经成为vim党，喜欢各种奇技淫巧、源码分析、最新技术
关注 2
被关注 15
获得赞 114
Created with Sketch.
Created with Sketch.
Created with Sketch.
Created with Sketch.
+ 关注
取消
确定
个人书籍
个人专栏
读书笔记
读书是一个风险低、收益大的投资。 我很庆幸现在就发现了这个秘密。 在这里，会记下我读过的书，简单写写我的观点。
已发表 3
订阅数 11
前端开发漫谈
前端开发之路，道阻且长，行则将至！ 吾之所学所历，愿与诸君共享！
已发表 22
订阅数 62
文章
订阅
回复
喜欢
WingMrL
in
读书笔记
《精力管理》
我是从一篇文章：《对于精力的思考》上看到这本书。觉得文章不错，我就转发给我女朋友看，没想到她直接把书买下来了： 全书主要讲的是精力的重要性、精力的组成、以及精力如何训练和管理。全...
WingMrL
in
前端开发漫谈
记一次 Node 内存泄漏的定位与修复
有一天，我们生产环境的容器突然被杀掉，重启了。这个过程没有任何的征兆，第一反应就是为什么呢？以前不会的呀！最近也没改什么！ 经验告诉我要去查查 内存 or CPU 的情况，果不其然：（PS 纵坐标...
WingMrL
in
前端开发漫谈
关于 SEO，前端开发能做什么？
0x 00 前几周接了需求，需要为我们的大卫熊英语做一个官网。 做之前，也有考虑网站的 SEO ，以及其他方面的因素，最后选择了 Next.js。好了之后，一跑分，非常 Nice ： SEO 100 分！哇！有点飘了！ 但是...
WingMrL
in
前端开发漫谈
优雅地在 React 上使用 CSS Modules
张师傅让我们学习一波 Electron，于是又搞了一波 Webpack 的打包配置。 大概要支持 React、TypeScript 吧，当搞到样式的时候，就要配置一波对 scss 的打包了。 为了解决 class 冲突的问题，当然是义无反顾的选...
WingMrL
in
前端开发漫谈
0x 0001 - 开篇
下面是我的笔记： 浏览器三大进化路线第一个是应用程序 Web 化 随着云计算的普及和 HTML5 技术的快速发展，越来越多的应用转向了浏览器 / 服务器（B/S）架构，这种改变让浏览器的重要性与日俱增，视频...
WingMrL
in
前端开发漫谈
你的 Lodash 真的按需加载了吗？
Lodash 作为一个工具库，其实用性已经是众所周知的了，应该都有用到吧？ 对不起，我们项目没有用到！ 客官，且慢 ~~ 如果没有的话，那也可以看看，说不定某一天你就会用上了。哈哈 Lodash 提供了很多...
WingMrL
in
读书笔记
《重新定义团队-谷歌如何工作》
重读中....
WingMrL
in
读书笔记
Hello, World
万事开头 Hello, World ! 近一两年，陆陆续续读了十来本书。 一开始是强迫自己读的，后来慢慢才发现读书的好处，也慢慢地喜欢上了读书。 额，上面这句话，曾经也有人这么跟我说过，以说明读书的重要...
WingMrL
in
前端开发漫谈
一次 background-image: linear-gradient 的妙用
这个属性相信大家都不陌生了，就不作过多的介绍了，简单来说就 线性渐变 。 之前用 radial-gradient 写过一个 啥是佩奇，效果如下图： 这次用来写一个背景，也不足为奇。 大家都知道在 iOS 上，浏览页...
WingMrL
in
前端开发漫谈
Babel 的原理分析 与 一个问题的灵魂考究
问题背景 两天前，我的导师给我们上了一课[邪眼笑]。哈哈，不是大家想像中那种，只是做了个分享而已，一个关于 JavaScript AST 的分享。 AST 有人不知道的吗？来，我们贴个链接：抽象语法树（ASTs）。 ...
WingMrL
in
前端开发漫谈
子元素 100% Height 不会撑满 flex:1 的父元素
看到这个标题与封面，估计你想进来怼我一下。 且慢 ~~~ 我来解释一波 。 先来说明一下这是个什么情况： .container 是一个为 display: flex; 的父元素，里面有一个 flex: 1; 的自适应宽高的子元素 .child-item ，...
WingMrL
in
前端开发漫谈
Lerna - 一个管理 npm 包的管理工具
关于 Lerna 的理解，标题上写的是：一个管理 npm 包的管理工具，不知道这样理解有没有问题，所以大家可以先不去理会这个解释。 官方的解释是这样的： Lerna is a tool that optimizes the workflow around managing mult...
WingMrL
in
前端开发漫谈
设计模式六大原则
今天终于想看一下程序设计的一些理论性的东西了。 上一年年底的时候，才接触到这六大原则，是我们的头分享的。（一不小心暴露底子了，哈哈。） 其实我一开始就只知道个设计模式而已，也买了两...
WingMrL
in
前端开发漫谈
Next.js 源码窥探 之 next start
过完年回来一直在赶项目，停更了 20 天了，抱歉啊！ 另外，Next.js 的源码窥探系列也会更新得慢一些，因为项目需要，要优先去学习别的框架。 不过无论如何，后面的更新尽可能不被项目耽误，趁着发...
WingMrL
in
前端开发漫谈
微信 H5 适配 iPhone X 的正确姿势
问题 先来看看 iPhone X, iPhone XS, iPhone XR, iPhone XS Max 的尺寸： 上图截自：https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 可以看到，iPhone X 和 iPhone XS 的尺寸是一样的，都是 375 * 812，且都是 3 倍屏，...
WingMrL
in
前端开发漫谈
Next.js 源码窥探 之 启动命令
首先来看看 Next.js 的启动命令有哪些，根据官方文档，一共是有以下 5 个命令： next next dev next start next build next export 其中，next dev 和 next 是一样的效果。 其源码 ( 版本是 8.x.x ) 的目录如下： 可以看到...
WingMrL
in
前端开发漫谈
初探 Next.js
Next.js 是什么 Next.js 是一个 非常简洁 的 React 应用 的 服务器端渲染 框架。官网：https://nextjs.org/ Next.js 的优势是什么 默认开启服务端渲染； 自动代码分割； 基于文件系统的路由； 基于 Webpack 打包并支持 ...
WingMrL
in
前端开发漫谈
能够干掉鼠标的 Vim 编辑器
Vim 是啥 Vim 是一个 Linux 下的编辑器，现代的很多编辑器也支持 Vim 模式。我个人比较喜欢的 VSCode 是支持的，看看那熟悉的光标： Vim 为什么强大 运指如飞； 所思即所得； 常用的操作，一个键完成。 IDE ...
WingMrL
in
前端开发漫谈
啥是佩奇？
前两天被一个叫做《啥是佩奇》的视频刷屏了。放张照片让大家回忆一下： 如果不知道的同学呢，可以点击：《啥是佩奇》什么是佩奇啊高清完整版-国语720P 看完这个视频，相信你也想实现一个属于你...
WingMrL
in
前端开发漫谈
如何用 VSCode 随心所欲地调试 Node 程序
Node 程序的调试应该是老生常谈了，有各种各样的工具。不过我自己用得最多的是 VSCode 的 Debug 功能。 如果你也在用 VSCode 开发的话，我觉得 VSCode 的 Debug 功能用起来就很方便了，安利一波。 比如说我们...
WingMrL
in
前端开发漫谈
模块调试，怎么少得了这个命令
相信大家多多少少都搞过那么几个 npm 包，但不知道大家有没有发现，在开发的时候调试起来不是很方便。曾经的我是这么干的：(先汗颜一下) 1.蹭蹭蹭修改一波； 2.然后 push 到 npm 服务器； 3.再重新 npm ins...
WingMrL
in
前端开发漫谈
当 HTTP 302 遇到 Safari，坑就出现了！
简单地说一下 HTTP 302 。 302 Found，原始描述短语为 Moved Temporarily ，是HTTP协议中的一个状态码(Status Code)。可以简单的理解为该资源原本确实存在，但已经被临时改变了位置；换而言之，就是请求的资源暂时...
WingMrL
in
前端开发漫谈
用最轻松的方式，学会 React Hooks
前几天在微信公众号：前端早读课，读了两篇文章，分别是： 【第1493期】 React 的今天和明天（图文版）第一部分 【第1494期】 React 的今天和明天（图文版）第二部分 第一部分讲了 React 的现状、使命等...
WingMrL
in
前端开发漫谈
不到 2KB 的 JS 居然使白屏时间增加 200ms ！
看到这个标题，我也是震惊了！但现实就是这么残酷，还好经过一个小小的优化之后呢，这个 JS 的下载时间缩短到不超过 10ms。是的，就是不超过 10ms。看到这里的时候，估计你是这个表情： 来！看看庐...
WingMrL
in
前端开发漫谈
Hello, world.
先来一篇 Hello world 表明身份，毕竟程序员的处女作都叫 Hello world 嘛。这篇不讲技术，讲一下怎么入坑前端吧。 大学期间，转过 3 次方向。 一开始我是写 Java 后台的，以写 SQL 闻名整个宿舍（只有 4 个人...
Created with Sketch.
top
Created with Sketch.
