2019年04月_30年后世界会是怎样

12月 11月 10月 08月 07月 06月 05月 04月 03月 02月 01月

原创 vue+element-ui项目前端报错TypeError: date.getHours is not a function

问题与答案都存在于场景、情景、背景之中。问题背景：chrom浏览器，vue+element-ui项目，前端以表格形式显示员工信息，包括出生日期等。可编辑员工信息，包括出生日期等。出生日期使用了el-date-picker。问题描述：在编辑员工信息，编辑出生日期时，点击出现日期选择框，但是选择日期时，无反应，F12发现有错误：TypeError: date.getHo...

2019-04-30 13:32:42 19908 6

转载（ES6）javascript中let和var的区别

ES6 新增了let命令，用来声明局部变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效，而且有暂时性死区的约束。var变量提升：题目1：var a = 99; // 全局变量af(); // f是函数，虽然定义在调用的后面，但是函数声明会提升到作用域的顶部。 console.log(a); ...

2019-04-30 11:12:56 246

原创 vue+element-ui项目在表格的列中处理并展示复杂数据（数组）

总是以问题为中心。问题背景：在vue+element-ui项目中，以表格形式呈现数据很容易，el-table,el-table-column两个标签加上：data,prop,slot-scope三个用来绑定数据的属性就能解决好多问题了。问题描述：系统用户user，每个user可能有多个角色role，user中有一个属性为数组roles，封装所有的role。将每一个user...

2019-04-30 09:56:12 21089 1

原创《人性的弱点》简明总结

可以不知道，能做到就好。但是有时要做到，就需要先知道。知道做不到，知道的意义就大打折扣了。做不到，也不知道，就不太好了。第一篇待人的基本技巧★第一章如欲采蜜，勿蹴蜂房不要批评，责怪或抱怨。★第二章与人相处的大秘窍献出你真实，诚恳的赞赏。每个正常的成人都想要：健康，和生命的保护。食物。睡眠。金钱，和金钱所能买到的。生命的后顾。...

2019-04-28 16:01:53 1719

转载 Vue.js 模板语法

Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。如果你熟悉虚拟...

2019-04-28 14:11:48 306

转载 javascript数组方法大全

JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：...

2019-04-28 12:04:43 116

原创 mysql:#1064语法错误三表连接报错

问题背景：一个task表，代表的是任务，其中包含id（任务id）、pid（上级任务id）、eid（员工id）等。还有个employee表，代表的是员工，其中包含id（员工id）等。三表连接：task（t1）、task(t2)、employee（emp）根据t1中的pid去连接t2，根据t1中的eid去连接emp。（还会根据其他条件筛选t1中的记录，连接条件不满足也保留t1中的记...

2019-04-28 10:50:39 1066

原创 vue+springboot+mybatis项目，integer 0变null问题

问题背景：vue+springboot+mybatis项目，涉及到一张对应工资表的表，表包含多个类型为INT的列（奖金、罚款、借支等），其中多行数据的上述字段的值为0。前端请求获取所有工资表数据，后端从数据库中工资表中查出所有数据并传到前端。问题描述：程序运行时，前端只有借支列字段为空（奖金、罚款等为0）。无报错。问题分析：1.前端调试chrome中F1...

2019-04-25 19:18:26 1804

转载鬼谷子（原文）

一、捭阖粤若稽古，圣人之在天地间也，为众生之先。观阴阳之开阖以名命物，知存亡之门户，筹策万类之终始，达人心之理，见变化之朕焉，而守司其门户。故圣人之在天下也，自古及今，其道一也。变化无穷，各有所归。或阴或阳，或柔或刚，或开或闭，或弛或张。　　是故圣人一守司其门户，审察其所先后，度权量能，校其伎巧短长。夫贤、不肖、智、愚、勇、怯，有差，乃可捭，乃可阖；乃可进，乃可退；乃可贱，乃可贵：无为以牧...

2019-04-24 14:56:25 662

转载孙子兵法全文（原文）

《孙子兵法》目录一、始计篇二、作战篇三、谋攻篇四、军形篇五、兵势篇六、虚实篇七、军争篇八、九变篇九、行军篇十、地形篇十一、九地篇十二、火攻篇十三、用间篇一、始计篇孙子曰：兵者，国之大事，死生之地，存亡之道，不可不察也。故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将、五曰法。道者，令民与上同意也，故...

2019-04-24 14:30:25 43978

原创 vue+element-ui项目中自定义时钟（含有日期。另有浮动时钟（和浮动广告相同原理））

