- 博客(24)
- 资源 (4)
- 问答 (2)
- 收藏
- 关注
原创 Vue中封装打印组件包括基本信息、表格用途出库单、入库单、请购单等单据
1、我们在工作中,在中后台系统应用中,经常会遇到打印的问题。2、产品需求将列表详情数据能够打印生产单据,包括列表详情的所有数据。3、通常我们可以通过接口拿到一定格式的JSON数据。打印组件,总的思想就是把JSON数据通过Vue渲染成HTML,然后把指定id的标签打印出来。封装组件时遇到的问题:1、elementUI表格如果直接使用,浏览器打印时有的CSS会渲染不出来,自己重新写了表格的CSS和HTML。
2023-02-03 22:02:04
2568
原创 ant.design(简称antd)中Form表单组件提交表单、表单数据效验、表单自定义效验、表单布局集合
1、以下是一个组件,首先引入ant相关依赖,在引入react相关依赖,主要使用了Form的2个内置函数和Form.useWatch进行监听指定字段,然后使用 form.setFieldsValue进行字段值更新。4、onFinishFailed函数是在按钮设置了htmlType="submit"属性,在点击效验规则有部分未通过效验时触发的函数。3、onFinish函数是在按钮设置了htmlType="submit"属性,在点击效验规则全部通过时触发的函数。下图是UI目标样式图。...
2022-09-01 11:00:33
7777
1
原创 ant.design(简称antd)中时间DatePicker中RangePicker的日期选择限定为只能选择某一天的0点之前的日期
开始时间和结束时间只能选在一天之内,不能跨天选择。比如开始时间选择为2022年7月20日12点11分06秒,结束时间范围只能选择2022年7月20日12点11分06秒到2022年7月20日23点59分59秒。使用的前端技术为React的函数组件,disabledDate是自带控制时间日期的api,disabledTime是控制时分秒的api。之后,在开始的时分秒基础上往后推即可,日期(年月日)就是选择开始和结束的日期(年月日)相同即可,主要是。解答思路,开始选择的。范围不做限制,当拿到开始的。.......
2022-07-20 22:20:51
4610
原创 葵花宝典之JavaScript基础(总计18章)第5章
目录第5章 数据类型转换 5.1 强制类型转换 5.1.1 其它类型转数字 5.1.3 其它类型转布尔值5.2 手动类型转换5.3 隐式类型转换5.3.1 同种数据类型之间的运算、比较和判等5.3.2 不同数据类型之间的运算、比较和判等 5.4 类型转换总结 5.1.2 其它类型转字符串 ...
2022-06-24 09:44:22
94
原创 葵花宝典之JavaScript基础(总计18章)第1到第4章
目录第1章 JavaScript简介 1.1 什么是JavaScript 1.1.1 概念 1.1.2 Java和JavaScript的区别(了解)1.2 为什么要有JavaScript(作用)1.3 JavaScript的组成部分1.4 JavaScript的第一个程序1.5 JavaScript程序执行特点1.6 JavaScript书写位置第2章 变量2.1 什么是变量2.2 为什么要有变量2.3 变量的定义2.4 变量的命名规范...
2022-06-23 10:57:40
183
原创 HTML和CSS练习布局(设计图、静态文件、源码全套)
适合HTML和CSS初学者,练习HTML和CSS。初学HTML和CSS找不到合适的设计稿?没有静态图片?没有成功的源码参考?往下看,你都可以轻松的找到他。 2、less文件
2022-06-08 09:55:42
769
1
原创 VSCode配置C/C++编译
下载地址:https://sourceforge.net/projects/mingw-w64/files/1-1安装包解压到C盘下1-2点开mingw64进入bin复制路径配置环境变量 (C:\mingw64\bin) 将(C:\mingw64\bin)配置到环境变量中 按图示安装C/C++插件,并切换到指定的版本,并重启VSCode。 在指定文件位置新建文件夹,一定要创建文件夹且文件夹名称为英文,通过VSCode打开这个创建的文件夹。 通过vscode打开文件夹,
2022-06-03 22:20:30
1428
原创 Vue中实践使用PDFJS实现预览打印PDF文件
1、将PDFjs的依赖文件存放在public文件夹下的static文件夹下静态文件地址链接: https://pan.baidu.com/s/1UUHarsiNwhiL9v_LfS8x4Q 提取码: ohm12、书写组件<template> <iframe :src="pdfUrl" width="100%" :height="clHeight"></iframe></template><script>imp
2021-12-21 16:23:48
973
原创 C语言中的转义字符
\? 在书写连续多个问号时使用,防止他们被解析成三字母词 \' 用于表示字符常量‘ \" 用于表示一个字符串内部的双引号 \\ 用于表示一个反斜杠,防止它被解释为一个转义序列符 \a 警告字符,蜂鸣 \b 退格符 \f 进纸符 \n 换行 \r 回车 ...
2021-10-26 09:36:51
260
原创 史上最短的JavaScript数组排序方法
主要是用了sort方法var arr = [1,2,4,6,7,-1,-2]var result = arr.sort((a,b)=>a-b)console.log(result)//[-2, -1, 1, 2, 4, 6, 7]var arr = [1,2,4,6,7,-1,-2]var result = arr.sort((a,b)=>b-a)console.log(result)//[7, 6, 4, 2, 1, -1, -2]...
2021-09-12 20:09:11
105
原创 两数之和(JavaScript三种算法)
给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出和为目标值 target 的那 两个整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例一输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。第一种解法:...
2021-09-11 00:33:51
2737
原创 HBuilderX中设置tab键自动补全代码
习惯使用了tab补全,在HBuilderX设置步骤如下: 打开HBuilderX工具---设置---编辑器配置---Tab键自动插入代码助手勾选为选中状态
2021-07-27 17:58:22
14444
5
原创 FileZilla使用安装教程
第一步下载安装: 去官网下载https://filezilla-project.org/download.php?type=client下载下载安装好之后,进行配置。第二步配置先输入用户IP,用户名,密码,点击快速连接即可...
2021-07-24 22:36:58
525
原创 Linux中安装nodejs并配置环境变量全局安装cnpm
Linux环境变量搭建(CentOS)第一步下载: 下载地址 http://nodejs.cn/download/ ,注意选择稳定版v14.17.3下的Linux二进制文件(x64)。 将下载好的文件,通过FileZilla(此软件操作请看另一篇文章)上传到服务器,路径为:cd /usr/local注意:路径会影响环境变量的配置,请不要随意更换路径第二步安装: 在路径为:/usr/local下执行解压操作...
2021-07-24 22:21:15
2676
4
原创 Vue中及单页面应用前端预渲染优化(SEO)
第一步安装包:npm install prerender-spa-plugin -D第二步配置文件:在bulid文件index.js中,或者webpack的配置文件中进行配置const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin.PuppeteerRenderer new PrerenderSPAPlugin({ /...
2021-07-21 21:03:05
289
2
原创 nginx使用教程
第一步下载:去官网下载:http://nginx.org/en/download.html稳定版第二步: 解压下载好的文件,将解压好的文件放入没有中文文件名的文件内,我一般会放在桌面,起一个英文名称(code),在打包好的dist文件放在桌面,或者放在(code)文件内第三步配置文件:worker_processes 1;events { worker_connections 1024;}http { inclu...
2021-07-20 21:16:55
113
2
原创 JavaScript中对象创建的三种方法
工厂模式:自定义函数实现对象的创建 通过构造函数实现对象的创建 字面量的方式创建对象 // 1.通过字面量创建对象 var obj ={} // 2.通过工厂模式创建对象 function createObject(name,age){ var obj = new Object() obj.name = name obj.age = age return obj } var obj1 =crea..
2021-07-16 15:20:01
83
原创 在Vue中使用表达验证插件vee-validate
第一步安装包: 在cmd命令行中执行以下代码//选择安装包的版本 cnpm install vee-validate@"<3.0.0" --save第二步创建执行模块: 在plugins中新建文件validate.js文件引入以下代码/ 引入Vueimport Vue from 'vue';// 引入VeeValidate插件import VeeValidate from 'vee-validate';import zh_CN ...
2021-07-01 19:38:58
319
原创 在Vue中使用swiper轮播图插件
第一步安装包:在当前项目目录下执行cmd命令行并执行以下代码//安装指定版本cnpm install vue-awesome-swiper@4.1.1 swiper@5.4.5 --save第二步创建模块:在plugins文件夹中新建文件swiper.js文件引入以下代码import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'//...
2021-07-01 17:33:39
266
原创 MVVM分析之模板解析表达式篇(插值语法)
模板解析之前,先进行了数据代理(数据代理在另一篇文章中已介绍,如想了解数据代理,请查看MVVM分析之数据代理)。
2021-06-20 21:01:02
295
Python动物农场爬取数据小练习题
2022-06-29
到底是术业有专攻,纵向做职业规划?还是横向多了解一点?
2022-06-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人