编程小透明的博客

7.插槽插槽slot父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就要用到插槽slot了。换句话说：当子组件所渲染的内容部分来自于父组件DOM的时候，建议使用插槽slot进行DOM结构的插入。详情见下图：TIPS：子组件中采用<template>模板占位符无效，务必使用<div>进行DOM结构包裹。具名插槽...

Header：隐藏页面头(动态Style)写在开头，Header组件主要包括两个细节点：1. Banner、Header点击返回按钮路由跳转2. 当用户拖动该部分向下移动时，隐藏页面头的渐变展示细节1：返回按钮均属于Header组件细节2：该部分向下进行拖动时，隐藏表头渐变显示，采用ShowAbs进行内容展示控制，采用钩子函数以及全局变量window进行实现data数据初始化：...

Java中循环删除List中元素写在开头：最近在处理一个包装类时候，把Mapper查询到的数据暂存到了ArrayList中，后续做循环遍历删除操作的时候，当时采用了foreach循环，结果弹出了ConcurrentModificationException错误。于是乎就在博客上找解决方案，最后整理总结一下。遍历方式：for、foreach、iterator常规需求：删除一个、多个元...

写在开头，自该专栏建立起，9月初发布第一篇文章后，两个月过去了，专栏文章没啥进度。处于个人实习原因，以及同步的Vue专栏，所以关于SpringBoot 2.0 的读书笔记专栏暂时搁置了。虽然博客专栏搁置更新，但是技术的使用每天都在使用。基于Spring Boot 2.0 的新特性也即将进行更新，主要参考《Spring Boot 2精髓》以及码云上维护的配套案例Demo。 详情：https://g...

Python3数据科学入门与实战写在开头，关于Python，我所了解的只是基础语法和一些简单类库的使用，此次开篇教程学习目的是为了去了解关于数据分析、相关类库的学习使用。多说一句，关于使用Python进行数据分析是不是需要对Python编程语法非常精通的问题。我想说：精通Python语法编程固然是好事，但是刚需是使用它做数据分析，而数据分析只需要对相关数据分析库上手学习即可，像Numpy、Pa...

2. MVC 上写在开头，关于MVC，Model - View - Controller模式Model(模型) - 代表一个存取数据的对象或 JAVA POJO。它也可以带有逻辑，在数据变化时更新控制器。View(视图) - 代表模型包含的数据的可视化。Controller(控制器) - 作用于模型和视图上。它控制数据流向模型对象，并在数据变化时更新视图。它使视图与模型分离开。这里有...

2. MVC 下验证框架关于验证框架，之前很少用到， 在前端传递的参数中，前端框架已经存在一些验证策略。比如：类型监测、长度监测、日期正则判断等。因此在后端Controller层中的校验就很少用到。但实际情况也可能存在有些恶意代码绕过前端验证，直接向后端发送请求这样的事情发生，因此后端的验证框架的存在也是做了二次验证，防止恶意的请求产生。JSR-303JSR-303是Java标准的...

3. Beetl写在开头，Beetl是由《Spring Boot 2精髓》作者所开发并维护的后端模板引擎，主要用于渲染视图模板。关于模板引擎，博主了解过的主要是JSP 和 FreeMarker，视图渲染技术的了解并不多。这里谈一下自己对于Web开发的理解：基于现在的Web开发环境，前后端分离开发的思想，相对后端来讲，很多时候是面向接口编程，拿当下火热的前端渐进式组件框架Vue来讲，于后端的交...

作者：dudubird85链接：https://www.jianshu.com/p/9aa448ea397c來源：简书简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。Stackoverflow问题如下：python中的axis究竟是如何定义的呢？他们究竟代表是DataFrame的行还是列？考虑以下代码：>>>df = pd.DataFr...

关于标题，想不出什么好的叙述方式，在使用图表ECharts这个JS库的时候，相信很多时候都需要对数据动态处理后，加载到图表中。这个时候，通用的方式就是基于ECharts的setOption(Object, true)方法了。最近在用vue-cli脚手架工具想构建一个多种图表的展示页，主要的功能上就是发送数据请求，接收数据，渲染图表。官网关于ECharts的案例都是基于原生语法，首要工作就是将原生的...

3. 景点详情页开发功能点概述用户首页点击热销推荐景点，即可跳转景点详情页面。详情页面包括三部分内容：顶部图片展示、景点门票详情、隐藏页面头。(拖动至下方会出现)用户点击顶部图片展示，进入图片轮播区域(全屏)，可左右滑动进行图片浏览，点击图片区域外进行返回景点详情页，过渡动画的使用，图片轮播区域配置首页返回按钮。用户向下拖动景点详情页，即可看见隐藏页面头部，同时具备返回按钮，可以...

Alphabet：字母表导航条 (增量式)组件data初始化： name: 'CityAlphabet', props: { cities: Object }, data() { return { touchStatus: false, startY: 0, timer: null } },父组件通过属...