在webstorm中，开发vue项目（模块化开发），在登录界面右上角显示时钟（含有日期）：1.先在login.vue中template中相应位置，添加如下代码： <el-col :span="8"> <div id="clock"> <p class="date">{{ date }}</p> ...

2019-04-24 11:54:23 3660

原创 vue项目中组件根div如何填满整个页面（页面不能天面所有可见区域，尤其是给元素添加背景色时，特别明显）

启动vue项目，在浏览器中访问页面，如果页面有背景色，就会发现页面上方是白色的，也就是vue页面没有填满所有可见区域。可以按照下面这种方式设置样式： height: 100%; position: absolute; top: 0px; left: 0px; width: 100%;页面顶部的空白消失了，但是可能会在下方出现空白，写在根div里的...

2019-04-23 15:18:22 13755

原创 vue+element-ui如何为元素设置背景图片

在元素标签里，直接：style="background-image:url('1.jpg')"//图片路径是不能显示图片的。也不能直接background...，就是说不通过style，没有相关的属性。也有人在vue的项目中设置背景图片时遇到问题，最终的解决办法是：//1.在data中定义如下：export default { name: 'productdet...

2019-04-23 14:43:30 21560 1

原创 vue+element-ui项目引入第三方图标库：阿里巴巴矢量图标库（问题：小方框）

因为element-ui内置的小图标非常有限，所以有时候，我们需要自定义或引入第三方图标库。先介绍下阿里巴巴矢量图标库iconfont：这个截图只显示了第一行的图标库，还有很多。也许，我们需要的，这里都有。有一点比较遗憾的是，不能直接下载图标库，只能一个个的添加入库（放入购物车，不花钱），加入项目（或新建项目并将入库的小图标加入项目），然后配置下载。配置的主要是项目名称和图...

2019-04-23 12:10:43 5965 3

原创 element-ui输入框（el-input）前缀图标和后缀图标

el-input是element-ui中的一个组件，在element-ui中文手册中有详细的介绍。其中，带 icon 的输入框示例如下：对应的代码是：<div class="demo-input-suffix"> 属性方式： <el-input placeholder="请选择日期" suffix-icon="el-icon-date" ...

2019-04-22 16:30:35 63694 2

原创 The error may exist in bshr/mapper/PfmMapper.xml ### The error may involve defaultParameterMap

问题背景：springboot + mybatis + vue项目，IDEA开发。绩效计划通过eid（员工编号）关联一个员工，有一个绩效计划表还有一个员工表。关联方式为：嵌套查询。可以有两种实现方式：第一种，不列举绩效计划表列和绩效计划bean属性的对应关系和数据类型（开始采取的方式）：<resultMap id="PRResultMap1" type="bshr.be...

2019-04-22 11:01:13 9387

转载恩格斯名言

1.国家是不能没有警察的。2.保垒最容易从内部攻破。3.犹豫不决是以无知为基础的。4.辩证法是关于普遍关系科学。5.有作为是“生活的最高境界”。6.性爱按其本性来说就是排他的。7.蔑视辩证法是不能不受惩罚的。8.野心就是一切虚伪和谎话的根源。9.利用时间是一个极其高级的规律。10.生活越紧张，越能显示人的生命力。11.只有以爱情为基础的婚姻才是合乎道德的。...

2019-04-18 12:58:43 834

转载马克思名言

与其用华丽的外衣装饰自己，不如用知识武装自己一个人应该：活泼而守纪律，天真而不幼稚，勇敢而不鲁莽，倔强而有原则，热情而不冲动，乐观而不盲目。生活就像海洋，只有意志坚强的人，才能到达彼岸。经济基础决定上层建筑。自暴自弃，这是一条永远腐蚀和啃噬着心灵的毒蛇，它吸走心灵的新鲜血液，并在其中注入厌世和绝望的毒汁。友谊总需要用忠诚去播种，用热情去灌溉，用原则...

2019-04-18 12:52:38 779

转载道德经

《道德经》全文【第一章】道可道，非常道；名可名，非常名。无名天地之始，有名万物之母。故常无欲，以观其妙；常有欲，以观其徼（jiào）。此两者同出而异名，同谓之玄，玄之又玄，众妙之门。【第二章】天下皆知美之为美，斯恶（è）已；皆知善之为善，斯不善已。故有无相生，难易相成，长短相较，高下相倾，音声相和（hè），前后相随。是以圣人处无为之事，行不言之教，万物作焉而不辞，生而不有...

2019-04-18 12:34:45 341

转载 SpringBoot中使用SpringSecurity

