Lauginwing的Blog

随便搞搞

三个比较有用的Observer

IntersectionObserver 目标(target)元素和根(root)元素的交集大小超过阈值(threshold)规定的大小时候，执行回调函数。IntersectionObserver API 是异步的，不会随着目标元素的滚动同步触发。配置项 1 2 3 4 5 { root: document.body, // 所观察...

Posted by Lauginwing on June 5, 2020

vue单页面应用实现原生app保留页面状态的效果

在很多场景里，特别是 B 端，越来越多的包壳 spa 开始取代原生 app 的位置。但是，包壳 spa 对比原生 app，体验上还是有很大的差距的，其中很明显的一点是，原生 app 从页面 A 打开新页面 B 后，返回页面 A，页面 A 还是原来的状态；而 vue 的 spa 则会根据路由，重新渲染对应的 A 页面的组件（没有使用keep-alive），状态也会丢失，如果使用了keep-al...

Posted by Lauginwing on May 24, 2020

如何优雅地修改node_module内依赖包的内容

在开发中，我们经常会遇到一种情况，就是安装的依赖包有个地方有个小 bug，也没有足够的时间等作者处理 pr。这时候，一些硬核的朋友会把源码拷贝到开发目录中进行修改;文明一些的朋友会将修改后的代码，改个名字，发布一个新包~ 那么，有没有更优雅的方法处理这种情况呢？ patch-package 能解决问题实现过程如果你修改了库 A，patch-package 可以帮你生成一份补...

Posted by Lauginwing on May 24, 2020

PostHtml中的一些比较有用的插件

一、PostHtml 的工作流程： PostHtml 将 HTML 文档转化为一课节点树 PostHtml 的插件在这棵树上做各种处理，以实现需求 PostHtml 将节点树转化回 HTML 文档 PostHtml 文档二、常用插件 posthtml-pug 将 pug 转化成 html posthtml-md 将 md 语法转化为 html 语法 ...

Posted by Lauginwing on March 27, 2020

写给自己的webpack总结

好无聊~，总结一下 webpack 常用的配置吧~ context [编译的上下文] 基础目录，绝对路径，用于从配置中解析 entry 和 loader，默认是当前目录，一般的项目很少会改这个配置~ 1 2 3 { context: path.resolve(__dirname, "app"); } entry [应用打包的入口] 以打包网页为例，一个 html 一个entr...

Posted by Lauginwing on March 27, 2020

css module 与 vue 中的 scoped css

最近在使用 taro 开发多端应用，使用了 css module 处理 css 的作用域。之前一直是使用 vue 开发的，相应的也是使用 vue 内置的 css scoped 处理。下面对两种方式做一个小小的总结~ 实现原理 vue scoped css（vue 项目） 1 2 3 4 5 6 7 8 9 10 11 12 // test.vue <div class='...

Posted by Lauginwing on March 27, 2020

Vscode内的Vim自动切换输入法

在使用 Vscode 的 Vim 模式写字时，经常会遇到一个问题：在 insert 模式下输入完一段中文后，Esc 回到 normal 模式后，想 J 切到下一行，却跳出来中文输入法，有点难受。如果编辑器能记住我 insert 模式下使用的输入法，在退出到 normal 模式时自动切换到英文输入法，再次进入 insert 模式后，自动切换到上次 insert 模式使用的输入法，那就挺不错...

Posted by Lauginwing on February 24, 2020

My First Post

Hello World, Hello Blog

Hello 这是我的第一篇博客。

Posted by Lauginwing on February 24, 2020