Fwu4VPKDtiYK
一、实现方案 单独贴代码可能容易混乱，所以这里只讲实现思路，代码放在最后汇总了下。 想要实现一个简单的工业园区、主要包含的内容是一个大楼、左右两片停车位、四条道路以及多个可在道路上随机移动的车辆、遇到停车位时随机选择是否要停车，简单设计图如下 二、实现步奏 2.1引入环境，天空和地面 引入天空有三种方式： 1)第一种通过添加天空盒导入六个不同角度的天空图片可以形成，简单方便，缺点是在两个面之间会有视觉差 2) 第二种是设置scene的背景和环境是一张天空图片来实现的，缺点图片单一，而且在天、地斜街处很生硬 3)&nbs...
一.C使用场景介绍 C是微软公司发布的一种由C和C衍生出来的面向对象的编程语言、运行于.NETFramework和.NETCore(完全开源，跨平台)之上的高级程序设计语言。 二. 开发流程 1. 创建项目：打开VisualStudio后右侧选择“创建新项目”，然后选择“C Windows窗体应用”即可创建桌面程序 2. 创建窗体：创建后会自动创建一个Form窗体作为主窗口，可以采用拖拽方式进行项目开发，通过导航栏的《视图》-->《工具栏》打开内置的工具箱功能 3. 启动开发：开发时有两种模式，可视化开发和编写代码。可视化...
一、qiankun使用场景 1. 简介：qiankun是在single-spa的基础上实现的，可以保证各个项目独立使用，也可以集成使用。各系统之间不受技术栈的限制，集成使用也能保证各样式和全局变量的隔离。 模块的插拔式使用，当公司项目集是一个大系统下包含多个子系统或者模块时，可以采用这种方式动态部署各个系统。 亦或者是老项目技术升级和重构，可以通过qiankun按模块进行改造，避免对整个系统产生较大的影响。 功能和iframe类似，但是由于iframe数据通信难度较大，且有安全和SEO的问题，所以iframe使用体验不佳。 2. ...
一.C使用场景介绍 C是微软公司发布的一种由C和C衍生出来的面向对象的编程语言、运行于.NETFramework和.NETCore(完全开源，跨平台)之上的高级程序设计语言。 二. 开发流程 1. 创建项目：打开VisualStudio后右侧选择“创建新项目”，然后选择“C Windows窗体应用”即可创建桌面程序 2. 创建窗体：创建后会自动创建一个Form窗体作为主窗口，可以采用拖拽方式进行项目开发，通过导航栏的《视图》-->《工具栏》打开内置的工具箱功能 3. 启动开发：开发时有两种模式，可视化开发和编写代码。可视化...
一、webpack简介 webpack 是当下十分流行的一款静态模块打包工具，将JS、CSS、HTML、图片等各种静态资源视为一个个模块，通过一个或者多个入口文件通过解析依赖关系生成一个依赖图，最终打包成一个或者多个bundles，webpack本身只能打包JS文件，但是通过配置的loader和plugin可以打包Css和Html等其他格式的文件，本文基于webpack5为基础的，其中webpack4前后版本区别很大，使用时需要注意区别版本。 webpack和glup、grunt的区别：webpack可以说是一种模块化解决方案，内嵌服务支持项目独立开发，同时可以打包单页面、多...
一、双向绑定原理 Vue2采用的是观察者-发布订阅模式，利用Object.defineProperty实现对数据已定义属性的监控(定义观察者模式)， 编译DOM时解析v-model等属性以及对input框等注册事件实现UI和JS的交互(也就是注册发布订阅这模式)； 详细的是主要是定义一个Observe类实现对象的监控，通过Compile方法来解析DOM中的指令和替换DOM，每当遇到一个v-、{{}}等属性 则生成一个Watcher，同时将Watcher添加到Dep中，当有属性变化时则轮循Dep中所有的Watcher进行UI更新等操作 二、框架的优缺点 优点：1. ...
本文主要讲解已NodeJS作为服务器完成文件的上传下载和数据增删改查，前端框架为Vue3，UI框架为element-plus，Node版本为V16.14.2. 项目场景模拟是开发一个项目管理的系统，支持任务和项目的增删改查、以及上传、下载项目附件包。 其他依赖如下 "dependencies":{ "body-parser":"^1.20.2", "cors":"^2.8.5", "express":"^4.18.2", "fs":"^0.0.1-security", "http":"^0.0.1-security", "moment":"^2.29.4", "multip...
其实当前Web库实现Canvas绘制树状结构的组件很多，而且功能也很强大，但是难免有些场景无法实现需要自己开发，本文主要是提供一种思路 先附一个不错的拓扑图开发地址：https://www.zhihu.com/question/41026400 一、开发思路 开发最大的难点是如何计算每个节点所在的位置坐标，保证所有节点的居中对称性，如果有了坐标绘制起来就方便很多，具体可见下图 1. 将每个分支看作是一个组，比如节点1看错是一个Group，下面三个分支分别又是Group1、Group2、Group3，而Group1中又有三个Group(比如Group4 等等...)。 2.&...
主要介绍三种方式： 首先创建一个index.html文件 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>iot</title> </head> <bo...
一、简介： 登陆网站时一般为了方便记忆，会将网站URL进行语义化，比如：google.com，但是机器只能识别数字IP，所以需要一个 存储域名和IP地址对应关系的地方，就叫域名服务器，在申请域名时对应关系就会存储到域名服务器 二、解析过程 1. 查询浏览器缓存 2. 查询本机hosts文件 3.查询本地域名服务器，一般为各个网络供应商 4. 本地查询根域名服务器，返回一个顶级域名服务器的地址(比如：.com、.org、.cn...对应的服务器地址) 5. 本地域名服务器查询顶级域名服务器返回权威服务器的地址(比如：baidu.com) 6.本地域名服务器...
从输入URL到浏览器渲染页面需要经过很多过程，本文简单说明下各个环节的内容 主要渲染节点如下： 一、浏览器进程说明 出于安全考虑，打开一个浏览器的Tab页签，会生成1个浏览器主进程、1个网络进程、1个GPU进程以及多个渲染进程和多个插件进程，所以不同页签数据无法相互访问， 多个进程也可以提高渲染的速度，最直接的现象就是打开浏览器后，任务管理器会出现多个Google页面的进程但是渲染进程与其他的进程有些区别，可见下文 1. 浏览器主进程：中控系统，主要复杂与用户交互、子进程管理和文件存储的功能 2. 网络进程：面向渲染进程和浏览器主进程提供网络下载功能。 3. 渲...
开发中我们可能会不小心将写多个相同名称的变量，也经常会写一个递归调用的方法， 上述示例中程序执行顺序如下图，程序会按照顺序执行第一个子元素内部所有的程序，当最底层执行结束后，会逐渐抛出返回值，然后执行第二个子元素的程序 要解释清楚上述原因，除了JS的单线程顺序执行外，还需要了解什么是上下文和作用域链 上下文又分为 全局上下文：最基础、最外层的一个上下文，变量不存在与任何一个函数或者｛｝内，this对应的是window对象 函数上下文：每次执行函数时，都会生成一个函数上下文，函数内定义的变量只可以被函数内部被访问，同一个函数执行多次，每次都会创建新的函数上下文 块级上下文：｛...
项目增加后，首屏加载就会出现白屏的问题，一般首屏加载时间最好在2秒以内，才能不影响使用体验 下面介绍下主要影响因素和解决办法： 一、网络问题： 1）可能是由于网络厂商和服务器性能决定 2）请求太多，由于浏览器并行请求在8个以下，超出的只能排队等待，所以如果请求太多，不仅增加了网络TCP连接时间还增加了等待时间 二、资源位置和大小 1) 浏览器解析HTML文件是从上到下解析的，如果遇到资源文件就会暂停解析DOM，先下载文件，在文件执行完成后，继续解析DOM； 如果CSS文件在最后，则在生成CSSOM后还会和DOM结合重新对页面进行渲染，增加性能消耗。 2）基于第一...
想要实现一个电子签名，可以支持鼠标签名，还能类似书法效果线条有粗有细，同时可以导出成图片. 一、实现连贯的划线 1）首先需要注册鼠标下压、鼠标放开、鼠标移出和鼠标移动事件，通过鼠标下压赋值downFlag标记开始绘制 2) 鼠标移动时，将当前坐标位置传入绘制方法，通过lineTo方法实现绘制 / 按下鼠标启动绘制标记 / canvas.addEventListener('mousedown',e=>{ preCoord=[e.offsetX,e.offsetY,newDate().getTime()]; downFlag=true; }) / 鼠标松开结束绘制 / ...
JS垃圾回收机制主要分为对栈和堆两种存储数据的回收： 一、栈中数据回收 1) 首先我们需要了解一个概念ESP指针：是指针寄存器的一种，用于堆栈指针，主要用来标记当前活动位置，简单就是标记当前代码执行位置 2) 当我们执行一个函数时除了会有存储的变量外，还会有一个执行上下文；此时ESP指针则会指向当前上下文，当该方法执行完毕，则ESP指针跳转到下一个函数的上下文， 同时将上一个函数的上下文弹出，可以进行销毁 3) JS引擎是通过向下移动ESP指针来销毁存放在栈空间中的执行上下文。 二、堆数据回收 1）V8引擎会把堆分为新生代和...
一、首先需要区分几个概念： 1. 进程和线程的概念： 进程：指在系统中运行的一个应用程序，目的就是担当分配系统资源（CPU时间、内存等）的基本单位 线程：系统分配处理器时间资源的基本单元，建立在进程的基础上，一个进程至少要有一个线程。 2. 浏览器是多进程，多线程的，而JS是单线程的： 打开一个浏览器Tab页签，会同时创建多个进程，主进程、网络进程、渲染进程、GPU进程...； 而浏览器的内核就运行在渲染进程中，渲染进程会同时创建GUI渲染线程、JS引擎线程、事件触发线程、定时器触发线程、异步HTTP请求线程； 其中JS引擎进程就是我们常说...
一、XSS攻击 全称跨站脚本攻击，简称XSS攻击，攻击者通过在目标网站上HTML注入篡改网页来插入恶意脚本， 当用户在浏览网页时获取用户的cookie等敏感信息，进一步做一些其他危害的操作。 根据攻击的来源，该攻击还可以分为： 1）存储型攻击：一般是在有评论功能的网站将恶意代码当作评论内容存储到服务端，受害者再次浏览网页，就会自动解 析评论内容并执行，比较简单是输入一个三方服务器的脚本(发送一个请求都三方服务器)到评论区，其他用户查看时， 就会获取这个脚本，并执行脚本的内容，就可以获取到用户的cookie 2）反射型攻击...