- 博客(38)
- 收藏
- 关注
RSS订阅原创 图片上传删除图片后再次上传同一个图片不成功
问题描述：上传图片后，删除该图片，再次上传该图片，无法进行上传<input #fileupload multiple type="file" (change)="uploadChange($event)">原因分析：虽然删除了该图片，但input绑定的value的值并没删除，指向的依旧是该图片解决方案：上传成功后清除组件的值this.fileupload.nativeElement.value = null;...
2021-09-15 11:18:52
744
1
原创 angular——导出pdf之滚动后导出不完全
项目场景：将当前html页面导出成pdf问题描述：当滚动条置顶时，导出的pdf没任何问题，但当滚动条出现偏移后，导出的pdf要么内容缺失，要么纯空白页原因分析：导出pdf的思路：步骤一，先将页面进行分割步骤二，然后通过html2canvas将分割后的页面分别绘制成图片步骤三，最后通过jsPdf生成pdf根据导出思路可判断是在步骤二中出现了差错，查阅html2canvas的api发现配置参数有scrollY和scrollX，滚动导致页面出现了偏移，在没设置scrollY时，scrol
2021-07-21 10:32:02
532
原创 angular——打印之坑（nz-modal里打印，出现打印不完全的问题）
项目场景：对话框中点击打印，打印数据不全以下是相同数据，产生的打印情景异常页面：正常页面：问题描述：打印数据量超过一页，点击打印后数据仅有一页，且页面最后混乱，其余数据已获取但不显示原因分析：在显示对话框时，html会增加个classcdk-global-scrollblock ，打印替换时，该class还会存在，导致页面不能被全打印出来，其中主要是position: fixed; 影响了整个页面布局.cdk-global-scrollblock { position:
2021-07-21 10:11:22
692
原创 ng-select多选时输入中文时光标靠左
项目场景：组件：下拉框可多选、搜索、清空版本：“ng-zorro-antd”: “~9.3.0”问题描述：仅当nzMode 为 multiple 或 tags 时，才存在以下问题1、当鼠标聚焦到下拉框时，无光标显示2、在输入中文进行下拉搜索时，光标是处于文字左边而不是右边，英文及数字均无此状况 <nz-select formControlName="data" nzMode="multiple" (ngModelChange)="onSearch()" nzAllowClear n
2021-07-09 11:31:33
444
原创 多次请求同一接口渲染的不是最新的数据
项目场景（angular）：根据用户输入的内容对表格数据进行搜索显示问题描述：用户输入姓名对人员信息名单进行搜索，每输入一个字符，均会向后端进行请求，从数据库中获取符合条件的数据，当用户通过页面操作频繁请求该接口，而接口的不同参数响应时间差异较大时，易产生数据渲染混乱的问题。说明：有一个姓名搜索框，用户可输入进行人员列表搜索，当用户快速的输入张三，前端会先调一个参数是“张”的列表接口，然后再掉一次参数是“张三”的相同列表接口，第一次调用响应时间是3秒，第二次调用响应时间是1秒，因此会先返回第二次调
2021-07-06 15:55:24
1128
原创 echarts柱状图沿x轴滚动
echarts柱状图沿x轴滚动主问题解决方法案例延伸问题解决办法主问题当数据过多时，导致柱状图的x轴数据挤在一起，柱图上的标签也会重叠导致看不清内容。为解决此问题，需让柱状图能沿x轴滚动解决方法dataZoom: [ { type: 'inside', // 内置在坐标系中 start:0, // 数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%。 end:20, // 数据窗口范围的结束百分比。范围是：0 ~ 1
2021-06-28 15:10:46
7506
原创 angular+ng-zorro表格拖拽
angular集成了cdk drag-drop 来实现拖拽功能app.modules.ts导入import { DragDropModule } from '@angular/cdk/drag-drop';imports: [ DragDropModule]一、表格内拖拽排序<nz-table [nzData]="sourceData" [nzFrontPagination]...
2020-01-23 11:58:40
3311
2
原创 angular ng-zorro中nz-table-table表格添加滚动条，表格错位
问题：表格固定表头，增加滚动条，导致表格内列头和内容错位解决办法指定th的nzWidth属性<nz-table [nzData]="targetData" [nzFrontPagination]="false" [nzShowPagination]="false" ...
2020-01-23 10:57:55
4643
2
原创 ng-zorro在前端分页的同时，表格添加、删除、编辑行
ng-zorro在前端分页的同时，表格添加、删除、编辑行添加行删除行注意点nzData 中的数据进行增删formGroupNameelement在前端分页的同时，表格添加、删除、编辑行与element相比，ng-zorro的表格组件的前端分页是封装好的，可直接使用，nz-table中的[nzFrontPagination]属性用于判断是否前端分页，默认值为true；添加行add() { ...
2019-12-11 12:07:02
1422
原创 element在前端分页的同时，表格添加、删除、编辑行
element在前端分页的同时，表格添加、删除、编辑行添加行删除行编辑行具体代码如下：表格非编辑状态时仅可删除编辑表格时可编辑表格数据和添加、删除行首先要处理当前页数据，每进行一次添加删除操作，都需进行当前页的判断与处理，通过fliter过滤符合条件的数据handleCurrentChange (val) { console.log(`当前页: ${val}`); ...
2019-12-11 11:39:21
1081
3
原创 element输入框与显示数据价格格式化
element输入框与显示数据价格格式化输入框输入时格式化输入框无法输入显示价格格式化法一：vue格式化包vue-text-format法二：管道过滤输入框输入时格式化<div> 价格： <el-input placeholder="请输入价格" v-model.trim="input1" oninput="value=va...
2019-12-11 11:06:57
6499
1
原创 for...in、for...of和forEach的区别
for...in、for...of和forEach的区别一、遍历对象二、遍历数组三、遍历的数组或对象包含原型属性或者自定义属性四、遍历时能否中断循环五、for...of特有六、其他遍历方式对象遍历数组遍历for…in遍历键名，for…of遍历键值，forEach遍历键名与值一、遍历对象var testArr={ code:'ac32', name:'joe', age:...
2019-11-25 17:22:25
592
原创 var、let、const的区别
var、let、const的区别：1、var声明的变量会挂载在window上，而let和const声明的变量不会var a = 1;console.log(a,window.a);let b = 10;console.log(b,window.b);const c = 100;console.log(c,window.c);结果：1 110 undefined100 u...
2019-11-25 14:00:14
191
原创 element switch开关在表格中阻止冒泡
element switch开关在表格中阻止冒泡问题解决办法问题表格有行单击事件，每行表格都有开关组件，点击开关组件的事件相应的是行单击的事件解决办法在el-switch 组件上加上@click.stop.native例子：<el-table :data="tableData" @cell-click="onCellClick"> <el-table-column ...
2019-11-11 09:30:36
1992
原创 typescript——变量
typescript——变量1、字符串类型let email:string=""2、模板字符串let msg:string=`my email is ${email}`3、布尔let isshow:boolean=false4、数字let age:number=205、数组let list:number[]=[1,2,3,4]6、元组let arr:[string...
2019-08-02 16:33:19
132
原创 字符串转换整数
题目：请你来实现一个 atoi 函数，使其能将字符串转换成整数。首先，该函数会根据需要丢弃无用的开头空格字符，直到寻找到第一个非空格的字符为止。当我们寻找到的第一个非空字符为正或者负号时，则将该符号与之后面尽可能多的连续数字组合起来，作为该整数的正负号；假如第一个非空字符是数字，则直接将其与之后连续的数字字符组合起来，形成整数。该字符串除了有效的整数部分之后也可能会存在多余的字符，这些字符...
2019-07-09 20:27:41
93
原创 整数反转
给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。示例 1:输入: 123输出: 321示例 2:输入: -123输出: -321示例 3:输入: 120输出: 21注意:假设我们的环境只能存储得下 32 位的有符号整数，则其数值范围为 [−231, 231 − 1]。请根据这个假设，如果反转后整数溢出那么就返回 0。思路：先将整数通过取模，...
2019-07-09 16:52:44
85
转载 链表表示两数相加
给出两个 非空 的链表用来表示两个非负的整数。其中，它们各自的位数是按照 逆序 的方式存储的，并且它们的每个节点只能存储 一位 数字。如果，我们将这两个数相加起来，则会返回一个新的链表来表示它们的和。示例：输入：(2 -> 4 -> 3) + (5 -> 6 -> 4)输出：7 -> 0 -> 8原因：342 + 465 = 807代码：# Def...
2019-07-09 14:18:04
157
转载 通信协议——HTTP协议
通信协议——HTTP协议1、HTTP概述2、请求协议2.1 客户端（浏览器）向服务端（server）发送协议（server查看）2.2 GET请求2.3 POST请求3、响应协议3.1 响应内容3.2 状态码3.3 其他响应头3.4 HTML中指定响应头1、HTTP概述HTTP（hypertext transport protocol），即超文本传输协议。这个协议详细规定了浏览器和万维网服务器...
2019-07-09 09:27:07
189
转载 python——协程
协程1、通过yield实现协程2、greenlet3、gevent4.协程gevent完成回显服务器线程和进程的操作是由程序触发系统接口，最后的执行者是系统；协程的操作则是程序员。协程存在的意义：对于多线程应用，CPU通过切片的方式来切换线程间的执行，线程切换时需要耗时（保存状态，下次继续）。协程，则只使用一个线程，在一个线程中规定某个代码块执行顺序。协程的适用场景：当程序中存在大量不需要C...
2019-07-08 21:05:51
291
转载 python——进程、线程对比
进程、线程对比1. 功能对比2. 定义对比3. 关系对比4. 区别5、优缺点6、总结1. 功能对比进程，能够完成多任务，比如 在一台电脑上能够同时运行多个QQ线程，能够完成多任务，比如 一个QQ中的多个聊天窗口2. 定义对比进程是系统进行资源分配基本单位，每启动一个进程操作系统都需要为其分配运行资源。线程是运行程序中的一个执行分支，是CPU调度基本单位。总结:进程是操作系统资源...
2019-07-08 15:58:41
87
转载 python——进程
python——进程1、进程概念与特征1.1进程的概念1.2进程的特征2、多进程完成多任务2.1 导入进程模块2.2 Process进程类的语法结构如下：2.3 获取进程pid2.4. 给子进程指定的函数传递参数2.4.1进程之间不共享全局变量2.4.2主进程会等待所有的子进程执行完成程序再退出3、进程池3.1进程池的概念3.2. 进程池同步执行任务3.3. 进程池异步执行任务1、进程概念与特征...
2019-07-08 15:52:25
110
转载 python多线程模块——threading
多线程模块——threading1、简介2、Thread类3、Lock、Rlock类4、Condition类5、Event类6、timer类7、local类1、简介Python通过两个标准库thread和threading提供对线程的支持。thread提供了低级别的、原始的线程以及一个简单的锁。threading用于提供线程相关的操作，线程是应用程序中工作的最小单元。thread 有一些缺点，...
2019-07-07 22:08:07
217
转载 python多线程模块——thread
python多线程模块——thread1、线程1.1线程状态1.2.线程同步（锁）1.3. 线程通信（条件变量）1.4.线程运行和阻塞的状态转换2、thread1、线程1.1线程状态线程有5种状态：新建、就绪、运行、阻塞以及死亡，状态转换的过程如下图所示：1.2.线程同步（锁）多线程的优势在于可以同时运行多个任务（至少感觉起来是这样）。但是当线程需要共享数据时，可能存在数据不同步的问题...
2019-07-07 21:49:08
200
原创 python3与python2的区别
python3与python2的区别1、range与xrange2、print 从语句变为函数3、从键盘录入一个字符串1、range与xrangepython3的range替代了python2中的xrange，因此python3中没有xrange适用于 for 循环的变量控制：python2：xrange( 0, 4 )python3：range( 0, 4 )直接结果：python...
2019-07-06 21:20:07
93
原创 找到最长子字符串的长度，并且所有字符不重复
题目：给定一个字符串，找到最长子字符串的长度，要求子字符串中所有字符不重复。Example:Input: “abcabcbb”Output: 3Explanation: 满足条件的最长子字符串为 “abc”, 长度为3.思路：令max=0，从头遍历字符串，边遍历边计数count，当遍历到与前面存在相同字符处时，比较max与count，若count大于max，则令max等于count...
2019-07-05 09:40:39
731
原创 将两个有序列表组合成新的有序列表，并去除重复元素
题目：有两个有序列表A和B，合并A和B成为一个新的有序列表C，并去除其中的重复元素。法一：思路：set集合是不存在重复元素的，list列表内的元素是有序的，因此可将两者进行嵌套。先将列表合并，再利用set去重，最后按原序列排序。代码：def newList(A,B): C=A+B #将两个列表合并（没去重） ...
2019-07-05 09:09:18
2789
转载 Django（五）：Django Admin 管理工具
五、Django Admin 管理工具1. 激活管理工具2. 使用管理工具3. 创建超级用户4. 登录5.注册数据模型到6. 复杂模型7. 自定义表单Django 提供了基于 web 的管理工具。Django 自动管理工具是 django.contrib 的一部分。可以在项目的 settings.py 中的 INSTALLED_APPS 看到它：django.contrib 是一套庞大的...
2019-07-01 15:56:40
203
原创 Django提交post表单出现403错误提示
Django提交post表单出现403错误提示向django的服务器提交post请求的代码如下：# -*- coding: utf-8 -*-from django.shortcuts import renderfrom django.views.decorators import csrffrom django.shortcuts import render_to_response...
2019-06-30 19:25:02
350
转载 Django（四）：Django 表单
四、Django 表单1. HTTP 请求2. Request 对象3. QueryDict 对象HTML表单是网站交互性的经典方式。 本章将介绍如何用 Django 对用户提交的表单数据进行处理。1. HTTP 请求HTTP 协议以"请求－回复"的方式工作。客户发送请求时，可以在请求中附加数据。服务器通过解析请求，就可以获得客户传来的数据，并根据 URL 来提供特定的服务。1）GET 方...
2019-06-30 19:14:24
110
转载 Django（三）：Django 模型
三、Django 模型Django 对各种数据库提供了很好的支持，包括：PostgreSQL、MySQL、SQLite、Oracle。Django 为这些数据库提供了统一的调用API，根据业务需求选择不同的数据库。MySQL 是 Web 应用中最常用的数据库，本节以 Mysql 作为实例进行介绍。1. 安装 mysql 驱动执行以下命令安装：pip3 install mysqlcli...
2019-06-26 16:17:41
169
转载 Django（二）：Django 模板
二、Django 模板使用 django.http.HttpResponse() 来输出 “Hello World！”，该方式将数据与视图混合在一起，不符合 Django 的 MVC 思想。本节详细介绍 Django 模板的应用，模板是一个文本，用于分离文档的表现形式和内容。1. 模板应用实例1）创建 hello.html 文件在 HelloWorld 目录底下创建 templates ...
2019-06-24 08:28:32
126
转载 Django（一）：创建项目
一、创建一个项目(写helloWorld)1.新建Django项目pycharm可新建Django项目，前提需导入Django。可直接pip install django2. 项目目录结构a、外层shopping目录只是你项目的一个容器。对于Django来说该目录名并不重要;你可以重命名为你喜欢的。b、manage.py: 一个实用的命令行工具，可让你以各种方式与该Django项目进...
2019-06-24 08:25:36
224
转载 最大子序列和的四种算法
具体题目见上一篇穷举法算出每个子序列的和，即算出序列中第i个到第j个数的和(j>=i)，并进行比较。运行时间为O(N^3)maxSum = 0;nums=[]d=[]n=int(input('输入数组长度：'))for i in range(0,n): k=int(input('输入数据：')) nums.append(k)for i in range(0,...
2019-06-22 19:18:49
382
原创 求数组中和最大的子数组并输出该子数组序列
输入一个整形数组，数组里有正数也有负数。数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。输出和最大的子数组。要求时间复杂度为O(n)。例如输入的数组为A={0，-6，3，5，-1，2}，和最大的子数组为{3，5，-1，2}，因此输出为该子数组的和9。代码如下所示：nums=[]d=[]n=int(input('输入数组长度：'))for i in range(0,n):...
2019-06-22 17:37:59
1290
1
转载 python中元组与列表的区别
元组与列表的区别相同点不同点语法差异是否可变重用与拷贝大小差异同构与异构相同点1、都是Python中最常用的数据结构2、都是序列3、都可以存储任何数据类型4、可以通过索引访问不同点语法差异列表创建使用方括号[]，而元组创建使用括号()。>>>l=['a','b']>>>t=('a','b')>>>print(type(l)...
2019-06-22 13:29:01
422
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人