- 博客(42)
- 问答 (2)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 基于element UI input组件自行封装“数字区间”输入框组件
问题描述在开发时遇到一个数字区间输入框的需求,如下图:项目使用的是vue,组件库用的是element UI,但是element UI并没有提供数字区间组件,只提供了InputNumber 计数器输入框,如果用两个计数器输入框进行拼接也能满足需求,但是样式调试起来太过于复杂且不够灵活,不能令人满意,并且该数字区间输入框在其它界面也有这种需求,于是就在element input输入框的基础上自行封装了一个数字区间组件使用。实现效果实现效果如下:使用方式如下:<input-number-ra
2022-05-21 17:46:20
10481
20
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 angular中的表单
使用angular挺长一段时间了,在关于表单的应用方面一直都在使用ng-zorro封装好的表单,至于他的基本概念以及相应的拓展都没有去详细了解,今天趁着空闲研究了一下form表单究竟是个什么东西,以及如何构建一个符合我们需求的自定义校验。
2021-01-27 14:32:33
3122
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 使用python将windows下多种文件格式转换成PDF格式
前言最近在用python处理将各种格式的文件转换成pdf文件,然后合并,最后统一打印。过程中遇到了一些列问题,现将相关经验汇总如下,共有需要的朋友使用。image2pdf# import之前需要pip install 相关的包import img2pdffrom PIL import Imageimport pythoncomimg_path = 'G:\project_2020\text.jpg' # 需要转换的图片地址pdf_path = 'G:\project_2020\tex.pd
2020-08-04 15:25:50
1446
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 MySql Installer 8.0.18可视化安装教程
MySql Installer 8.0.18可视化安装教程一、MySql 8.0.18安装1.百度搜索windows for mysql2.选择MySQL :: Download MySQL Installer3.选择下载第二(mysql-installer-community-8.0.18.0.msi)4.不用注册,直接开始下载5.下载完成后鼠标右键安装6.点击运行7....
2019-12-22 17:47:10
6659
原创 关于npm install时sha512- ... but got sha512-... 问题记录
npm install 时 sha512-... integrity checksum failed when using sha512: ... but got sha512-...问题解决记录
2023-03-17 18:27:35
3501
1
原创 vue-loader TypeError: Cannot read properties of undefined (reading ‘styles‘)问题解决
这是由于webpack和vue-loader版本不兼容造成,可以尝试把vue-loader版本降到16以下,vue-loader
2023-01-30 14:09:18
5400
3
原创 JavaScript的闭包和应用场景
JavaScript的闭包是一个函数对象,它包含了函数体内定义的变量和函数。它们在其外层作用域不失效,即可以被返回并且执行。
2023-01-29 17:41:07
2630
原创 作用域和作用域链
作用域是指在JavaScript程序中变量和函数的可访问性和生存期的范围。它决定了变量和函数在何处可用,以及在何处不可用。作用域链是一种机制,按照从外向内的顺序,搜索作用域中变量的定义。
2023-01-29 16:56:39
87
原创 package.json属性解释
package.json 是一个文件,用于存储JavaScript项目的元数据,如项目名称,版本号,作者,依赖等
2023-01-29 15:47:33
2312
1
原创 JavaScript 执行上下文
执行上下文(Execution context)是 JavaScript 引擎在执行代码时的内部概念,用于描述当前代码的运行环境。执行上下文包含了当前代码的变量、函数和对象的作用域,以及 this 的值。每当 JavaScript 引擎开始执行一段代码时,就会创建一个新的执行上下文,并将其压入执行栈(Execution stack)中。
2023-01-29 15:30:14
729
1
原创 前端hydration是什么?有什么作用
前端hydration是一种将静态的React组件(由服务器端渲染)转换为动态组件(由浏览器端渲染)的过程,即将静态 HTML 和 CSS 转换为客户端可交互的 JavaScript 组件的过程。
2023-01-29 10:33:50
1698
原创 position的值,以及absolute和relative的区别
关于 relative 和 absolute 的区别,主要是它们的定位参照点不同。relative 元素的定位参照点是它在正常流中的位置,而 absolute 元素的定位参照点是最近的已定位父元素(如果没有已定位的父元素,则参照点是 initial containing block)。此外,absolute 元素会脱离正常文档流,而 relative 元素不会。
2022-12-30 17:25:00
1104
原创 图片链接或pdf链接通过浏览器打开时,有时可以直接预览,有时却是下载,为什么?
content-disposition 是 MIME 协议的扩展 ,其作用就是用来处理一些文件的显示问题, content-disposition的值为inline时,表示它可以显示在网页内,或作为网页,此时浏览器会自动进行预览, content-disposition的值为attachment时,表示它应该下载,大多数浏览器呈现“另存为”对话框
2022-11-17 13:49:43
10787
原创 基于VUE2 v-if、v-show指令源码分析及原生代码简单实现v-if、v-show指令
源码分析vue2中的v-if和v-show指令,并通过原生js代码简单实现v-if和v-show指令
2022-11-10 10:29:03
2283
1
原创 VUE框架响应系统简单实现
前端响应系统,简单的理解可以认为,浏览器根据特定变量显示的数据,在这个变量的值发生变化后,能够自动的刷新页面从而展现出变化后的新值。这也是响应前端框架实现双向绑定的前提。
2022-10-29 11:20:17
382
原创 JavaScript和node.js的关系
JavaScript是一种编程语言可以在浏览器和Node.js中运行,Node.js是一个运行平台只支持JavaScript编程语言运行
2022-10-13 19:35:37
455
原创 基于vue2&elementUI下table组件checkbox单选方案实现
基于vue2和element UI 实现table组件checkbox多选框的单选操作
2022-08-31 19:33:37
3469
5
原创 基于element UI 实现 table 列 拖拽
采用vue 2 框架,基于element ui 实现 table 列拖拽功能开发,并抽象为单独的组件,方便使用。
2022-07-09 15:10:30
3786
原创 ENOTEMPTY: directory not empty, rmdir ‘E:/xxxx/xxxxx/node_modul/.vite/deps
ENOTEMPTY: directory not empty, rmdir 'E:/xxxx/xxxxx/node_modul/.vite/deps 问题解决方式
2022-06-02 16:54:41
3706
3
原创 模拟input file 文件框“取消”按钮事件
在通过input file实现文件上传的功能时,通过为当前window添加focus事件的方式来模拟取消事件
2022-06-01 21:31:03
2510
4
原创 基于vue框架一个web网页的呈现历程
问题简述使用vue框架进行前端开发将近一年,在这一年的开发里,一直都在思考我小导师问我的一个问题即一个.vue文件从不能被浏览器识别,到最后被浏览器渲染成网页经历了什么?也正是这个问题引发了我无限的思考与学习。在经过一年的工作学习以及自己的思考和研究,算是初步有了一点小心得,遂进行了一定的整理,写了这样一篇文章和大家分享。学习点阅读完本文你将了解一下内容:什么是.vue文件为什么会有vue、react、angular这样的前端框架为什么需要webpack等这样的构建工具解释性
2022-05-28 20:33:27
2224
原创 什么是JSONP及其实现原理
一、为什么会有JSONP解决跨域问题;因为XMLHttpRequest有同源策略,而在实际开发中又常有跨域的需求,早期开发者为解决跨域问题,设计出了JSONP这个东西二、JSONP长什么样类似JSON,一种JSON的变体,样式就像是包在函数的参数里函数名({“data”:”数据”}),一般情况下这个函数都是个回调函数即callback({“data”:”数据”})三、JSONP的实现原理利用 <script>标签可以跨域get引入js脚本;通过<script><i
2022-05-20 15:36:12
2642
原创 在已有异步接口且每次只能处理一个文件的前提下,一种前端批量导入的处理方式
在实际开发中,经常会遇到一些文件上传处理,但往往还会伴随一些上传后的异步处理以及异步条件下批量处理。在解决这种矛盾事件时,会有点头痛。问题描述本人在开发时有一个需求,实现上传图片,提取图片信息,并自动推送图片信息到数据库,这本来并不复杂,但是加了前提条件,就有些头痛了。现在的情况是,提取图片并推送图片已有现成的接口(不可以更改接口,这是一个公用的接口,不会因为需求随便变动),但是该接口每次只能处理一张图片,且提取完成后接口会自动推送图片信息到数据库,前端只需在上传成功后刷新页面即可。但问题是,本来接口提
2022-05-16 17:27:27
389
原创 element UI 自定义日期范围校验规则
日期校验.jsimport moment from 'moment'export default function dateValidator(rule, value, callback) { const dateType = rule.dateType || 'days' const num = rule.num || 31 const dateString = rule.dateString || '天' const message = rule.message || `时间
2022-03-05 14:38:46
2240
原创 获取element table 展开行展开状态
element UI组件提供了table的展开和收起功能,并提供了expand-change事件用来监听table行的展开和收起。// 伪代码<template> <el-table @expand-change="handleExpandChange"></el-table></template><script>export default { methods: { handleExpandChange()
2022-03-05 12:45:37
5053
原创 element UI 组件中表单自定义校验规则如何传递参数?
问题描述:在使用日期组件DatePicker时,需要自定义一个日期校验规则,为了后续的重复使用,需要将改校验方法抽成一个公用的校验方法,在抽象时需要几个自定义的参数用于辅助处理,那么这些参数该如何传递到自定义的校验方法中呢?需求如下:// 伪代码function 自定义校验(test1, test2, callback) { if (value === 'test1') { callback() } else (value === 'test2') {
2022-03-05 12:44:02
5972
2
原创 angular随笔 之angular添加ng-zorro-antd组件时相关问题
最近新建angular项目在添加ng-zorro-antd组件时9.0.0版本以上,会出现无法添加ng-zorro-antd组件,一添加ng add ng-zorro-antd就会报如下错误:Error: [ng-zorro-antd@^0.0.0-NOT-USED] Can't find package ng-zorro-antd@^0.0后来改成npm install ng-zorro-antd --save也会报错:npm ERR! code ETARGET npm ERR! notarget
2020-08-04 18:41:10
5477
1
原创 angular 随笔 解决保存时单引号格式成双引号
有时候我们在使用一些像tslint的插件时,可能做出一些不起眼的操作,导致系统文件保存时会出现自动将单引号格式成双引号的情况,使得无法正常编译进而报错。解决方式直接在根目录创建.prettierrc.json文件并在里面编辑{ "singleQuote": true, "semi": true, "trailingComma": "es5" }注意一定是根目录即项目名下的目录...
2020-08-04 15:40:08
484
原创 django自定义方法图片文件
用django做后台开发的朋友应该都会遇到图片上传这个需求,我们为了规范化管理图片在服务器的存储位置,一般都会在setting.py文件中重新配置图片的存储路径,如下图:这是我们配置好后,图片的存储目录,如下图:一目了然,查起管理来都很方便图片在数据库中存储数据是该图片在服务器中的路径,如下图:然而与图片上传相比,图片的删除反而更加让人头疼。本人在开发时也是遇到了图片删除的需求,可是...
2020-03-14 13:44:53
327
原创 angular ng-zorro 之upload图片上传,编辑时无法显示缩略图
最近在用ng-zorro中的图片上传时,发现已有的图片,无法在表单中的upload下显示,如下图可以看到我的数据是获取到的,然而在点击编辑按钮时,却无法显示图片缩略图。这是我在ts里定义的fileList变量:这是点击编辑时对获取的当前数据的赋值处理,可以看到我相关的数据push到了fileList变量中。这是我html中使用upload的相关代码,基本是抄的ng-zorro中的内容,...
2020-03-12 18:42:59
1718
原创 django前后段分离之跨域问题解决
最近在学django前后端分离开发时遇到一点跨域问题,笔记如下:1,打开虚拟环境先打开命令cmd终端,然后命令打开自己的虚拟环境workon your_ENV。2,安装corspip install django-cors-headers如果习惯用pycharm开发的朋友,也可以直接在Terminal中安装cors,不用通过cmd打开虚拟环境。3,将corsheaders配置到...
2020-02-03 16:29:17
241
原创 angular入门基本操作(node.js安装、angular安装、镜像源安装、visual studio code安装、git常用命令)
angular入门基本操作一、下载并安装Node.js 安装步骤 下载链接 为什么安装Node.js Angular、Angular CLI 和 Angular 应用都依赖于 npm包(node.js package manage)中提供的特性和功能。要想 下载并安装 npm包,就必须拥有一个 npm 包管理器,而Node.js 已经默认安装了它。二、安装Angular CLI...
2019-07-28 14:55:47
725
原创 vue请求数据
vue请求数据(1)使用vue-resource请求数据,vue官方请求方法1、需要安装vue-resource模块, 注意加上 --savenpm install vue-resource --save / cnpm install vue-resource --save2、main.js引入 vue-resourceimport VueResource from 'vue-reso...
2019-07-21 14:50:23
305
原创 vue路由配置
vue路由配置路由链接1、安装npm install vue-router --save2、在main.js里引入并Vue.use(VueRouter)import VueRouter From 'vue-router'Vue.use(VueRouter)3、配置路由 ①创建组建引入组建import Home from './components/Home.vue' ...
2019-07-21 14:45:59
456
空空如也
一个.vue文件从无法识别到浏览器能识别经历了什么过程,越详细越好
2022-03-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人