一直都对子组件调用父组件的方法，数据的方法不熟，尽管麻烦，但一直都在用 VueX，今天下定决心一定要把它弄明白。 简单来说，就是 prop down 和 event up。1 父组件向子组件传递数据父组件向子组件传递数据的做法是：在子组件声明 props 属性，该属性值是一个对象，它包含需要传入的数据对象，数据对象可以设置两个参数分别为： type 传入的数据类型 和 default 默认值在子组
vue-backend-systemgithub地址一直想把以前所学的相关知识进行总结归纳，方便以后查看复习，正好最近最近抽时间研究点东西，打算是做前后台的，对后台这块不熟悉，本来是打算用node加mongodb实现，数据自己弄的不是很清楚，就干脆爬下自己的博客，主要是研究下前后台一起结合着来做的整个流程。步骤下载项目git clone 或者直接下载文件安装依赖cd到项目根目录下运行 npm in
文章目录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阅读
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阅读
说到爬虫大家可能会觉得很NB的东西，可以爬小电影，羞羞图，没错就是这样的。在node爬虫方面，我也是个新人，这篇文章主要是给大家分享几种实现node爬虫的方式。第一种方式，采用node,js中的 superagent+request + cheerio。cheerio是必须的，它相当于node版的jQuery，用过jQuery的同学会非常容易上手。它主要是用来获取抓取到的页面元素和其中的数据信
什么是 PWA其全称为 Progressive Web Apps，可赋予网页原生 App 的各种优点。本人水平有限，不再赘述。对我而言最重要的是本地存储 + 离线可看，还有消息推送。为什么 PWA当然是不想学 Android 和 iOS 啦！学会前端一下搞定桌面、Android、iOS 三端，岂不美哉！如何开始这里就不说怎么安装 vue-cli 了。这里以 vue-cli-4 为例。如果是已有的项
在test.vue的组件中，使用test.vue export default{ name:"Test" } 不需要import 引入自己,也不需要在components中引入 直接使用就可以 <Test/> ...
转载
2021-09-13 11:04:00
1331阅读
2评论
目前代码已经基本写完,还有细节没有处理，除配置文件外，一共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 来写的，而且表格中存在嵌套
其他章节请看： vue 快速入门 系列 Vue(自身) 项目结构 前面我们已经陆续研究了 vue 的核心原理：数据侦o
原创
2022-03-18 11:40:15
87阅读
一、安装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阅读
最近开始上手一个自动化测试工具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阅读
Puppeteer 爬虫技术实践信息简介Puppeteer是Chrome开发团队发布的一个通过Chrome DevTool Protocol来控制浏览器Chrome(下文若无显式称呼Chromium，浏览器都同指Chromium吧，至于Chrome、Chromium的区别大家自行搜索吧）的一组基于NodeJS的API包，即通过Puppeteer提供的方法可以达到控制Chrome的目的。技术细节Pu
转载
2024-08-22 10:43:05
61阅读
“ 大数据时代，衍生出了许多跟数据相关的公司和行业。在这个数据为王的时代，每个人都必须掌握一手获取数据的能力！” 01—什么是Puppeteer? Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。我们来看看Puppet
转载
2024-05-27 16:13:51
83阅读
## 使用Java Puppeteer抓取Vue渲染后的HTML
在进行网页数据抓取时，动态渲染的内容（例如使用Vue.js等框架构建的单页面应用）往往是一个挑战。为了抓取这些动态内容，我们可以使用Puppeteer，这是一个基于Node.js的库，提供了一个高级API来控制无头Chrome或Chromium浏览器。本文将详细介绍如何通过Java调用Puppeteer并抓取Vue渲染后的HTML
教程安装基本操作打开Web scraper使用Web scraper创建爬取运行爬虫，查看数据这里讲一个复杂一点的例子帮助大家学习参考： 安装Web scraper只支持chrome浏览器，可以从chrome网上应用店下载这个插件，安装好后在扩展程序页面启用插件。Web scraper具备反爬虫机制，模拟人手动操作浏览器，适合轻度的数据爬取，而且免费！基本操作打开Web scraper当我们想要
转载
2024-05-04 20:12:47
296阅读
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阅读
Puppeteer 是一个 Node.js 库，它提供了一个高级 API 来通过 开发工具协议 控制 Chrome/Chromium。 Puppeteer 默认以 无头 模式运行，但可以配置为在完整 ("有头") Chrome/Chromium 中运行。Puppeteer能做些什么生成页面的屏幕截图和 PDF。抓取 SPA（单页应用）并生成预渲染内容（即 "SSR"（服务器端渲染））。自动化表单提
原创
2023-12-18 21:06:11
148阅读
