Web前端最新Vue3+TypeScript+Element表格打印功能_vue3打印表格(1)，2024年前端笔试题总结

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

popTitle: “”,

extraCss: “https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.compat.css, https://cdn.bootcdn.net/ajax/libs/hover.css/2.3.1/css/hover-min.css”,

extraHead: ‘<meta http-equiv="Content-Language"content=“zh-cn”/>’,

previewBeforeOpenCallback () {

console.log(‘正在加载预览窗口’)

},

previewOpenCallback () {

console.log(‘已经加载完预览窗口’)

},

beforeOpenCallback (vue:any) {

//   vue.printLoading = true

console.log(‘打开之前’)

},

openCallback (vue:any) {

//   vue.printLoading = false

console.log(‘执行了打印’)

},

closeCallback () {

console.log(‘关闭了打印工具’)

},

clickMounted (vue:any) {

console.log(‘点击了打印按钮’)

emits(“Closeprint”)

// vue.printSet.popTitle = vue.tableHead // 动态设置页眉

}

}

)

const tableData = ref([])

const backData=ref()

const headers=ref([])

//监听

watch(

() => props.info,

(newInfo, oldInfo) => {

// console.log(newInfo)

if (newInfo != undefined) {

backData.value=JSON.parse(newInfo as any)

tableData.value=backData.value.data

titles.value=backData.value.title

printObj.value.popTitle=backData.value.title

headers.value=backData.value.header

} else {

}

}

);

//defineEmits用于定义回调事件，里面是数组，可以定义多个事件

const emits = defineEmits([“Closeprint”])

const handleClose = (done: () => void) => {

emits(“Closeprint”)

}

onMounted(() => {

})

const close = () => {

emits(“Closeprint”)

}

**4、使用打印功能页面引用组件**


<PrintsVue :addVisible="printVisible" :info="printinfo" @Closeprint="Closeprint"></PrintsVue>


import PrintsVue from './components/Prints.vue'


**5、使用打印组件**

const printVisible=ref(false)

const printinfo=ref()

const Closeprint = () =>{

printVisible.value=false

}

const downloads = async (type:string) =>{

//定义一个需要打印的数据变量

let newArr=ref([])

//将表格中勾选的每行数据重新拼接成需要的数据格式

let arr: any[] = multipleTableRef.value?.getSelectionRows()

arr.forEach((element:any,key:any) => {

newArr.value.push({

js基础

1)对js的理解？
2)请说出以下代码输出的值？
3)把以下代码，改写成依次输出0-9
4)如何区分数组对象，普通对象，函数对象
5)面向对象、面向过程
6)面向对象的三大基本特性
7)XML和JSON的区别？
8)Web Worker 和webSocket？
9)Javascript垃圾回收方法？
10)new操作符具体干了什么呢？
11)js延迟加载的方式有哪些？
12)WEB应用从服务器主动推送Data到客户端有那些方式？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

12)WEB应用从服务器主动推送Data到客户端有那些方式？

[外链图片转存中…(img-4MKqnbCg-1715200212133)]

[外链图片转存中…(img-vfuth13m-1715200212134)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】