自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 Vue进阶(幺贰叁):v-for实现一行展示n个元素

Vue进阶(幺贰叁):v-for实现一行展示n个元素 需求背景 在开发前端项目过程中,遇到结果列表操作栏位需要每2个按钮元素为一行展示需求。 需求分析 可通过将返回值封装为二维数组,或者根据数组下标进行换行操作。 解决方案 经过实践,发现将返回值数组封装为二维数组,然后前端通过el-row,el-...

2020-06-03 08:48:32 16 0

原创 Vue进阶(幺贰贰):ES6 判断是否为空对象

1、使用ES6的Object.keys()方法 Object.keys()是ES6的新方法, 返回值也是对象中属性名组成的数组,包括对象自身的(不含继承的)所有可枚举属性(不含 Symbol 属性)的键名。 Object.keys(obj).length === 0 && obj....

2020-06-01 14:54:55 44 0

原创 Vue进阶(幺贰幺):表单校验注意事项

表单检验 清除表单校验 // 清除表单校验的提示 if (this.$refs['XXX']) {  // 延时执行 this.$nextTick(function () { this.$refs['XXX'].clearValidate();...

2020-05-29 18:41:15 77 0

转载 Vue进阶(幺贰零):父组件获取子组件验证结果

在开发Vue项目过程中,代码复用之自定义组件是常做事情。当子组件为form表单的时候,父组件需要获取子组件(表单)的验证结果。 尽管有 prop 和事件,但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。ref 被用来给元素或子组件注册引...

2020-05-29 16:35:57 68 0

原创 Vue进阶(幺幺玖):element-ui配置化table组件的适应性问题(横向滚动条)

在开发前端项目过程中,解决适配性、兼容性问题是经常遇到且费事费力的苦差事,尤其是在开发Vue项目,应用部署在IE(尤其是IE9)上的时候。 在进行动态展示(根据后台返回的表头、表数据展示)搜索结果时,会遇到搜索结果适配屏幕宽度或高度,但是却会出现纵向或横向滚动条的现象,通过F12调试页面元素,会发...

2020-05-29 10:42:36 83 0

转载 Vue进阶(幺幺捌):css3 - 选择器first-child、last-child、nth-child、nth-last-child、nth-of-type

1.first-child(IE7兼容)、last-child(IE8不兼容) html: <body> <h2>列表</h2> <ul> <li>列表项目1</li> <li>列表项目2&...

2020-05-25 16:00:23 81 0

原创 Vue进阶(幺幺柒):Vue 错误:Avoid mutating a prop directly

错误信息: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. 错误原因: 因为我们直接修改父组件传递过来的参数,这样会存在影响外部...

2020-05-25 08:54:05 65 0

原创 Vue进阶(幺幺陆):vue提示data.indexOf is not a funtion

在进行Vue项目开发的时候,遇到控制台错误提示“TypeError: data.indexOf is not a function"的错误。 原因:表格显示需要数组包含对象的形式,每个对象是一行数据,拿到的数据格式不对。 解决措施:确保拿到的表格数据显示类型为数组。 ...

2020-05-20 09:38:32 199 0

原创 Vue进阶(幺幺伍):js 将字符串转换为布尔值boolean

Boolean(); 参数为 0、null 和无参数返回false,有参数返回true。 Boolean(""); //输出为:false Boolean(null); //输出为:false Boolean(0); //输出为:false Boolean("...

2020-05-20 09:24:15 161 0

转载 RPA进阶(二)Uipath应用实践

一、UiPath介绍 UiPath 是RPA(Robotic Process Automation:机器人过程自动化)领域比较受欢迎的软件之一(Automation anywhere;blue prism等)。能让雇员从重复枯燥的工作中解放出来。 UiPath由三部分组成: uipath st...

2020-05-15 10:24:28 189 0

原创 RPA进阶(一)RPA工具Uipath入门基础知识

RPA可以通过让机器人执行制定好的流程,释放人力资源,提高工作效率。 RPA适合做有规则、高度手工及重复、成熟稳定、高频率的业务流程。 RPA能够打破信息孤岛,将业务流程串接,形成业务闭环,以较高的效率、较低的出错率完成业务。在不断增长的IT需求和有限的IT资源投入面前,RPA能够以较少的投入、更...

2020-05-14 14:54:06 220 0

转载 Vue进阶(幺幺肆):Markdown 编辑器设置字体大小颜色

  Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的!   CSDN-markdown编辑器是其衍生版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等)!对,就...

2020-04-24 10:47:10 95 0

原创 Vue进阶(幺幺叁):关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题

