- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vue+element UI 可编辑表格
实现可编辑表格的主要思想：使用table创立一个表格，正常展示数据，需要操作某一行数据时，根据行数据的ID作为标志，将该行HTML换成编辑框或者其他form组件。
2023-05-19 15:12:10
2909
原创 Vue+element ui 可编辑树结构
实现树结构可以编辑主要思想就是 - 树结构开启可自定义模式，操作某一层级的时候显示不同的内容（其实也就是不同的操作按钮和输入框），在我们操作结束时，将更改数据存入后端，完成增删改功能，树结构刷新
2023-05-19 13:50:00
3149
5
原创 JavaScript 实现html导出为PDF文件
相信各位前端工程狮们在一些报表项目，管理系统项目中都会遇到在这样的需求：申请报、表格、简历等等图文信息有导出为PDF文件。下面是记录我在项目中完成该需求的代码dome，发布出来也是希望对大家有些帮助。1，整体思路将HTML元素打印或导出为PDF文件，无非就是提取元素页面内容，然后转化为图片，将图片保存为PDF文件。2，准备工作将HTML元素转化为图片：html2canvas.js 插件；<script src="https://cdn.bootcss.com/h...
2021-12-02 15:39:24
9820
8
原创 2021面试题栏 -- vue部分
1，vue的生命周期？ 答案：vue有8个生命周期钩子函数，表示一个vue实例从创建到摧毁的过程。分别是beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。2，常用的指令有哪些？ 答案：v-model：实现双向数据绑定； v-once：页面进入时，只渲染一次； ...
2021-11-17 14:55:09
1690
原创 2021年面试题栏 -- CSS部分
1，css和js两种方式实现div右移1000px动画? 答案：css方法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic...
2021-11-04 11:29:00
858
原创 ES6学习（10）-- Promise对象
ES6 提供的解决异步编程问题的Promise方法在我们工作中可谓是重点了。无论在什么样的公司面试，Promise都是重点考察对象。那么，为什么Promise会这么受重视？今天我们一起来看一下Promise的用法和存在的意义。 在学习Promise之前，我们在阮一峰的ES6入门中可以看到介绍Promise对象的第一句话：Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。
2021-09-26 17:37:34
366
原创 ES6学习（9）-- 各数据类型扩展的汇总(2)
本篇文章我们续接ES6学习（8）-- 各类数据类型扩展的汇总（1）学习剩下的部分：函数的扩展，对象的扩展，运算符的扩展；同样的，在这里我们还是摘取出来大家常见，常用，或者有机会用到的知识点。
2021-09-14 17:10:56
89
原创 ES6学习（8）-- 各数据类型扩展的汇总(1)
字符串扩展，数值扩展，正则扩展。本篇文章中的都是我从原文中摘取出来的常见，常用，或者说有机会用到的 “ 芝士点 ”。大家可以浏览的看一遍，也不用死记硬背，知道在那里就好了，以后有用到了，再回来瞅瞅。
2021-09-02 15:08:17
130
原创 ES6学习（7）-- Set和Map数据结构
今天我们一起学习的是Set数据结构、Map数据结构。首先我要说一下，它们可不是对象的set()方法和数组的map()方法，人家是ES6提供的新的数据结构。一个是属性方法，一个是数据结构（也是一个构造函数）。 1，Set数据结构定义：ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。基本用法：Set函数可以接受一个数组（或者具有 iterable ...
2021-09-01 14:19:38
136
原创 ES6学习（6）-- 箭头函数
提起来ES6的箭头函数，相信大家都不默认，无论是工作还是学习还是面试中，箭头函数都是重点使用和考察对象。这次我们一起回顾一下箭头函数，重新学习一下ES6提供的这项瑰宝的内容。 1，回顾一下函数什么是函数？JavaScript函数 也就是我们平时所说的 函数 。根据官方定义：JavaScript 使用关键字function定义函数。JavaScript 函数是被设计为执行特定任务的代码块。JavaScript 函数会在某代码调用它时被执行。从定义中我们不难摘出：...
2021-08-31 15:24:23
153
原创 ES6学习（5）-- 字符串模板
前端层面的逻辑，我觉得绝大部分都是可以看做 “ 数据的处理和展示 ” 。在处理层面：无论是后台请求的JSON数据还是页面层次的字符串，数组，对象，都是我们要攻克的。在学习ES6之前，我们处理字符串时，相信大家都和我一样，单纯的字符串拼接。嗯，没错，就是 “ 字符串 ”+ 变量 + “ 字符串”......这样进行的。这时候我们就遇到比较麻烦的问题，比如：注意单引号和双引号的使用；字符串比较长的时候，不单拼接的时候乱七八糟容易出错，而且在后续检查的时候，作实让人头疼。 ES6...
2021-08-30 14:33:31
118
原创 ES6学习（4） -- 变量的解构赋值
es6真的是非常重要，贯穿了前端的各个地方。变量的解构赋值也是我们在工作中非常常见的一项手段。虽然不是非必要，但是它会给我们带来极大地便洁。 1，概念ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。...
2021-08-30 10:26:41
96
原创 ES6学习（3）-- Module语法：export和import
相信大家看到export和import肯定不会陌生。尤其是掌握了vue和react的小伙伴们，在日常的工作和学习中，无时无刻不能看到它们的身影。反正我在学习vue的时候，就知道组件用export暴露出来，用import引入组件或者插件。这里，我们一起看一下ES6中的定义。 1，模块的概念ES6定义：ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 模块不是对象，而是通过export命...
2021-08-26 17:28:10
359
原创 ES6学习（2）--class的基本语法和继承
本次我们一起回顾一下 ES6的class类的知识点。在 “ ES6学习（1）” 的博客中，我们一起简单的回顾了一下 “ 类 ” 的概念。本篇博客，我们继续往下走，是男人就一直下到100层。
2021-08-26 11:26:04
108
原创 ES6学习（1）-- 新增声明变量方法
我们都知道，声明变量在ES5之前有两种：第一种是声明变量和常量的 “ var ”。第二种是声明函数的 “ function ”。在ES6中，声明变量的方法一下子扩充了到了 6 种，总结如下： 声明变量或常量：var 、let（ES6新增） 、const （ES6新增）; 声明函数变量：function ； 声明类：class（ES6新增）； 声明 ‘ 静态加载 ’ 输入变量：import （ES6新增）；在我们学习这几个新增的方法之...
2021-08-10 10:00:08
776
原创 Vue+ant-design-vue 表格实现可拖动的伸缩列
应客户要求，表格要实现列宽可以自主调节，用户可以根据自己的喜好，拖动列边框，左右拖动实现列宽的扩大和缩小；ant-design-vue官方文档中，table组件中提供了此功能的示例代码。于是我满怀开心的复制到了我的项目中，结果处处报错，红彤彤的一大片。在修改无果后，我去请教了 无所不会的网友 最后整理了一套可用的。 这篇笔记以 步骤 的形式一步一步的记录如何实现这个功能。有需要的小伙伴可以按照步骤走一遍。 步骤一：安装集成的 vue-draggable-r...
2021-07-27 14:41:25
7579
17
原创 Vue+element ui -- 自定义表单验证：金额
在实际项目中，表单验证可以说非常普遍，尤其是财务系统项目和商城项目，涉及到金额的输入框更是很多。那么验证用户输入信息的争取与否，就变得至关重要，不单要做到准确还要照顾用户的输入习惯以及舒适度； 这边笔记记录了原来我在项目中进行 “ 金额 ” 方面的自定义校验的方法，这项目是使用的vue开发，采用element ui 的前端UI框架； 直接上代码：<template> <div class="addLicense"> ...
2021-07-27 10:41:13
2689
原创 Vue笔记--可视化大屏列表的两种形式（循环滚动、加载更多）
后台的管理系统，离不开首页的 ‘ 可视化监控大屏 ’ 。我上一个项目中，甲方爸爸要求监控大屏的列表展示真的是变了又变。所以，我提供了两种方案供他们选择。‘ 循环滚动列表 ’ 和 ‘ 手动加载更多列表 ’； 一，手动加载更多列表1，效果图：2，逻辑首次进入页面，列表展示数据的前20条，（根据自己项目的需要而定啊）支持鼠标滚轮滚动控制列表上下滚动。如果服务得来的数据有20条（或者请求参数中的pageSize），则显示 “ 加载更多>>>”，用户...
2021-07-26 11:40:16
7531
2
原创 JavaScript 判断一个数据的数据类型
数据类型，我在上一篇（引用数据类型的浅拷贝和深拷贝）中已经简单了记录说明，这里，我就不过多的赘述，不然，我们领导又该说我：你的代码冗余度需要调整啊。这篇笔记，我会记录一些判断数据类型的方法，并且标注出来最推荐的，希望对大家有些许的帮助。 1，typeof方法先上代码，这里列举了一些常见的数据类型，让我们看看typeof的判断结果都是什么： //基本数据类型 var str = '这是字符串' var num = 2021 var bo...
2021-07-22 14:44:11
136
3
原创 JavaScript 引用数据类型的浅拷贝和深拷贝
作为一名前端工作者，传递数据是我们最常见不过的操作。所以，这篇我整理了原来的学习笔记，在此做一个 ‘ 深拷贝和浅拷贝 ’ 的总结；在上方法之前，我们需要知道几个概念： 1，数据类型是什么玩意儿？数据类型，说白了就是对数据按照某种规则（呵，我不知道）打上不同的分类标签。这样做的目的首先是方便 ‘ 程序工程狮’ 方便逻辑进展和纠错；其次是在计算机分配内存的时候，按照不同的类型分配空间，避免了内存的浪费；基本数据类型：也称为 ‘ 简单数据类型 ’ ，JavaScript的...
2021-07-21 16:03:15
277
5
原创 JavaScript 浮点型数字和字符串首尾去零处理
前端的管理系统中，我们经常会遇到处理浮点型数或者数字类型的string的情况。于是，我写了一个简单的处理首尾多余零的原生方法。 变量示例： var number1 = '12.00'; var number2 = '12.500'; var number3 = '12.005060 '; var number4 = ' 0123'; var number5 = '00123'; var number6 = '0004560...
2021-07-19 09:52:07
941
1
原创 浅谈定时器及定时器在Vue项目中的使用
对于一位前端工程师来说，说到定时器，想必都不陌生。无论是刚开始码农生活的新人还是多年工作经验的大牛，setTimeout() 、setInterval() 在项目中不可避免的都会使用。 作为一个前端小菜鸟，在项目中...
2021-07-15 17:02:56
3542
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人