我们在编写Web应用时，经常需要对页面做一些安全控制，比如：对于没有访问权限的用户需要转到登录表单页面。要实现访问控制的方法多种多样，可以通过Aop、拦截器实现，也可以通过框架实现（如：Apache Shiro、springSecurity）。本文将具体介绍在Spring Boot中如何使用Spring Security进行安全控制。准备工作首先，构建一个简单的Web工程，以用于后续...

2019-04-17 17:39:30 304

转载羊皮卷

羊皮卷之一今天，我开始新的生活。今天，我开始新的生活。　　今天，我爬出满是失败创伤的老茧。　　今天，我重新来到这个世上，我出生在葡萄园中，园内的葡萄任人享用。　　今天，我要从最高最密的藤上摘下智慧的果实，这葡萄藤是好几代前的智者种下的。　　今天，我要品尝葡萄的美昧，还要吞下每一粒成功的种子，让新生命在我心里萌芽。　　我选择的道路充满机遇，也有辛酸与绝望。失败的同...

2019-04-17 17:30:56 463

转载 SpringMVC ——Spring Security 入门详解

1.Spring　Security介绍Spring Security是基于spring的应用程序提供声明式安全保护的安全性框架，它提供了完整的安全性解决方案，能够在web请求级别和方法调用级别处理身份证验证和授权．它充分使用了依赖注入和面向切面的技术．　　Spring　security主要是从两个方面解决安全性问题：web请求级别：使用servlet过滤器保护web请求并限制U...

2019-04-17 16:40:05 3315

转载 spring security (BCryptPasswordEncoder)加密及判断密码是否相同

通过BCryptPasswordEncoder的加密的相同字符串的结果是不同的，如果需要判断是否是原来的密码，需要用它自带的方法。加密：BCryptPasswordEncoder encode = new BCryptPasswordEncoder();encode.encode(password);判断：需要通过自带的方法matches 将未经过加密的密码和已经过加密的密码...

2019-04-17 16:29:42 11667 7

转载 Spring Security——PasswordEncoder