项目实战1. 首页开发环境搭建开发环境：node.js、Vue-cli脚手架工具开发IDE：VScode版本控制工具：Git关于Vue-cli： Vue提供的官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟可创建并启动一个带热加载、保存时静态检查以及可用于生产环境的构件配置的项目： # 全局安装 vue-cli ...

8.动画特效CSS过渡动画原理在Vue底层中，通过**<transaction>标签包裹的内部元素会进行自动构建动画流程。即：Vue是通过更换元素上的class**来进行过渡动画效果的呈现的。下图是CSS过渡动画(入场动画)的执行流程，离场动画同理。在过渡动画流程中可以看出：被<transaction>包裹的内部元素会在该流程中进行class的添加和去除。

Home：首页根组件，用于管理子组件以及数据请求<template>：子组件管理引入所有子组件，并进行属性绑定(父组件向子组件传递数据的方式) <template> <div> <home-header :city=&quo

icons<template><script>采用vue-devtools浏览器工具插件查看此部分计算属性详情：Recommend<template><script>：通过props获

Git常用命令总结命令用途git status查看当前分支状态git add .添加至本地代码库git commit -m提交到本地代码库git push同步线上线下环境git pull获取线上新分支git checkout otherBranch切换新分支git merge origin/otherBranch当前分支上合并...

2.城市列表页开发功能点概述页面路由跳转(Home -> City): 点击首页城市选择按钮，即可跳转至城市列表页。用户可以在搜索栏中可输入信息进行城市信息的检索，检索结果以列表形式展现，选定城市后会进行首页的路由跳转。用户可以在热门城市、字母城市列表中选择城市信息，选定城市后会进行首页的路由跳转。用户可以在城市列表页右侧的字母导航条中进行点击具体字母项进行准确的城市信...

Quartz任务调度框架初探什么是Quartz?Quartz 是一个完全由 Java 编写的开源作业调度框架，为在 Java 应用程序中进行作业调度提供了简单却强大的机制。Quartz 可以与 J2EE 与 J2SE 应用程序相结合也可以单独使用。Quartz 允许程序开发人员根据时间的间隔来调度作业。Quartz 实现了作业和触发器的多对多的关系，还能把多个作业与不同的触...

Header：城市信息选择标题展示在此组件中，主要做了向Home组件的页面路由跳转<template>：需要注意的是被<router-link>包裹的标签会使原标签样式无效，类似<a>。解决方案上篇文章已经给出：https://blog.csdn.net/Nerver_77/article/details/83586432 <template...

Search：城市选择信息输入检索 (增量式)功能点2：用户可以在搜索栏中可输入信息进行城市信息的检索，检索结果以列表形式展现，选定城市后会进行首页的路由跳转。功能点2分析：用户故事角度 作为用户，我想在搜索栏中输入信息后会有结果信息以列表形式展现，并且列表内的内容选择后可以进行页面的跳转，依次来实现城市信息的变更。具体实现：组件data初始化： name: 'CityS...

4. Jackson写在开头，在MVC框架中，Spring Boot 内置了 Jackson 来完成JSON的序列化和反序列化。@ResponseBody 在Controller对应请求方法上就好了，自动将方法返回的对象序列化成JSON。序列化、反序列化方式Jackson是一个流行的高性能JavaBean到JSON的绑定工具，Jackson使用ObjectMapper类将POJO对...