前言 在开发Vue项目过程中,应用element-ui做表单验证遇到this.$refs[formName].validate()提示validate()未定义的问题。 问题原因 要验证的DOM,还没有加载出来。 解决方法 首先打印一下this.$refs[formName],检查是否拿到了正确的...

2020-04-21 19:58:23 146 0

翻译 Vue进阶(幺幺贰):package-lock.json的作用

package-lock.json的作用是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。 根据官方文档,这个package-lock.json 是在 npm install时候生成一份文件,用以记录当前状态下实际安装的各个npm pack...

2020-04-20 17:21:37 120 0

原创 Vue进阶(幺幺幺):vue实现浏览器全屏

项目开发过程中,优化项目时考虑加入全屏功能。具体实践步骤如下: 一、安装依赖 项目中使用的是sreenfull插件,执行命令安装 npm install --save screenfull 二、应用 组件安装好后,引入项目,用一个按钮进行控制即可,通过Esc键退出全屏按钮方法如下: <sc...

2020-04-20 14:35:56 184 0

原创 Vue进阶(幺幺零):ant-design-vue

ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库,它其实是Ant Design的Vue实现,组件的风格与Ant Design保持同步,组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整的VUE组件库与开发方案集成项目。 下...

2020-04-20 14:30:08 166 0

原创 网站开发进阶(五十七)纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)