Security加密——PasswordEncoderpackage org.springframework.security.crypto.password;public interface PasswordEncoder { String encode(CharSequence var1); boolean matches(CharSequence var1, St...

2019-04-17 16:13:38 1632

原创 vue+springboot项目，前端传送的对象中含有数组、对象等属性，传到后端变为String，出现数据类型转换问题：String不能转换为数组或对象

问题背景：一个项目中包含员工、部门两个表，员工和部门是多对一的关系。员工表对应的bean是EmpBean，部门表对应的bean是DepBean。EmpBean的属性包含员工表的所有字段（基本数据类型），还包含一个depBean（对应其所在部门的信息,数据类型为DepBean）。从数据库查员工时，将员工信息封装在empBean（数据类型为EmpBean）中，也会通过表连接，将其所在的...

2019-04-17 10:52:28 7352 1

转载 JavaScript动态添加、修改、删除对象的属性与方法

如何为一个对象添加、修改或者删除属性和方法。在其他语言中，对象一旦生成，就不可更改了，要为一个对象添加修改成员必须要在对应的类中修改，并重新实例化，而且程序必须经过重新编译。JavaScript 中却非如此，它提供了灵活的机制来修改对象的行为，可以动态添加、修改、删除属性和方法。例如首先使用类Object来创建一个空对象user：var user=new Object();1．添加属性...

2019-04-17 09:49:53 2110

转载 JavaScript 判断各种数据类型

了解javascript的都知道，有个typeof用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx)如下实例：typeof 2 输出 numbertypeof null 输出objecttypeof {} ...

2019-04-17 09:49:38 230

转载 SpringBoot项目单元测试

1.约定单元测试代码写在src/test/java目录下单元测试类命名为*Test，前缀为要测试的类名2. 使用mock方式单元测试Spring测试框架提供MockMvc对象，可以在不需要客户端-服务端请求的情况下进行MVC测试，完全在服务端这边就可以执行Controller的请求，跟启动了测试服务器一样。测试开始之前需要建立测试环境，setup方法被@Before修饰。通过...

2019-04-16 13:24:44 537

转载基于spring-boot的应用程序的单元测试方案

概述本文主要介绍如何对基于spring-boot的web应用编写单元测试、集成测试的代码。此类应用的架构图一般如下所示：web-structure.png我们项目的程序，对应到上图中的web应用部分。这部分一般分为Controller层、service层、持久层。除此之外，应用程序中还有一些数据封装类，我们称之为domain。上述各组件的职责如下：Controller层/R...

2019-04-16 13:23:44 372

转载 Junit 使用

Junit 能做什么？　　我们知道 Junit 是一个单元测试框架，那么使用 Junit 能让我们快速的完成单元测试。　　通常我们写完代码想要测试这段代码的正确性，那么必须新建一个类，然后创建一个 main() 方法，然后编写测试代码。如果需要测试的代码很多呢？那么要么就会建很多main() 方法来测试，要么将其全部写在一个 main() 方法里面。这也会大大的增加测试的复杂度，降低程序员...

2019-04-16 13:15:58 266

转载 IDEA中Maven项目使用Junit4单元测试的写法

IDEA默认是安装了junit控件的，直接使用就好了在maven项目的pom.xml文件中添加依赖<dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version>...

2019-04-16 12:47:36 3852

转载 JUnit单元测试--IntelliJ IDEA

单元测试的基本使用一、环境配置使用idea IDE 进行单元测试，首先需要安装JUnit 插件。 1.安装JUnit插件步骤 File-->settings-->Plguins-->Browse repositories-->输入JUnit-->选择JUnit Generator V2.0安装...

2019-04-16 12:16:33 552

原创 vue+webpack项目报错，怎么找到对应的源码的位置？

问题描述：F12打开开发者工具，运行项目报错，如下：vue.esm.js:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'atype' of undefined"found in---> <ElTableBody> <ElTable> at packa...

2019-04-16 11:26:42 6730

转载 vue+webpack项目调试方法

从webpack开始有人觉得vue项目难调试，是因为用了webpack。所有代码揉在了一起，还加了很多框架代码，根本不知道怎么下手。所以vue+webpack调试要从webpack入手。我们先从一般情况开始说。-sourcemapwebpack配置提供了devtool这个选项，如果设置为 ‘#source-map’，则可以生成.map文件，在chrome浏览器中调试的时候可以显示源...

2019-04-16 10:38:50 1345 1

在配置devtool时，webpack给我们提供了四种选项。source-map:在一个单独文件中产生一个完整且功能完全的文件。这个文件具有最好的source map,但是它会减慢打包速度； cheap-module-source-map:在一个单独的文件中产生一个不带列映射的map，不带列映射提高了打包速度，但是也使得浏览器开发者工具只能对应到具体的行，不能对应到具体的列（符号）,会对调试...

2019-04-16 10:32:32 1052

转载三十六计及简单解释

第一套胜战计处于绝对优势地位之计谋。君御臣、大国御小国之术也。亢龙有悔。第一计瞒天过海本指光天化日之下不让天知道就过了大海。形容极大的欺骗和谎言，什么样的欺骗手段都使得出来。【原典】备周则意怠①;常见则不疑。阴在阳之内，不在阳之对②。太阳，太阴③。【释义】防备得周全时，更容易麻痹大意;习以为常的事，也常会失去警戒。秘密常潜藏在公开的事物里，并非...

2019-04-16 10:23:20 2903

转载 Vue.js devtools：调试vue.js应用的浏览器扩展 Chrome插件

Vue.js devtools插件功能简介Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展。做前端开发的IT工程师应该比较熟悉这款工具，可以边测边栏窗格中的页面，边检查代码。Vue.js devtools插件下载安装Vue.js devtools插件哪里下载？你可以从chrome应用商店里找到Vue.js devtools...

2019-04-15 17:42:35 2557

原创 chrome:查看谷歌浏览器扩展程序在本地的存储位置（本地安装路径）

在谷歌浏览器的地址栏中输入：chrome://version/或：chrome:version可以查看浏览器的相关信息，其中个人资料路径中的Extensions就是通过应用商店添加的扩展程序所在的文件夹。类似地，在360安全浏览器的地址栏中输入：se://version/或：se:version也可以查看360安全浏览器的相关信息。...

2019-04-15 17:10:37 15581

转载 JavaScript对象的引用，对象的拷贝

一、场景除了基本类型跟null,对象之间的赋值，只是将地址指向同一个，而不是真正意义上的拷贝将一个对象赋值给另外一个对象。var a = [1,2,3];var b = a;b.push(4); // b中添加了一个4alert(a); // a变成了[1,2,3,4] 自定义对象var obj = {a:10};var obj2 = obj;obj2.a...

2019-04-15 11:05:15 148

转载 javascript 中的反射机制

反射机制指的是程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。在JavaScript中利用`for(…in…)`语句实现反射。在JavaScript中有一个很方便的语法来实现反射，即`for(…in…)`语句，其语法如下：for(var p in obj){ //语句}这里var p表示声明的一个变量，用以存储对象obj的属性（方法...

2019-04-15 11:01:20 1966