1.CesiumJS 源码杂谈 - 从光到 Uniform
2.next.js 源码解析 - API 路由篇
3.js引擎v8源码分析之Object（基于v8 0.1.5）
4.怎么看网页的读懂js怎么看网页的js代码
5.原生js(一)

CesiumJS 源码杂谈 - 从光到 Uniform

       CesiumJS 源码探索：光照与Uniform的转换之旅

       CesiumJS 对光照的处理主要依赖于其底层API与WebGL着色器的交互。尽管它默认只支持一个太阳光，源码源码但通过DirectionalLight扩展，讲解可模拟各种光照效果。读懂光在CesiumJS中被转换为Uniform值，源码源码以统一的讲解搜索影视源码形式传递给着色器执行。

       首先，读懂CesiumJS的源码源码光照类型主要包括场景默认的太阳光和DirectionalLight，后者允许设定光照方向。讲解例如，读懂官方示例中的源码源码《Lighting》展示了如何运用DirectionalLight创建灯光效果。方向光多了一个方向属性，讲解通常表示为单位向量。读懂

       在源码中，源码源码光照信息通过UniformState对象在每帧渲染时传递给Renderer。讲解这个过程始于Scene.js模块的render函数，其中的uniformState会更新来自FrameState的光照参数。当Context对象执行DrawCommand时，ShaderProgram的tomcar源码_uniforms列表会填充来自uniformState的值，包括那些由AutomaticUniforms自动更新的，如光的属性。

       光照Uniform在着色器中的应用十分广泛，如点云着色时使用czm_lightColor，冯氏着色法（Phong）材质通过czm_lightColor进行漫反射和高光计算，Globe.js则在GlobeFS片元着色器中使用czm_lightColor。在Model API的PBR着色法中，czm_lightColorHdr变量在光照阶段的计算中扮演重要角色。

       总的来说，CesiumJS的光照系统通过Uniform的转换，确保光照信息在复杂渲染流程中的顺畅传递。然而，深入研究光照材质，特别是在自定义光照效果方面，仍需要进一步学习实时渲染（RealTimeRendering）的知识。

next.js 源码解析 - API 路由篇

       本文深入解析 next.js 的 API 路由实现细节，以清晰的步骤指引，帮助开发者更好地理解此框架如何管理与处理 API 请求。福禄源码首先，我们确认了源码的位置位于 next.js 的 packages 文件夹中，重点关注与 API 路由相关的组件。

       在排查 CLI 源码的过程中，我们注意到启动 API 路由的命令，如 `start` 和 `dev`，其实际操作逻辑位于 `next/dist/bin/next` 文件中。通过分析这一文件，我们得知这些命令最终调用的是 `lib/commands.ts` 文件中的 `start` 和 `dev` 函数。

       深入 `lib/commands.ts` 文件，我们发现 `start` 和 `dev` 函数通过 `lib/start-server` 中的 `startServer` 方法实现。在 `startServer` 方法中，`http` 模块被用来创建服务器，并将请求处理逻辑委托给 `next` 函数生成的应用程序，通过 `getRequestHandler` 方法获取处理逻辑。

       `getRequestHandler` 方法的最终执行路径指向了 `server/next.ts` 文件中的 `createServer` 方法。这里根据 `dev` 参数的不同，分别调用 `server/dev/next-dev-server` 中的aggrid 源码 `DevServer` 或 `server/next-server` 中的 `NextNodeServer`。`DevServer` 类继承自 `NextNodeServer`，而 `NextNodeServer` 又继承了 `server/base-server` 中的 `Server` 类。

       至此，我们找到了核心处理逻辑所在，即 `handleApiRequest` 方法。此方法首先进行路由匹配和校验，然后调用 `runApi` 进行 API 请求处理。API 请求处理的路径通常位于 `/api/` 目录下的指定文件中，通过 `require` 函数引入。

       `apiResolver` 方法进一步处理请求，包括检查代码模块、获取配置参数、处理 cookie、查询、预览数据、预览、bodyParser 等。其中 `setLazyProp` 方法用于优化性能，atop源码仅在访问属性时触发函数执行，实现懒加载。

       最后，本文总结了 next.js API 路由处理的完整流程，并强调了源码中的关键点，为开发者提供了全面的解读。通过本文解析，开发者能够深入理解 next.js 如何高效地管理和响应 API 请求。

js引擎v8源码分析之Object（基于v8 0.1.5）

       在V8引擎中，Object是所有JavaScript对象在底层C++实现的核心基类，它提供了诸如类型判断、属性操作和类型转换等公共功能。

       V8的对象采用4字节对齐，通过地址的低两位来识别对象的类型。作为Object的子类，堆对象（HeapObject）有其独特的属性，如map，它记录了对象的类型（type）和大小（size）。type字段用于识别C++对象类型，低位8位用于区分字符串类型，高位1位标识非字符串，低7位则存储字符串的子类型信息。

       对于C++对象类型的判断，V8引擎定义了一系列宏。这些宏包括isType函数，用于确定对象的具体类型。此外，还有其他函数，如解包数字、转换为smi对象、检查索引的有效性、实现JavaScript的IsInstanceOf逻辑，以及将非对象类型转换为对象（ToObject）等。

       对于数字处理，smi（Small Integers）在V8中用于表示整数，其长度为位。ToBoolean函数用于判断变量的真假，而属性查找则通过依赖子类的特定查找函数来实现，包括查找原型对象。

       由于后续分析将深入探讨Object的子类和这些函数的详细实现，这里只是概述了Object类及其关键功能的概览。

