- 博客(1330)
- 问答 (1)
- 收藏
- 关注
原创 vue3中,项目甘特图实现项目进度条——封装组件之tabs标签页的使用、定义方法实现动态样式style、reduce方法、数组每个下标对应的当前下标前几位之和、new Date()转换日期格式
1.1、预警阈值1.2、2、项目进度甘特图。
2024-03-29 10:26:27 514 1
原创 tabs标签页的使用——el-tabs动态组件的使用、sessionStorage.getItem、sessionStorage.setItem、goBack返回
【代码】tabs标签页的使用——el-tabs动态组件的使用、sessionStorage.getItem、sessionStorage.setItem、goBack返回。
2024-03-29 10:14:41 301
原创 vue3中,el-table表格的禁用、回显和多选操作——标识row-key、是否勾选selectable & toggleRowSelection(row, true)-true选中
【代码】vue3中,el-table表格的禁用、回显和多选操作——标识row-key、是否勾选selectable & toggleRowSelection(row, true)-true选中。
2024-03-29 10:12:50 335
原创 vue3中,el-table表格中基础的查询、重置、新增、编辑回显、删除
【代码】vue3中,el-table表格中基础的查询、重置、新增、编辑回显、删除。
2024-03-29 10:11:49 194
原创 vue3中,wangEditor富文本组件的使用——.disable()富文本禁用、toolbarKeys配置菜单、shallowRef()创建实例、.destroy()销毁富文本、内容为html格式
【代码】vue3中,wangEditor富文本组件的使用——.disable()富文本禁用、toolbarKeys配置菜单、shallowRef()创建实例、.destroy()销毁富文本、内容为html格式。
2024-03-29 10:08:47 348
原创 vue3,下载预览的四种方法之responseType-blob、fileName、a标签下载& axios之post请求写法& 引入js方法文件写法& try和catch、async和await用法
【代码】vue3,下载预览的四种方法之responseType-blob、fileName、a标签下载& axios之post请求写法& 引入js方法文件写法& try和catch、async和await用法。
2024-03-29 10:07:05 381 2
原创 vue3中,渲染动态表单(三)——梳理动态表单的几种类型、树结构表格row-key、父子传值之props、emit和defineEmits & ElLoading组件用法和post请求动态地址
-@Description 申请表管理 - 定义申请表--><template><centerHead title="定义申请表"></centerHead><el-button type="primary" @click="add">新增</el-button><el-table-column prop="name" align="center" label="字段名称"></el-table-column>
2024-03-28 11:27:45 319
原创 vue3中,渲染动态表单(二)——使用wangEditor组件 & vue3基础页面的写法之defineComponent、toRefs、reactive和return & main文件注册全局组件
【代码】vue3中,渲染动态表单(二)——使用wangEditor组件 & vue3基础页面的写法之defineComponent、toRefs、reactive和return & main文件注册全局组件。
2024-03-28 11:25:21 269
原创 vue3中,渲染动态表单(一)——定义公共样式、使用动态样式class & 抽离el-dialog对话框组件 & 父子传参 & 自定义slot插槽 & vue3中watch写法和computed写法
效果图文件目录// 表单样式width: 25%;width: 35%;width: 50%;width: 75%;
2024-03-28 11:24:19 885
原创 axios请求本地json文件——调用路径只支持相对路径形式 & 设置、获取、清除sessionStorage & 跨组件通信之父组件有provide选项提供数据,子组件有inject选项来使用数据
src同层级,public文件夹下的static文件夹中,新建userInfo.json。src同层级,public文件夹下新建serverConfig.json。所以如果需要引用static目录下的图片及其他资源,应该使用绝对路径。
2024-03-28 10:07:08 368
原创 vue中组合式 API-依赖注入之provide和inject的用法(三)——实例之引用全局静态数据
***@Description 全局数据*@author 张三*/publicCoop:'ieop-mtg-coop',// 公共网关标识ieopActivity:'ieop-mtg-activity',// 申请表单网关标识ieopMtgReport:'ieop-mtg-report', // 运营服务网关标识team:'2', // 团队标识user:'a', // 用户标识uploadMark:{ // 上传标识special:'special', // 专题培训。
2024-03-28 09:31:01 397
原创 vue中组合式 API-依赖注入之provide和inject的用法(二)——添加响应性 & 污染全局数据、破坏了单向数据流,vuex可追踪数据 & 三种通信方式之父子通信、兄弟通信、跨级通信
但是,Form 的下一层组件不一定是 FormItem,FormItem 的下一层组件不一定是 Button,它们之间还可以嵌套其他组件,也就是说,层级关系不确定。在 elementUI 中有 Button(按钮)组件,当在 Form(表单)组件中使用时,它的尺寸会同时受到外层的 FormItem 组件以及更外层的 Form 组件中的 size 属性的影响。所以在修改值的时候,还是需要在 provide 发布数据的组件内修改数据,在父组件内添加修改方法,同时也发布出去,在子组件处调用就可以了。
2024-03-28 09:30:25 619
原创 vue中组合式 API-依赖注入之provide和inject的用法(一)——功能-把一个祖先组件指定的数据和方法,传递给其所有子孙后代 & provide-提供或发送数据, inject-接收数据
在父子组件传递数据时,通常使用的是 props 和 emit。父传子时,使用的是 props,如果是父组件传孙组件时,就需要先传给子组件,子组件再传给孙组件,如果多个子组件或多个孙组件使用时,就需要传很多次,会很麻烦。像这种情况,可以使用 provide 和 inject 解决这种问题,不论组件嵌套多深,父组件都可以为所有子组件或孙组件提供数据,父组件使用 provide 提供数据,子组件或孙组件 inject 注入数据。
2024-03-28 09:29:51 355
原创 vue中provide和inject的用法
provide 和 inject 主要在开发高阶插件/组件库时使用。3个组件 A(父级)、B(子级)、C(孙子级)3个组件 A(父级)、B(子级)、C(孙子级)通过provide与inject,
2024-03-28 09:28:45 273
原创 vue3中,axios的几种用法之抽离接口、post请求、get请求、.env.dev、网关标识、基准地址
【代码】vue3中,axios的几种用法之抽离接口、post请求、get请求、.env.dev、网关标识、基准地址。
2024-03-28 09:01:31 429 1
原创 JSON的几种注释
如果是对一个JSON文件作完整的描述,则另外写一个和字段结构一样的描述结构,这样更加清晰。在json文件中用传统的注释格式(// /**/)进行注释,是不符合json规范的。1、在json文件中,采用"//",其value就是添加的注释内容。2、在需要注释的字段前面添加?, 当然#和_也是可以的。本身JSON是没有类似于Java语法中的。json里面有自己约定俗成的注释规范。等语法级别的注释语句的。
2024-03-27 09:38:58 1149
原创 优化方案——用iframe嵌套网页进项目里面加载特别慢
嵌套网页时,加载速度可能会受到影响,特别是当嵌套的网页与项目处于不同的域名或子域名时。嵌套网页加载缓慢的问题,提高项目的性能和用户体验。通过以上方法,你可以尝试解决。
2024-03-27 09:38:20 599
原创 sass系统-软件即服务的一些总结——代表性软件产品之企业资源计划-ERP、客户关系管理-CRM、协同办公-OA、人力资源管理-HRM、即时通讯-IM、网盘管理-ECM、商业智能-BI
SaaS:就是软件即服务(Softwire as a Service),是云计算的其中一种服务模式。核心是将软件产品服务化,客户无需自建IT基础设施,通过按需购买,即可享受到软件产品及后续维护服务。
2024-03-27 09:36:14 751
原创 js中,数组对象操作——双层遍历-for循环之splice-删除、push-添加 & 数组中添加对象 & 删除数组中对象 & 数组中对象的参数值置空
/arr1和arr2中,classify和workerCode相同,不往arr2中添加arr1中的对象;arr1对中对象的workerCode,arr2中没有,这个对象直接添加到arr2中;// arr1和arr2中,classify和workerCode相同,不往arr2中添加arr1中的对象;arr1对中对象的workerCode,arr2中没有,这个对象直接添加到arr2中。// arr1和arr2中,classify和workerCode相同,不往arr2中添加arr1中的对象;
2024-03-27 09:26:30 685
原创 vue混入实例
Vue的混入(mixins)是一种可复用的代码抽象方式,用于在多个组件中共享相同的逻辑。混入本质上就是一个普通的Vue实例,它可以定义组件中的各种选项,包括data、methods、computed、watch等等。Vue混入是一种可重用的代码抽象方式,它可以在多个组件中共享相同的逻辑。通过定义混入对象,我们可以将数据、方法和生命周期钩子等选项注入到组件中。在Vue组件中使用混入很简单,只需将混入对象插入到。在上面的代码中,我们首先定义了一个名为。的混入对象,该对象包含一个名为。最后,我们创建了一个新的。
2024-03-27 09:15:44 139
原创 vue2中,data为什么是函数
在Vue 2中,data是一个函数,这是因为Vue需要确保每个组件实例都有独立的响应式数据。如果data直接是一个对象,那么在多个组件实例中,它们可能会共享同一个数据,这将导致组件之间的状态互相影响,不符合预期。通过将data设为一个函数,每次当一个组件实例被创建时,这个函数都会返回一个新的对象,从而确保每个组件实例都有自己的数据。此外,这个函数还可以用于设置初始数据。在这个例子中,每次创建组件的实例时,都会创建一个新的data对象,其中count。
2024-03-27 09:15:01 393
原创 http之浏览器同源政策——端口、域名、协议,三者同及不跨域;解决跨域的方案有哪些
浏览器的同源策略(Same-Origin Policy)是一种安全机制,用于限制一个源(包括协议、域名和端口)的文档或脚本与来自其他源的资源进行交互。简单来说,同源策略要求页面中的脚本只能访问与其来源相同的资源,而不能直接访问其他源的资源。代理服务器:在同源策略限制下,通过在服务器端创建一个代理,将跨域请求转发到目标服务器并将响应返回给客户端。WebSocket:WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议,它不受同源策略的限制,可以与任意源进行通信。元素,将目标页面作为。
2024-03-27 09:13:29 291
原创 vue3中,js-cookie的使用 & token之获取token-getToken()、存储token-setToken()、移除token-removeToken()
【代码】vue3中,js-cookie的使用 & token之获取token-getToken()、存储token-setToken()、移除token-removeToken()
2024-03-27 09:12:24 187
原创 网络爬虫开发(五)02-爬虫高级——Selenium的使用-反爬虫机制简介 & Selenium的API学习 & 实战之自动打开浏览器输入关键字进行搜索、爬取需要的数据、自动翻页 & 相关爬虫知识总结
爬虫神通广大,用途非常广泛,主要的目标是为了实现自动化程序,解放程序员的双手帮助程序员自动获取一些数据,测试一些软件,甚至自动操作浏览器做很多事情也不乏有些不法分子拿爬虫做一些违法的事情,在此老师希望大家学会爬虫使用在正道上,获取一些我们需要的数据来进行分析同时,在爬取目标网站之前,建议大家浏览该网站的robots.txt,来确保自己爬取的数据在对方允许范围之内爬虫简介爬虫的意义各行各业的爬虫使用http模块爬取数据http模块发送请求使用cheerio库进行DOM解析。
2023-11-12 22:23:09 2324 1
原创 网络爬虫开发(五)01-爬虫高级——Selenium简介 & 根据平台选择安装selenium-webdriver包 & Selenium的基本使用
官方原文介绍:百度百科介绍:Selenium [1] 是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。支持的浏览器包括IE(7, 8, 9, 10, 11),[Mozilla Firefox](https://baike.baidu.com/item/Mozilla Firefox/3504923),Safari,Google Chrome,Opera等。
2023-11-12 22:15:10 889
原创 网络爬虫开发(四)-爬虫基础——环境准备、定义options接口、抽取公共部分代码、定义抽象方法、实现TeacherPhotos类、实现NewsList类及总结
以上代码重复的地方非常多,可以考虑以面向对象的思想进行封装,进一步的提高代码复用率,为了方便开发,保证代码规范,建议使用TypeScript进行封装以下知识点为扩展内容,需要对面向对象和TypeScript有一定了解!执行tsc --init初始化项目,生成ts配置文件},"src/**/*"],Spider抽象类:定义options接口、抽取公共部分代码// 引入http模块// 创建请求对象 (此时未发送http请求)// 异步的响应// 监听data事件,获取传递过来的数据片段。
2023-11-12 22:12:37 1478
原创 网络爬虫开发(三)-爬虫基础——爬取前端渲染网站的注意事项 & 分析ajax请求并爬取(伪造header)-模拟真实浏览器的请求头
大部分新闻网站,现在都采取前后端分离的方式,也就是前端页面先写好模板,等网页加载完毕后,发送Ajax再获取数据,将其渲染到模板中。分析得出对应的ajax请求后,找到其URL,向其发送请求即可。注意:请求头的内容,可以先通过真正的浏览器访问一次后获取。
2023-11-12 22:10:22 740
原创 网络爬虫开发(二)-爬虫基础——使用cheerio库解析html并提取img的src属性& 使用download库批量下载图片& encodeURI()函数-解决若有中文文件名,需使用base64编码
npm地址——这是一个核心api按照jquery来设计,专门在服务器上使用,一个微小、快速和优雅的实现简而言之,就是可以再服务器上用这个库来解析HTML代码,并且可以直接使用和jQuery一样的api')$.html()同样也可以通过jQuery的api来获取DOM元素中的属性和内容。
2023-11-12 22:05:43 399
原创 网络爬虫开发(一)-爬虫基础——基本介绍-爬虫是请求网站并提取数据的自动化程序、爬虫的基本工作流程 & 实例之发送http请求-爬取网址的网页信息
可以把互联网比做成一张“大网”,爬虫就是在这张大网上不断爬取信息的程序爬虫是请求网站并提取数据的自动化程序向指定的URL发送http请求获取响应(HTML、XML、JSON、二进制等数据)处理数据(解析DOM、解析JSON等)将处理好的数据进行存储。
2023-11-12 22:02:59 674
原创 Baas接口标准(四)-留言板案例——实现服务端之数据查询、数据变更 & vue-apollovue实现客户端之整合apollo调用接口基本步骤、查询数据并模板填充、添加留言信息、格式化时间
【代码】Baas接口标准(四)-留言板案例——实现服务端之数据查询、数据变更 & vue-apollovue实现客户端之整合apollo调用接口基本步骤、查询数据并模板填充、添加留言信息、格式化时间。
2023-11-06 23:23:29 87
原创 Baas接口标准(三)——GraphQL客户端开发之基本查询、添加操作名称、使用查询参数之变量、指令、别名、通过mutation关键字实现变更操作
按需获取需要的数据。
2023-11-06 23:22:47 105
原创 Baas接口标准(二)——对象类型定义规则之用法、定义规则、字段参数的用法之标量类型、枚举类型、列表和非空、输入类型 & 服务端开发-resolver函数参数用法之parent参数、context参数
GraphQL提供一套完善的类型系统,可以约束服务端可以提供哪些数据类型供客户端查询使用# 通过type关键字定义类型,type之后是类型名称(自定义名称)注意事项花括号中是对象的字段信息属性名称是自定义的属性名后面的类型为标量类型(内置类型)GraphQL使用#进行注释。
2023-11-06 23:20:32 67
原创 Baas接口标准(一)——GraphQL介绍、和RESTful对比 & GraphQL客户端与服务端交互(接口调用) & apollo-server框架开发之基于Node.js的GraphQL的开发
GraphQL 既是一种用于 API 的查询语言,也是一个满足你数据查询的运行时。是一种接口开发标准,支持常见的服务端开发语言。例如:java、php、Python、Node.js…官网:https://graphql.cn/
2023-11-06 23:19:17 79
原创 Web应用开发框架-egg进阶与实战(三)——总结之debug、日志、多进程、错误处理、多实例插件、多进程增强、实战-简易博客
debug日志存储路径开发环境默认生产环境可以指定日志分类errorwarninfodebugnonectx.loggerapp.logger切割大小时间日小时性能默认1秒写入一次多进程相比nodejs原生 新增了一个agent的概念agent应用场景长连接特点出错master不会重启,需要时刻关注日志进程通信messenger特点 挂载在 app 和 agent下面broadcast 所有人。
2023-11-04 18:59:35 119
原创 Web应用开发框架-egg进阶与实战(二)02——环境配置与数据库初始化、编写schema、service逻辑提取
增删改查只是服务端的冰山一角,希望同学们能持续的学习。
2023-11-04 18:58:47 68
原创 Web应用开发框架-egg进阶与实战(二)01——mongoose简介
使用egg + mongoDb实现一个简易博客的增删改查。简介: mongoos对mongoDb的一层封装和抽象,方便在nodejs中操作mongoDb数据库。文档地址: https://mongoosedoc.top/docs/cnhome.html依赖: mongoDb 和 nodejs。
2023-11-04 18:57:44 57
空空如也
发布文章的题目,从100个字降到30个字了,英文字母多一些就不够用
2021-05-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人