圆形 .circle { width: 100px; height: 100px; background: red; border-radius: 50px; } 椭圆 .oval { width: 200px; height: 100px; backgr...

2020-04-19 18:24:00 110 0

原创 React进阶(十一):create-react-app关闭eslint提醒

前言 在项目开发过程中,有时候苦恼于eslint的校验规则,例如变量定义为使用、空格等的校验。 主要有两种方式可实现关闭eslint提醒。 第一种方式 在react-scripts依赖包下的config目录找到webpack.config.js配置文件,在webpack.config.js中注释掉...

2020-04-17 10:15:34 178 0

原创 React进阶(十):React项目结构启动原理详解

React调用顺序: index.html → index.js → components/组件 一般项目创建好后会有二个文件:index.html、index.js 现在我们看 my-app文件夹下的public/index.html 和src/index.js的源码,我们可以在这里编写项目代...

2020-04-16 20:08:07 102 0

原创 Vue进阶(幺零九):npm install 遇到的-4048错误的解决办法

项目环境: vue+weback,操作系统: win7 64位 在安装vue项目npm依赖包过程中,居然破天荒的遇到了4048错误,具体错误截图如下图所示: 解决方法 进入项目目录,把node_modules文件夹删除,package-lock.json文件也删除; 以管理员身份运行CM...

2020-04-14 21:11:34 97 0

原创 ORACLE进阶(十)start with connect by 实现递归查询

ORACLE进阶(十)start with connect by 实现递归查询 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在工作中,查看到类似于如下的SQL语句: select ibkcde, org...

2020-04-14 14:23:31 269 0

原创 ORACLE进阶(十三)using关键字学习

ORACLE进阶(十三)using关键字学习 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在工作中,查看到类似于如下的SQL语句: select casprjstfset.usrnm, casp...

2020-04-14 14:18:14 1036 0

原创 ORACLE进阶(十二)union(all)学习

ORACLE进阶(十二)union(all)学习 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在工作中,查看到类似于如下的SQL语句: select sum(count) from (select count...

2020-04-14 14:12:45 226 0

原创 ORACLE进阶(十一)MERGE INTO学习

ORACLE进阶(十一)MERGE INTO学习 前言 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在工作中,查看到类似于如下的SQL语句: MERGE INTO CLMS01.CUSBREACHTAB A ...

2020-04-14 14:04:09 223 0

原创 云平台知识简介

一. 云平台定义 “云是将服务器虚拟化,形成虚拟资源池,相比于以前的物理机更加节省资源成本,便于管理。云是计算、存储、网路资源池化的概念。我们每天使用的搜索引擎、邮箱、网盘,就是很标准的云,而这大多都是免费的。云是对互联网的升级,意味着互联网并不仅仅是存储数据,而是为你提供某种服务。云计算、云存储...

2020-04-14 14:00:46 112 0

原创 Vue进阶(幺零八):Vue npm run build 错误 (node:7852) UnhandledPromiseRejectionWarning: CssSyntaxError:xxxx.

在项目打包过程中,突然报如下错误: Vue npm run build 错误 (node:7852) UnhandledPromiseRejectionWarning: CssSyntaxError:xxxx. 但是在执行 npm run dev过程中,并未错误或告警信息。 经过一番网络搜索找到...

2020-04-13 17:33:38 81 0

转载 Vue进阶(幺零七):JS中arr.forEach()跳出循环

我们都知道for循环里要跳出整个循环是使用break,但在数组中用forEach循环如要退出整个循环呢?使用break会报错,使用return也不能跳出循环。 使用break将会报错: var arr = [1,2,3,4,5]; var num = 3; arr.forEach(function...

2020-04-13 10:59:21 589 1

原创 Vue进阶(幺零六):子组件处理父组件异步值传递给子组件处理

问题描述 父组件通过Promise等其他异步方式获取异步数据,并传递给子组件,子组件直接显示没有问题,若对数据进行处理,则拿到的数据都是父组件初始值。 原因分析 父组件通过Promise等其他异步方式获取异步数据,在尚未等到数据返回时,子组件 created已经执行完毕,故此时子组件中的数据为父组...

2020-04-11 11:22:51 106 0

翻译 Vue进阶(幺零五):element表格行列拖拽

element ui 表格没有自带的拖拽排序的功能,只能借助第三方插件Sortablejs来实现。 git地址 Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and...

2020-04-07 10:19:34 121 0

原创 React进阶(一):学习资料汇总

React官网(英文基础薄弱的同学,可以去中文网站,不过翻译实在不敢恭维) https://reactjs.org/ 慕课网免费学习地址(建议按照初级、中级、高级的顺序观看,当然还有其他缴费实战项目,大家各取所需,能薅点羊毛就薅点): https://www.imooc.com/course/li...

2020-04-01 14:09:33 94 0

翻译 Git进阶(七): 打标签

同其他版本控制系统(VCS)一样,Git 可以给仓库历史中的某一个提交打上标签,以示重要。 比较有代表性的是人们会使用这个功能来标记发布结点( v1.0 、 v2.0 等等)。 在本节中,你将会学习如何列出已有的标签、如何创建和删除新的标签、以及不同类型的标签分别是什么。 列出标签 在 Git 中...

2020-03-31 19:54:35 88 0

转载 React进阶(九):React-Redux

实际项目中,需要权衡是直接使用Redux还是用React-Redux。 React-Redux 将所有组件分成两大类:UI 组件(presentational component)和容器组件(container component) UI组件 只负责 UI 的呈现,不带有任何业务逻辑; 没...

2020-03-28 17:46:00 85 0

原创 Vue进阶(幺零四):element中使用$notify在提示信息中换行问题

在项目开发过程中,遇到如下用户体验提升需求:需要实现错误提示时根据后台返回错误列表信息,换行展示。 实现方式如下: 通过F12元素查看,在对应的样式中加入white-space:pre-wrap,该样式的主要作用是识别字符串中的换行符"\n",故需要在待展示的信息字符串中加入相...

2020-03-28 17:05:50 359 0

转载 React进阶(八):state属性

在《React进阶(六):props属性》博文中,主要讲解了props的应用场景及应用示例。本篇博文主要梳理state属性的应用场景及应用实例。 React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。 Reac...

2020-03-28 13:57:45 67 0

转载 网站开发进阶(五十六)JS+CSS3实现罗盘样式钟表

主要用到原生态的 JS+CSS3实现罗盘样式钟表,主要可用于自定义网站玩耍,代码示例如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu...

2020-03-28 12:35:22 70 0

转载 React进阶(七):props属性

如果需要在组件之间进行传值,那么props属性就起到了这个作用,在React中props和state是两个非常重要的属性。 state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。...

2020-03-28 12:26:00 76 0

翻译 React进阶(六):组件生命周期

在组件的整个生命周期中,随着该组件的props或者state发生改变,其DOM表现也会有相应的变化。 一个组件就是一个状态机,对于特定地输入,它总返回一致的输出。 一个React组件的生命周期分为三个部分:实例化、存在期和销毁时。 React应用中,组件加载顺序及生命周期如下图所示: const...

2020-03-27 14:36:17 64 0

转载 React进阶(五):导航守卫

在《React进阶(三):路由介绍》博文中,介绍了React路由相关知识,在实际项目开发过程中,路由之间的跳转必定涉及权限、用户是否登陆等限定条件的判定,故需要导航守卫来完成这一事项。 ...

2020-03-24 18:43:12 176 0

转载 React进阶(四):路由介绍

在React SPA项目开发过程中,路由跳转必不可少。本篇博文主要介绍下React中路由相关知识。

2020-03-24 18:40:17 98 0

原创 React进阶(三):React项目文件结构介绍

在《React进阶(一):构建第一个React应用》博文中,介绍了React开发环境搭建及建立第一个React应用。本篇博文继续探讨React项目中合理的文件结构。

2020-03-24 18:37:08 281 0

提示
确定要删除当前文章?
取消 删除