怎么看网页的js怎么看网页的js代码

       如何查看网页的js代码

右击网页，然后查看源文件。如果js代码直接写在HTML文件里，就能看出来。如果JS代码在外部文件中，可以从HTML代码中找到JS外部文件的URL，然后下载回来就可以看到了。

       怎么看链接是不是js？

       看链接是不是js的方法:

       1.在源代码中查看href属性，如果href=IP地址，这个子页面就是一个静态网页，如果href=属性，这个子页面是一个动态网页（href=属性，这个属性需要通过js加载，js可以让页面变成动态的页面，所以通过js加载的页面就是动态页面）

       2.复制我们想要爬取的数据，在网页源代码中查找，如果在html中，这个页面就是静态页面，如果查找不到，说明我们想要的数据是通过js加载的，这个页面就是动态页面。通过Ajax加载的页面也是动态页面（动态页面的部分数据可能是静态的，所以判断的时候最好选取页面末尾的数据）

       如何解决在浏览器上查看js文件时中文的乱码？

       用notepad++打开js文件，把“utf-8”格式改为“utf-8BOM”格式保存后就恢复正常了。

       注意点：如果你的操作是复制一个js文件来改，改完后再替换项目的js，替换后一定要删除target文件，重新启动tomcat。target重新生成，不然有可能出现ajax请求无法访问，或则访问到的还是乱码。

       二、我遇到问题的过程

       1.在浏览器控制台输出参数，并且有相应的中文弹窗代码，如以下js的部分代码：

       2.浏览器中控制台输出和弹窗都是中文乱码

       3.通过网页查看JS源码中文乱码（按F---->选择“网络”---->刷新网页，即：重新发送ajax请求---->找到有问题的js文件，单击打开---->选择“响应”或“预览”）

       如何用JavaScript获取当前页面的网址？

       可以使用下列代码获取当前页面的网址：window.location//或者window.location.href实例演示：

       1、新建一个空白Html文档

       2、输入javascript代码3、查看效果

       js怎样获取所有打开的浏览器地址？

       js中通过window.location.href和document.location.href、document.URL获取当前浏览器的地址的值，它们的的区别是：

       1、document表示的是一个文档对象，window表示的是一个窗口对象，一个窗口下可以有多个文档对象。所以一个窗口下只有一个window.location.href，但是可能有多个document.URL、document.location.href2、window.location.href和document.location.href可以被赋值，然后跳转到其它页面，document.URL只能读不能写3、document.location.href和document.location.replace都可以实现从A页面切换到B页面，但他们的区别是：用document.location.href切换后，可以退回到原页面。而用document.location.replace切换后，不可以通过“后退”退回到原页面。

原生js(一)

        记录这篇文章，在工作中一直借用一些js框架 ui框架，对js底层api有所遗忘，目的为了自己复习以下原生js操作方法，所有的js框架都是基于原生js方法和属性，尤其vue源码使用原生js开发，自底向上模式

        Node 是一个接口，各种类型的 DOM API 对象会从这个接口继承。它允许我们使用相似的方式对待这些不同类型的对象；比如, 继承同一组方法，或者用同样的方式测试。

        以下接口都从 Node 继承其方法和属性：

        Document, Element, Attr, CharacterData (which Text, Comment, and CDATASection inherit), ProcessingInstruction, DocumentFragment, DocumentType, Notation, Entity, EntityReference

        注意

        NodeList对象是一个节点集合，一般由

        Node.childNodes,

        document.getElementsByName和

        document.querySelectorAll返回

        注意

        打印的oTest.childNodes

        TMLCollection是一个特殊的NodeList，表示包含了若干元素（元素顺序为文档流中的顺序）的通用集合，它是实时更新的，当其所包含的元素发生改变时，它会自动更新。另外，它是一个伪数组，如果想像数组一样操作它们需要像Array.prototype.slice.call(nodeList, 2)这样调用。

        获取方法

        document.getElementsByClassName

        document.getElementsByTagName

        注意

        document.getElementById：根据ID查找元素，大小写敏感，如果有多个结果，只返回第一个；

        document.getElementsByClassName：根据类名查找元素，多个类名用空格分隔，返回一个HTMLCollection。注意兼容性为IE9+（含）。另外，不仅仅是document，其它元素也支持getElementsByClassName方法；

        document.getElementsByTagName：根据标签查找元素，*表示查询所有标签，返回一个HTMLCollection。

        document.getElementsByName：根据元素的name属性查找，返回一个NodeList。

        document.querySelector：返回单个Node，IE8+(含），如果匹配到多个结果，只返回第一个。

        document.querySelectorAll：返回一个NodeList，IE8+(含）。

        document.forms：获取当前页面所有form，返回一个HTMLCollection；