文章目录1 组件的 props2 在组件中声明 props3 无法使用未声明的 props4 props 的大小写命名5 props 验证6 对象类型的 props 节点7 props 验证8 基础的类型检查8.1 支持校验的基础类型9 多个可能的类型10 必填项校验11 属性默认值12 自定义验证函数13 props配置项的注意点 1 组件的 props为了提高组件的复用性，在封装 vue 组
转载
2024-05-17 07:37:59
128阅读
一直都对子组件调用父组件的方法，数据的方法不熟，尽管麻烦，但一直都在用 VueX，今天下定决心一定要把它弄明白。 简单来说，就是 prop down 和 event up。1 父组件向子组件传递数据父组件向子组件传递数据的做法是：在子组件声明 props 属性，该属性值是一个对象，它包含需要传入的数据对象，数据对象可以设置两个参数分别为： type 传入的数据类型 和 default 默认值在子组
vue-backend-systemgithub地址一直想把以前所学的相关知识进行总结归纳，方便以后查看复习，正好最近最近抽时间研究点东西，打算是做前后台的，对后台这块不熟悉，本来是打算用node加mongodb实现，数据自己弄的不是很清楚，就干脆爬下自己的博客，主要是研究下前后台一起结合着来做的整个流程。步骤下载项目git clone 或者直接下载文件安装依赖cd到项目根目录下运行 npm in
随着时代的发展，越来越多的人喜欢在网上分享知识，比如一些摄影技巧分享课程、知识课程等等。在录制这些课程时，往往需要对课程的PPT课件进行录制，那你知道PPT录制在哪里吗？如何进行PPT录屏？一、PPT录屏在哪里很多小伙伴都不知道PPT录屏在哪里，不知道如何进行PPT录屏。其实您只需要打开想要录制的PPT文档，然后借助电脑屏幕录制工具，就可以对PPT进行录屏，下面小编教您4种录制PPT文档的方法，可
说到爬虫大家可能会觉得很NB的东西，可以爬小电影，羞羞图，没错就是这样的。在node爬虫方面，我也是个新人，这篇文章主要是给大家分享几种实现node爬虫的方式。第一种方式，采用node,js中的 superagent+request + cheerio。cheerio是必须的，它相当于node版的jQuery，用过jQuery的同学会非常容易上手。它主要是用来获取抓取到的页面元素和其中的数据信
vue 项目导出pdf两种方式 ：https://gitee.com/lbx_1397372495/vue-pdf-demo项目源码地址1.使用 html2Canvas + jsPDF 导出PDF， 这种方式什么都好，就是下载的pdf太模糊了。对要求好的pdf这种方式真是不行啊！ 2.调用浏览器自身的方法。window.print() 来打印（打印时可选下载），这种方式打印出来会清楚点，但纯在浏览
转载
2024-07-16 07:22:25
273阅读
什么是 PWA其全称为 Progressive Web Apps，可赋予网页原生 App 的各种优点。本人水平有限，不再赘述。对我而言最重要的是本地存储 + 离线可看，还有消息推送。为什么 PWA当然是不想学 Android 和 iOS 啦！学会前端一下搞定桌面、Android、iOS 三端，岂不美哉！如何开始这里就不说怎么安装 vue-cli 了。这里以 vue-cli-4 为例。如果是已有的项
钟情于在互联网（物联网）产品中集成P2P功能的企业，要么是对自己的技术实力有迷之自信，要么是对自己的资金实力有清醒认识。因为具备P2P功能的万千终端，可以零成本地分担原本集中式Servers所消耗的的带宽、服务器资源压力。企业对P2P功能的集成也有不同层级，某些家down下 eMule、eDonkey直接改一版。要知道国内的运营商是不会甘心给eMule、eDonkey做数据通道，封堵是
目前代码已经基本写完,还有细节没有处理，除配置文件外，一共600多行代码效果如下vue3中 beforeDestroy变成了beforeUnmount调试使用火狐浏览器 F12 然后页面就会出现这个页面布局搜索栏使用vant3的搜索 vant3 search 文档入口<van-search
v-model="value"
shape="round"
background="#4f
转载
2024-03-08 10:10:56
254阅读
注：文章为记录为主，想直接看pdfmake 打印的请划到最下面部分需求页面有一个表格，之前导出excel 表（用XLSX和XLSXS制作了样式之类的表格），现在需要制作带样式的pdf,而且格式如下，并且最上面的三行需要在每一页的顶部出现作为表头效果图，（换页前面三行也会有）script 要打印的盒子：ref="printSection" ，这个表格是用 el-table 来写的，而且表格中存在嵌套
一、安装nodejs1、nodejs下载 去官网下载（在安装nodejs时，npm会一起安装，不必单独安装），选择最新版本的前一个版本，因为老版本比较稳定，点击下一步，安装成功之后，进入cmd依次输入node -v 和 npm -v，查看nodejs和npm的版本，如果安装失败，结果会报错2、设置镜像 设置镜像可以提高下载速度，这里我设置的是淘宝镜像npm config set registry
转载
2024-10-25 16:59:45
169阅读
ssr的意思是服务端渲染，前端还没有流行的时候，之前的网站是在服务端拼接HTML字符串，将其返回呈现在页面vue ssr主要是解决以下两个问题：1.seoSEO和爬虫都是根据url返回的数据来进行的，所以我们需要用户请求url的时候，返回的是有数据填充的的页面，spa应用查看网页源代码，也就是爬虫seo获取的数据，是一个没有数据的壳子2.首屏渲染像vue这样的单页面应用，首屏渲染是单页面spa的通
转载
2024-04-17 12:57:09
91阅读
《和平精英》怎么在电脑上玩？相信很多玩家对游戏模拟器都不陌生，简单来说模拟器就是一种在电脑上玩手游的工具型软件。对于喜欢电脑大屏跟键鼠玩游戏的玩家来说比手机更好操作。特别是和平精英、王牌战士、cf手游之类的FPS射击游戏，你可以明显感觉到电脑玩跟手机玩那简直是两个游戏。 对于萌新来说，模拟器涉及到很多智能操作按键，虽然很多模拟器都给不少热门游戏配置了默然的按键不用再自己设置，但要弄懂每个
转载
2024-05-06 16:25:47
62阅读
“ 大数据时代，衍生出了许多跟数据相关的公司和行业。在这个数据为王的时代，每个人都必须掌握一手获取数据的能力！” 01—什么是Puppeteer? Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。我们来看看Puppet
转载
2024-05-27 16:13:51
83阅读
XML Publisher 并发程序由于 输出提交处理程序提交失败 xmlp 报表运行完成后，状态为warning，其原因大概有以下3类：1."输出提交处理程序"(Output Post Processor)未运行(状态为非active),或者请求未生成结果2."输出提交处理程序"(Output Post Processor)正在运行(状态为active)，请求未生成结果3.并发管理器延
转载
2024-08-29 10:35:52
23阅读
Puppeteer 爬虫技术实践信息简介Puppeteer是Chrome开发团队发布的一个通过Chrome DevTool Protocol来控制浏览器Chrome(下文若无显式称呼Chromium，浏览器都同指Chromium吧，至于Chrome、Chromium的区别大家自行搜索吧）的一组基于NodeJS的API包，即通过Puppeteer提供的方法可以达到控制Chrome的目的。技术细节Pu
转载
2024-08-22 10:43:05
61阅读
最近开始上手一个自动化测试工具Puppeteer，来谈一谈关于它的一些事儿。Puppeteer中文文档：https://zhaoqize.github.io/puppeteer-api-zh_CN/#?product=Puppeteer&version=v1.20.0&show=api-class-puppeteer(推荐看完预热视频后再读API)Puppeteer官方文档：htt
转载
2024-03-12 13:02:42
199阅读
文章目录前言正文TypeError: can't pickle _thread.lock objects 前言使用多进程不一定非要用来并行加速，也可以方便地运行多个实验，这里对多进程、多线程的一些技巧和知识做一下记录。正文首先是一些知识的介绍。apply是阻塞式的。首先主进程开始运行，碰到子进程，操作系统切换到子进程，等待子进程运行结束后，在切换到另外一个子进程，直到所有子进程运行完毕。然后在切换
转载
2024-04-05 22:06:14
85阅读
1.新建项目目录2.打开gitbush（常用的Terminal都可以）3.键入npm i puppeteer 4.等。。。。。。待安装 ps:安装会带一个Chromium 还是挺大的。。 到这里基本上就算安装完成了。 官方栗子：
转载
2024-04-29 17:55:21
97阅读
1、截图使用 Puppeteer 既可以对某个页面进行截图，也可以对页面中的某个元素进行截图：(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
//设置可视区域大小
await page.setViewport({widt
转载
2024-05-07 17:32:42
88阅读
