前言js逆向一直没有相关了解，虽然目前渗透遇见的不是很多，大多数遇见的要么不加密，要么无法实现其加密流程，不过最近看到了一个较为简单的站点正好能够逆向出来，就做了简单记录。本文旨在介绍js逆向的一些基础思路，希望能对初学js前端逆向的师傅有所帮助。JS定位在我们寻找JS源代码时，如果直接翻看全部的js文件以来寻找自己想要的一部分，无疑是复杂繁琐的，且工作量巨大，有点类似大海捞针，因此这里我们需要借助一些巧妙的办法来快速定位某标签的js语句，具体方法如下。元素审查定位当我们不确定某处的js文件位置时，可以使用F12，点击元素审查，然后点击登录处，观察事件监听器此时可以观察到login.js文件出

本文经自动驾驶之心公众号授权转载，转载请联系出处。背景：16-18年做过一阵子无人驾驶，那时候痴迷于移动规划；然而当时可学习的资料非常少，网上的论文也不算太多。基本就是Darpa的几十篇无人越野几次比赛的文章，基本没有成系统的文章和代码讲解实现。所以对移动规划的认识不算全面，这几年随着自动驾驶、无人机的研究和应用的增多，很多的论文课程成体系的开始介绍这方面的内容。对于一个理工男来说机器人并且是能自动的、智能规划的，相信没有多少理工男是可以抗拒不想去做进一步了解的。所以一直在收集资料，筹划这哪一天可以出一个这方面系列，然后在code一个项目出来在机器人上捣腾各种实现。再一次加速本人对这一想法落实

当处理包含大量数据的列表时，前端性能往往是一个重要的考虑点。传统的滚动列表组件在处理大数据量时可能会非常卡顿，甚至导致页面崩溃。那么针对这个问题，虚拟列表的概念就出现了，随后又出现了各种各样的虚拟列表库。通过将可视区域内和可见区域外的数据进行动态切换，虚拟列表可以极大地提升列表滚动的性能。本文就来分享一些主流的前端虚拟列表工具库！Vuevue-virtual-scrollervue-virtual-scroller是一个基于Vue.js的虚拟滚动列表组件，用于优化大数据量渲染时的性能。它可以在滚动时动态地加载和卸载列表项，从而减少页面的DOM元素数量，提高渲染效率，同时也能够提高用户体验。vu

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言CSS基础CSS继承与层叠使用CSS控制Web页面CSS选择器类型CSS选择器声明课后练习应用CSS链接外部样式表应用CSS导入外部样式表网页标题：类选择器的应用理解集体声明选择器的使用理解派生选择器以及通配符选择器（全局声明）的使用理解伪类选择器的使用网页标题：京东商品导购总结前言•理解CSS继承与层叠的含义。CSS基础CSS继承与层叠样式表的继承规则是子标记继承父标记的样式。      div{color:blue;font-weight:b

一.实验概述    1.1编译器概况本次实验,我实现了SysY文法的编译器前端,在windows环境下使用mingw32-make进行编译,具体细节如下:词法分析使用flex自动生成;语法分析使用bison自动生成,在语法分析过程中生成抽象语法树AST;IR生成手动实现,递归遍历抽象语法树,生成老师提供的IR,测例通过率99.03%,仅一个测例未通过;minic编译器前端支持的功能:minic-i-oxxx.irxxx.c                        :生成ir文件minic-a-oxxxxxx.c                          :生成ast树到控制台mi

前言对于现在的前端工程，一个标准完整的项目，通常情况单元测试是非常必要的。但很多时候我们只是完成了项目而忽略了项目测试。我认为其中一个很大的原因是很多人对单元测试认知不够，因此我写了这边文章，一方面期望通过这篇文章让你对单元测试有一个初步认识。另一个方面希望通过代码示例，让你掌握写单元测试实践能力。前端为什么需要单元测试？必要性：JavaScript缺少类型检查，编译期间无法定位到错误，单元测试可以帮助你测试多种异常情况。正确性：测试可以验证代码的正确性，在上线前做到心里有底。自动化：通过console虽然可以打印出内部信息，但是这是一次性的事情，下次测试还需要从头来过，效率不能得到保证。通过

前端常见的十种布局方式作为一个开发小白，也是第一次编写博客文章，若有错误请各位大牛大佬指正，轻喷！！！我在学校接触最多的就是前端，然后最近在学习新的前端知识，发现前端布局常见的有很多种，不同的应用场景有不同的布局方式，下面就来简单介绍一下吧。开源地址：引迈-JNPF快速开发平台_低代码开发平台_零代码开发平台_流程设计器_表单引擎_工作流引擎_软件架构静态布局浮动布局定位布局栅格布局table布局弹性（flex）布局圣杯布局前端常用布局方式大部分前端布局都是自上而下，或者自左而右；并且不同的布局能够给用户带来不一样的体验，好的更是能瞬间吸引用户。静态布局静态布局常见于pc端，是给页面设定固定的

设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、策略模式等，这些模式的结构与传统面向对象语言的结构大相径庭，实际上已经融入到了语言之中，我们可能经常使用它们，只是不知道它们的名字而已。设计模式相信了解的，都知道有20多种...其中按类型分有三种。为“创建型”封装了创建对象的变化过程，“结构型”将对象之间组合的变化封装，“行为型”则是抽离对象的变化行为。接下来，本文将以常用原则中从“单一功能”和“开放封闭”这两大原则为主线，分别介绍“创建型”、“结构型”和“行为型”中最具代表性的单例

原理：    正向代理：正向代理代理的是客户端。比如我们无法直接在浏览器上访问YouTube，但我们开个加速器，就可以访问了，此时这个加速器就是正向代理服务器。这个加速器能访问YouTube，加速器接收到我们的请求后，把请求转发到YouTube，YouTube返回资源给加速器，加速器再返回资源给我们，这就是正向代理。        正向代理最大的特点是服务器只清楚请求来自哪个代理服务器，而不清楚来自哪个具体的客户端，正向代理模式屏蔽或者隐藏了真实客户端信息。    反向代理：反向代理代理的是服务器。还是上面的例子，YouTube的每日访问量很大，如果只用一台服务器处理所有请求很容易崩溃，于是会

一、实例需求 ⌛       购物车需要展示一个已加入购物车的商品列表，包含商品名称、商品单价、购买数量和操作等信息，还需要实时显示购买的总价。其中购买数量可以增加或减少，每类商品还可以从购物车中移除。最终实现的效果大致如图所示。基础版plus版   二、代码实现 ☕        先在index.html中引入Vue.js和相关资源，创建一个根元素来挂载Vue实例：购物车示例        注意，这里将vue.min.js和index.js文件写在的最底部，如果写在里，Vue实例将无法创建，因为此时DOM还没有被解析完成，除非通过异步或在事件DOMContentLoaded（IE是onrea