Lifelong learning.

/ 转换后的pdf的外边距分别为：上: 10px、右: 10px、下: 10px、左: 10px。pdf-content这一块div展示的内容都将被捕获，成为生成的pdf页的内容。// 调用html2pdf库的方法生成PDF文件并下载。，滚动条没有滚到的部分是无法被捕获进pdf的，注意，如果pdf-content使用了。npm安装完后，编写代码。

请输入文本

我们给定一个按钮，编写click函数，通过点击按钮触发pdf先转图片再转文字的功能。给定场景：后端无法实现pdf转文字，由前端实现“pdf先转图片再转文字”。假设我们在中有一个元素存放我们处理过的canvas集合。在< script>里编写函数。

工作中遇到的，具体服务看老板买了什么。

在某些情况下，箭头可能被误解为比较表达式，传统的this动态绑定是js最令人困惑的特性之一，箭头的设计解决了回调中this丢失的常见问题，更适合纯函数场景，不依赖调用上下文，减少了因为this绑定而带来的副作用，符合词法作用域的直觉。普通函数是同步的，没有异步操作，不需要then。作用域延长：通过特定方式【主要是闭包，with已废弃，eval不推荐】延长变量的生命周期，使其超出原本的作用域。在Vue中，这意味着：当数据变化时，自动重新渲染依赖该数据的组件，自动执行依赖该数据的计算属性和侦听器。

Q：回流和重绘回流reflow：计算元素的几何，引发layout重绘repaint：更新元素可见样式，引发paint回流的成本比重绘高得多，因为它涉及重新计算元素的几何属性和页面布局。Q：transform、opacity、filter、will-change创建动画A：既不会触发reflow也不会repaint，当使用transform或opacity时，跳过layout和paint阶段，直接在GPU中处理变换，浏览器只需要composite已有图层而非render页面。

A：一个基于Vue.js的SSR服务端渲染和静态站点生成的SSG框架，用于构建高性能、SEO友好的现代web应用，它简化了Vue.js的开发流程。模板编译：Vue 编译器将模板中的 v-model 转换为 v-bind:value 和 v-on:input。核心：多种渲染模式，服务端渲染，静态站点生成，单页应用，混合渲染。无需手动vue-router，内置代码分割，预加载，支持HMR。A：它实现了表单输入和应用状态之间的双向数据绑定。Q：代码分割是为了什么，在什么场景下用。Q：v-model如何实现的。

Q：手撕代码，arr=[{age:18, name: ‘lily’},{age:91, name: ‘andy’},{age:38, name: ‘tony’}]，请按age排序写一个函数，再按name排序写一个函数。Q：css中position有哪些类型。Q：移动端rem和px是如何换算的，如果要实现根rem动态跟随屏幕大小变换应该如何实现。Q：手撕代码，12345678如何转换成12,345,678的逗号形式数据。Q：手撕代码，class EventBus如何实现。Q：vue中数据传递方式有哪些。

它做3d相对比较底层，SuperMap也有3D，但是它的3D是基于cesium做了二次封装，而越是底层的东西越好操作，被过度封装的东西好用，但是如果有bug或业务改动则不合适。答题注意逻辑：我使用Lighthouse发现A问题，然后优化对Webpack的构建以解决A问题，部署后查看Chrome DevTools页面，分析是否A问题解决，是否仍有问题，为什么仍有问题。A：模块热替换，是Webpack、Vite等构建工具提供的功能，允许在运行时动态替换，而无需完全刷新页面。Q：协商缓存和强缓存有什么区别。

Q：Vue3在render函数执行的时候遇到子组件出问题导致整个生命周期阻塞，页面因此出不来，如何解决。当前问题是：静态6和实例7同名，实例7和方法8同名，在js中，同名属性7会覆盖方法8，所以输出7。Promise.all：全部任务执行成功，进入then，只要有一个失败，进入catch。Q：选择WebGIS框架时，SuperMap和OpenLayer用谁好，为什么。A：Vuex是官方状态管理库，集中管理应用中所有组件的共享状态，我们需要解决：静态的6，实例的7，函数的8。③ 生产环境错误处理。

Q：我在www.baidu.com里设sessionStorage一个值为apple: 1，我打开空白标签页又贴入www.baidu.com并跳转进去，此时这个新的页面里，sessionStorage是否有apple，如果有，值为多少。A：在web应用中，一个网页的代码试图向不同源发起HTTP请求，浏览器的同源策略限制了跨域请求，以保护用户的安全性和隐私，同源策略要求网页只能与同一源的资源进行交互，不允许与不同源的资源直接交互。新标签页如果贴入同一域名，会继承原来的上下文，会被复制到新标签页，所以值不变。

如果script标签上，既没有async又没有defer，浏览器会按照script标签在HTML中的顺序，阻塞页面渲染，下载后并同步加载脚本，脚本会阻塞页面的加载和渲染。② 构建DOM树：解析HTML文档过程中，浏览器构建一个Document Object Model树，表示HTML文档的结构，DOM树是一个树状结构，其中每个HTML元素都表示为树的节点，包括标签、文本等。A：DNS解析（这部分占比非常高），建立TCP，发HTTP，服务器处理请求，服务器响应， 浏览器渲染页面。⑥ paint：绘制。

【代码】【前端】Vue+elementUI实现输入文字出现下拉选择联想框。

<el-table ref="myTable"></el-table>changePage() { this.$nextTick(()=>{ this.$refs.myTable.bodyWrapper.scrollTop=0; // 如果有包裹 this.$refs.refTable.$el.parentNode.scrollTop=0; })},

学这个的时候openai还没有出来，所以自己存了代码。

改了一下网上找的代码，非常好用，我们项目里必备。

【代码】【Vue】el-input框未聚焦时传入值，也能触发表单规则判断。

import axios from "axios"; //使用axios获取状态码data() { return { flag: 0, url: pdf路径 }},mounted() { this.isIframeUrl()},methods: { // 判断函数 isIframeUrl() { let url = this.url if(url == '' || url == null || url == undefined) return