seetoyou的博客

day-094-ninety-four-20230619-图片缩略图幻灯片-插件封装的步骤-NativeApp与WebApp图片缩略图幻灯片总体思路整理思路。所有的结构都包在一个盒子中。盒子里有两层内容：盒子宽高由前端根据设计稿来定。盒子宽高应具体到px，以便内部使用百分比进行布局。一层是封面，用于展示播放时长和视频主图。一层是进度图，用于展示进度条对应的视频缩略图。根据用户鼠标在盒子中横向距离与盒子宽度的比例，控制进度图的进度，之后进度图控制精灵图中显示的区域。精灵图是一张

第一部分：加快打包速度和降低打包后文件的体积第二部分：提高页面第一次渲染的速度减少HTTP请求的次数和大小前端骨架屏技术开启静态资源文件的CDN部署基于 Connection:keep-alive 保持TCP通道的长链接，防止每一次请求都要进行三握四挥，加快资源的获取减少对Cookie的使用，因为每一次向服务器发送请求，都会把本地的cookie自动传递给服务器资源要分服务器进行部署，在增加了DNS解析次数的基础上，使用DNS预解析，来加快域名解析速度！针对于图片方面的处理。

从输入URL地址到看到页面，中间都经历了啥第一步：URL地址解析。httphttpsHTTPSSLftp上传内容下载内容0~65535第二步：缓存检查Expireshttp/1.0http/1.1Expires具备在效期的缓存信息html页面强缓存webpack编译唯一hash值代码修改每次打包不同的文件html页面最新的文件强缓存服务器资源最新资源本地缓存协商缓存协商缓存强缓存强缓存协商缓存协商缓存的机制HTTP/1.0ETagHTTP/1.1ETag第三步：DNS解析DNS解析递归查询。

MVVM(Vue) 与 MVC(React)关于版本问题。jsx语法故而把需要构架视图的js文件，其后缀名改为.jsx。可以把每一个.jsx理解为一个单文件组件。.jsx的文件，在webpack打包的时候，也是按照js的方式处理。把所有的视图(内容)编译后，都放在#root的容器中渲染。React18是这样写的。在jsx语法中，我们基于{}大胡子语法绑定JavaScript表达式。{}变量{title}值{"字符串值"}数学运算{1+1}判断操作只能使用三元运算符。

如果项目有git仓库」我们刚才改了代码，暴露的结果是，会新增很多文件和文件夹，为了防止新增的这些东西，对我们自己写的代码有影响，需要我们提前把修改的东西，提交到git仓库的历史区！但是 Eslint ，它不仅仅可以检测错误的语法，而且一些即便没有错（浏览器可以正常运行的），但是它只要认为这样写不好，也会检测成为错误的语法！所以如果我们想修改默认的配置项，create-react-app的处理办法：把默认的配置项给开发者暴露出来即可！react框架不是类似于vue那样设计的，核心是分开的。

所有的代码都是在ECStack执行环境栈-即主线程开始的。async-await与setTimeout()与Promise()及then()。就算定时器写了0毫秒，但实际上也不是0毫秒，会等待浏览器最快的反应时间执行。async函数中的代码还是会以同步代码的方式来执行。await后面的代码还是会以同步代码的方式来执行。new Promise()内部的东西还是会以同步方式执行。new Promise().then()传入的回调函数会以异步函数执行。DOM绑定事件与Promise()与then()方法。

是否是一个对象或者函数，因为它可能是一个伪Promise实例对象。是一个标准的Promise官方实例对象，则。的状态是失败的，值就是抛出的异常。

因为定时器定时的是1000ms，如果同步操作还经过了很长才执行，那么A与B都会进入EventQueue队列中，就会出现A执行结束后，立马就执行B的场景。宏任务先执行，就是每次取多个异步任务-全部微任务与宏任务，之后按顺序执行完，再去取下一次EventQueue队列中的排队队列。jQuery中提供的$.ajax方法，就是基于传统的回调函数方式，来管理异步的XMLHttpRequest请求。微任务先执行，就是每次取一个异步任务，之后就先执行这一个异步任务。它内部是一个回调函数，放到队列中就会等待，必定能执行。