fwfx1234 / fwfx1234.github.io Goto Github PK

https://fwfx1234.github.io/2021/06/23/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8%E6%B8%B2%E6%9F%93%E7%9F%A5%E8%AF%86/

ps: 使用typora总是丢内容, 换vscode试试水。 浏览器渲染的相关的知识 浏览器渲染有一些零碎的知识点，不常用经常忘记，写个文档记录下。

https://fwfx1234.github.io/categories/

https://fwfx1234.github.io/2021/07/08/%E5%89%8D%E7%AB%AF/%E6%A3%80%E6%B5%8B%E7%BD%91%E9%A1%B5%E9%80%80%E5%87%BA%E7%9A%84%E6%96%B9%E6%B3%95/

最近接了个需求，需要在用户非正常的退出我们业务流程的时候弹窗收集点信息。要求不高，就是用户点返回键退出到流程首页的时候弹窗。本以为很快的就能实现，没想到遇到了点坑，所以记录下实现的过程。 检测网页关闭的api 一开始我记得有个检测网页退出的事件，想着能不能通过监听这个事件来实现这个功能。查了下是onunload事件，mdn发现这玩意儿不好用，

https://fwfx1234.github.io/2021/06/23/webgl/%E5%90%91%E9%87%8F%E8%BF%90%E7%AE%97%E5%8F%8A%E5%87%A0%E4%BD%95%E6%84%8F%E4%B9%89/

文档丢了，暂时不补了 求投影 vh⃗=n⃗⋅v⃗⋅n⃗\vec{v_h} = \vec{n} \cdot \vec{v} \cdot \vec{n}vh​​=n⋅v⋅n 后面有再学习的时候再补上文档吧 vec2的运算

https://fwfx1234.github.io/2021/06/23/webgl/webgl%E8%BF%9B%E5%85%A53d%E4%B8%96%E7%95%8C%E9%9C%80%E8%A6%81%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/

前言 在webgl里，要画出3d模型的话需要用到很多新的概念（对于没学习过图形学的人来说，比如我）。第一个比较重要的概念就是相机，《webgl编程指南》这边书里在开始讲3d的时候直接提供lookAt函数来实现相机功能，但是并没有讲的很详细，或许是我没有看到。由于不想不明不白的直接使用现成的函数，所以在网上搜罗资料整理了本文，总结下来方便以后学

https://fwfx1234.github.io/2021/06/25/flutter/BuiltContext/

BuildContext相关知识点 flutter里经常要用到这个额buildContext，而且一部小心就用翻车了。比如明明有context但是路由跳转就是报错，这里记录下问题吧。 在flutter里使用Navigator.of(context) 这种api的时候，这个of操作其实是根据context向上寻找NavigatorState，所

https://fwfx1234.github.io/2021/06/23/%E5%89%8D%E7%AB%AF/%E5%8E%9F%E5%9E%8B%E9%93%BE%E7%9A%84%E6%80%BB%E7%BB%93/

javascript原型链 在es6出来之前，js里没有class关键字，实现继承只能手动操作原型链。es6种新增的class也是原型链的语法糖，所以要学好js是绕不开原型链的，最少面试也要问。 首先我们看下原型链是怎么使用的。

https://fwfx1234.github.io/2021/06/24/%E5%89%8D%E7%AB%AF/HTTP%E5%8D%8F%E8%AE%AE%E7%AE%80%E5%8D%95%E6%80%BB%E7%BB%93/

前言 http协议是基于tcp协议之上的应用层协议。当今被广泛的应用在互联网的各个领域，更是前端行业里最主要的通讯协议了，作为一个前端同学应该好好的了解下http的，无论是面试还是日常工作都是需要用到的。 HTTP1.1

https://fwfx1234.github.io/2021/06/23/webgl/%E6%AD%A3%E4%BA%A4%E6%8A%95%E5%BD%B1%E5%8F%98%E6%8D%A2/

正交投影变换 在webgl里，我们观察物体，只有物体在可视范围内才会被绘制，可视范围一般有长方体和锥形的，长方体可视空间是由正交投影产生的，另外一个是金字塔塔型的，具有近大远小的效果。正交投影变换不涉及到近大远小这种问题，还是比较简单的。只有一个坐标的转换，在使用正交投影的时候，基本上是将物体投影到一个规范化的立体空间里。如下图（百度图片找的

https://fwfx1234.github.io/2021/06/23/flutter/BuiltContext/

BuildContext相关知识点 flutter里经常要用到这个额buildContext，而且一部小心就用翻车了。比如明明有context但是路由跳转就是报错，这里记录下问题吧。 of操作 在flutter里使用Navigator.of(context) 这种api的时候，这个of操