写在开头，为了承接下篇文章JPA做好铺垫以及回顾下数据库操作的相关知识，于是有了这篇文章。谈到操作数据库，可以说我是经历了好几个阶段：提及几个阶段关键字来回忆下！1. JDBC阶段(数据库驱动，preparedStatement，close()放在try-catch块里)2. 连接池阶段(c3p0、dbcp、druid)3. Spring JDBC Template阶段4. 框架阶段(m...

6. Spring Data JPA 上JPA经过上篇文章从封装角度上对数据库操作的叙述，很好的为下文JPA操作做了铺垫。这个地方需要注意的是 Spring Data JPA 不是一个名词，Spring Data、JPA两个的集成哦！Spring Data JPA，在JPA提供的简单语义上做了一定程度的封装，满足基本CURD的操作需求。此外，Spring Data为Spring框架对访问S...

Mockito上篇文章介绍了 Spring Boot 单元测试的一些案例场景，其中我们先回想下关于 Service层 模拟对象注入的测试场景，在单元测试过程中，对那些不容易构建对象的采用一个虚拟对象来代替测试的方法称为 Mock测试。在Spring Boot中内置了 Mockito 测试工具 [常用的Mock测试工具还有：JMock、EasyMock等]，Mockito 可以模拟任何 类 ...

10.RESTREST原则 是 Roy Thomas Fielding 在 2000年博士论文中提出的。他对互联网软件架构原则命名为 REST [表现层状态转化]。如果一个架构符合 REST原则，就称它为 RESTful 架构。关于 RESTful 架构，最好的方法是去理解 Representational State Transfer 的意义。资源 [Resources]REST 的...

11.MongoDBMongoDB 由 C++ 语言编写，是一个基于分布式文件存储的开源数据库系统。支持的数据格式为 BSON 格式， 类 JSON 格式，因此可以存储非常复杂的数据，具有以下特点：支持多种编程语言：Java、C++、PHP、C#、Python等。面向文档存储： 文档格式为类JSON的BSON格式。提供丰富的查询功能，支持对数据建立索引。模式自由，可任意改变文档格式。...

Spring Boot 整合 MongoDB书接上回，开始 Spring Boot 和 MongoDB 的整合。有了 Maven 这一项目管理构建工具，可以很容易的在 pom 文件中引入依赖来统一管理 jar包<dependency> <groupId>org.springframework.boot</groupId> <artifactId&g...

一、安装 node.jsnode.js 环境安装，下一步安装 [这里我安装到了 D:\Software\ 目录下] https://nodejs.org/en/download/环境变量配置PATH 配置 [安装时默认的 PATH 路径已添加了 D:\SoftWare\nodejs]全局模块存放路径、cache路径 npm config set prefix "D:...

写在开头，关于文本编辑器的选择，本文只是做了推荐，并结合自身的使用进行下分享不喜勿喷，毕竟适合自己的才是最好的关于VScode的背景、底层架构等，就不赘述了，会用就足够了，废话不多说，马上开始一、常规基础使用配置 【文件 - 首选项】当我们打开一款编辑器的时候，我们首先看到的就是它的UI设计。我想大方简洁的外观应该是开发人员一贯所喜爱的，所以我们要介绍下面两种常用的主题配置：颜色主题 ...

零、IDEA骚操作在IDEA的使用过程中，提高工作效率(其实就是懒)，刚好，IDEA也为诸多懒癌患者提供了诸多便利以下列举懒癌患的常用操作varcastnullfor除此之外，还有 fori 和 forrif文件拷贝工具类文件拷贝： import org.springframework.util.FileCopyUtils; File...

一、数组关于数组，指的就是一组有限的相关类型的变量集合。在Java语言中，简单数组并没有像Collections集合的相关操作接口，本文将对简单数组封装相应的操作接口从而形成类ArrayList的集合类为目标，并进行代码时间复杂度分析以及代码优化在开始之前，我们先对构造的Array类进行成员变量的说明：data：核心操作数组成员变量，为适应多种数据类型数据存储，将data设置为泛型数组...

栈 Stack写在开头线性结构，栈操作是数组操作的子集先进后出的数据结构(LIFO)，只能从一端添加元素，也只能从一端取出元素，这一端称为栈顶栈的实现：复用动态数组，采用接口的方式进行构造ArrayStack<E>Stack接口： public interface Stack<E> { /** * 获取栈内元素容量 ...

9.单元测试【白盒测试】JUnit：Java语言编写的开源的回归测试框架相关概念解释测试被 @Test 注解定义的测试方法，为了运行这个方法，JUnit会创建一个包含类的新实例，然后在调用这个被注释的方法。测试类包含多个 @Test注释方法的容器。断言Assert 断言，为了进行验证，使用由JUnit的Assert类提供的assert方法。常用的ass...

8.部署 Spring Boot谈到部署 Spring Boot 应用，这里介绍两种部署的方式：jar方式和war方式。除此之外还会补充说明多环境部署需要注意的地方。jar方式Spring Boot 应用默认采用 jar 形式方式打包，可以通过Maven进行打包插件配置。&lt;!-- Package as an executable jar --&gt;&lt;build&gt;...

一、持久化Entity首先我们创建一个UserRepository，继承接口JpaRepository(该接口集成了所有常用接口方法)，进行基础CURD的操作测试。注意：&amp;amp;lt;User, Integer&amp;amp;gt;，分别代表：实体类以及实体类主键属性封装类型UserRepository也就是对应常规开发模式下的DAO接口public interface UserRepository ext...

5. Spring JDBC Template写在开头，JDBC Template 是 Spring 框架在JDBC基础上做了一定的封装。相比当下的DAO层框架，封装度相对较低，很早之前用过几次，由于SQL注入的Web攻击场景，JDBC Template具有很好的防范。关于SQL注入：JDBC Template中对参数化的SQL查询有着良好的验证机制，因此建议使用参数化SQL的方式，切勿采用S...

4. 绘图可视化之Matplotlib写在开头，matplotlib 是 可用于Python脚本，Python和IPython shell，Jupyter，Web应用程序の可视化 2D绘图库。Matplotlib Architecture(架构简述)Backend：图表显示位置的控制Artist：图表显示样式Scripting：pyplot等语法API进行绘图主要方法：pl...

2. PandasSeries 序列创建一个Serieslist创建s1 = pd.Series([1, 2, 3, 4])----------------------------0 11 22 33 4dtype: int64array创建s2 = pd.Series(np.arange(10))-----------------...

5. 绘图可视化之Seaborn [ Powerful Matplotlib Extension ]与matplotlib相比，Seaborn的优势在哪里？Matplotlib是最基础的可视化库。Seaborn是基于Matplotlib的高级可视化效果库。Seaborn可以简介的代码去绘制描述更多维度数据的可视化效果图。间接调用matplotlib：sns.plt.plot()直...