自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 资源 (36)
  • 论坛 (3)
  • 问答 (6)
  • 收藏
  • 关注

原创 Vue进阶(幺柒幺):前端用户体验提升(五)Flex实现弹性布局

需求背景在实现组件拖拽设计过程中,发现组件样式中设置了 display: flex属性信息,导致组件生成后无法实现拖拽效果,网上查阅资料后发现了Flex布局大有天地。Flex来源传统的布局解决方案采用CSS实现,基于盒状模型,依赖 display属性 + position属性 + float属性。但是,它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案—Flex布局,该布局方案可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这

2021-03-14 20:19:48 770

原创 Vue进阶(幺捌零):Vue优质开源项目汇总(持续更新中...)

最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上优质的Vue开源项目库,方便Vue开发人员便捷的找到自己需要的项目工具,感兴趣的可以到GitHub上给个star。UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★4458 - 基于 Vuejs 的开源 UI 组件库Keen-UI&nbsp

2021-03-07 11:37:40 1049 9

原创 Vue进阶(幺玖肆):keep-alive 实现页面缓存

引入场景有时候我们不希望组件被重新渲染影响使用体验;或者处于性能考虑,避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。官网解释:<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。 当组件在 <keep-alive> 内被切换,

2021-03-15 10:42:36 1442 3

原创 Vue进阶(幺柒柒):Vue 应用 Sass、Scss、Less 和 Stylus

Vue项目中使用预处理器,可以有效减少css代码量, 推荐使用Sass、Scss、Less预处理器。可以在创建项目的时候选择预处理器 (Sass/Less/Stylus)。如果当时没有选择,内置的 webpack 仍然会被预配置为可以完成所有的处理,也可以手动安装相应的 webpack loader:# Sassnpm install -D sass-loader node-sass# Lessnpm install -D less-loader less# Stylusnpm ins

2021-03-14 22:09:19 664 4

原创 Vue进阶(幺柒陆):CSS 预编译语言 Sass、Scss、Less 和 Stylus

什么是CSS预处理器CSS预处理器定义了一种新的语言,它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。开发者只需要使用这种语言进行编码工作,减少枯燥无味的CSS代码编写过程的同时,它能让你的CSS具备更加简洁、适应性更强、可读性更加、层级关系更加明显、更易于代码的维护等诸多好处。CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题。

2021-03-14 22:08:00 840 6

原创 Vue进阶(幺柒伍):前端用户体验提升(六)色彩搭配

Vue进阶(幺柒伍):前端用户体验提升(六)色彩搭配

2021-03-14 22:00:28 522 2

原创 Vue进阶(幺柒叁):表单元素日期校验

本文主要讲解基于element-ui datetimepicker实现日期时间,在表单校验中的校验逻辑及实现方法。注:在表单检验时间组件时,应在检验中增加type: 'date',否则会提示检验对象错误问题。vue部分<!--开始/结束日期,时间--><template> <el-row style="margin-top: 13px;"> <el-col :span="12"> <!--开始日期,时间--> <

2021-03-14 21:58:58 491

原创 Vue进阶(幺柒贰):日程日历@ fullcalendar/vue应用

前言在项目实战过程中,需要为项目主页实现日程日历功能,主要包括日程的增删改查。在网上研究一番后,经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成:1.安装fullcalendar2.简易DEMO代码3.Template中FullCalendar属性注解4.script中FullCalendar属性方法注解安装FullcalendarVue框架下,ful

2021-03-14 21:58:13 507 1

原创 Vue进阶(幺陆柒):Vue项目调试技能

前言在Vue项目开发过程中,当你遇到应用逻辑出现错误,但又无法准确定位的时候,知晓Vue项目调试技巧至关重要。同后台项目开发一样,可以在JS实现的应用逻辑中设置断点,并进行单步、进入方法内、跳出方法等调试,从而准确定位问题根源。本文主要针对JetBrains系列WebStorm下Vue项目进行调试的2种方法:debugger和。debuggerdebugger是谷歌浏览器提供的调试语句,其主要是通过停止JS的执行,相当于设置断点。它的使用方法很简单, 只需要在我们的JS语句中, 插入一行debug

2021-03-14 21:57:26 427

原创 Vue进阶(幺陆捌):前端用户体验提升(三)应用vw/vh实现自定义布局

vw/vhvw/vh单位可以根据电脑浏览器自适应。vw —— 视口宽度的 1/100;vh —— 视口高度的 1/100在pc端,视口宽高就是浏览器的宽高;vw/vh定义css3中引入了一个新的单位vw/vh,与视图窗口有关,vw表示相对于视图窗口的宽度,vh表示相对于视图窗口高度,除了vw和vh外,还有vmin和vmax两个相关的单位。各个单位具体的含义如下:这里我们发现视窗宽高都是100vw/100vh,那么vw或者vh,下简称vw,很类似百分比单位。vw和%的区别为:从对比中我们可

2021-03-14 21:56:45 598

原创 Vue进阶(幺陆玖):JS垃圾回收机制

前言在之前创建的《JVM》专栏中,讲解了Java虚拟机中垃圾回收机制。同JVM具有垃圾回收机制相似,JavaScript同样具有垃圾回收机制。众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现下图中内存的占用持续升高的情况,一方面会影响程序的运行速度,另一方面严重的话则会导致整个程序的崩溃。JavaScript中的内存管理内存:由可读写单元组成,表示一片可操作空间;管理:人为的去操作一片空间的申请、使用和释放;内存管理:开发者主动申请

2021-03-14 21:55:55 547

原创 Vue进阶(幺柒肆):鼠标、键盘事件

在项目开发过程中,需要根据鼠标事件进行相应处理。现予以梳理。鼠标事件如下所示:点击事件:@click //单击@dblclick/ /双击@mousedown //按下@mouseup //抬起@contextmenu // 鼠标右键悬浮事件及触发顺序:@mouseover //划过@mouseenter //进入@mousemove //移动@mouseleave //离开@mouseout //移出滚动事件:@mousewheel键盘事件@keydow

2021-03-14 20:21:38 414

原创 Vue进阶(幺柒零):前端用户体验提升(四)应用rem/em实现字体自适应

在前面博文中,我们讲解了提升用户体验的一个技巧:自适应布局。接下来这篇博文主要讲解提升用户体验的另一个技巧:字体自适应。首先,我们要清楚在字体设置中比较常用的三个单位:px,rem,em。px是一个大小单位,相当于1像素,这样写字体大小就是固定的;rem,em两者都是比例单位,只是相对比的对象不同:em是相对于父级的,父级字体设置20px,子级设置0.5em,即20* 0.5=10px,rem是相对于根的,根设置字体30px,我设置0.5rem,即30* 0.5=15px。使用 em 和 r

2021-03-14 20:20:49 689 2

原创 Dubbo进阶(十四)—— dubbo+zookeeper与提供者provider、消费者consumer通信原理讲解

讲解前,先说一下整个系统框架的基本构造:zookeeper作为注册中心,使用单独服务器,占用2181端口;dubbo-admin作为监控中心,与zookeeper使用相同服务器,tomcat部署占用8080端口;provider作为服务提供者,使用单独服务器,tomcat部署占用8080端口,使用dubbo协议开放20880端口;consumer作为服务消费者,使用单独服务器,tomcat部署占用8080端口;疑惑:provider服务器端口是8080,为什么telnet测试以及解决方案中

2021-03-06 21:55:12 1671 17

原创 Dubbo进阶(十三)——Dubbo入门 Demo:Spring + Zookeeper + Dubbo

了解Dubbo以后,自然要搭建一个简单的Demo实现。本文采用Dubbo与Zookeeper、Spring框架的整合。主要是以下几个步骤:安装Zookeeper,启动;创建MAVEN项目,构建Dubbo+Zookeeper+Spring实现的简单Demo;安装Dubbo-admin,实现Dubbo服务治理。Zookeeper介绍与安装Demo中的Dubbo注册中心采用的是Zookeeper。为什么采用Zookeeper呢?Zookeeper是一个分布式的服务框架,是树型目录服务的数据存储

2021-03-06 00:07:47 449 1

dubbo-monitor-simple-2.5.3.zip

该包为dubbo-monitor,使用方法请参见博文 《Dubbo进阶(五)—— dubbo-monitor-simple使用》 https://blog.csdn.net/sunhuaqiang1/article/details/80141478

2018-04-29

感知哈希算法(Python版)

Python3实现基于PHA实现图像配准

2017-04-20

zookeeper-3.4.6.zip

zookeeper-3.4.6 解压后可直接运行 bin/zkServer.cmd 来启动

2018-04-29

dubbo-admin-2.5.4 Web管理平台.zip

由于我使用的是jdk1.8的版本,在网上找了很多dubbo-admin.war基本都是基于jdb1.7的,因为我就打包了一个支持jdk1.8版本的,下载解压后即可使用。 具体使用方法参见博文《Dubbo进阶(六)—— Zookeeper注册中心和Dubbo-Admin管理平台的搭建》 https://blog.csdn.net/sunhuaqiang1/article/details/80142014

2018-04-29

Learning Python, 5th Edition.pdf

Learning Python, 5th Edition.pdf

2017-05-10

万能网卡驱动For-Win10-32_64bit.zip

Win10万能网卡驱动

2021-03-16

jdk-8u291-macosx-x64.dmg

Mac版本jdk1.8

2021-04-22

ZMQ的三种通信方式极其需要的jar包(完整版)

该包包含了ZMQ的三种通信方式极其需要的jar包,省去了复杂的编译环节,杜绝高分勒索学习爱好者!注:该包经过本人实际运行,均无问题。

2015-06-06

Vue下textarea文本框根据内容自适应改变高度

Vue自定义组件实现文本框根据文本内容自适应高度的效果,解决若输入文本量或显示文本量超过指定行数后,会出现垂直滚动条,但在IE环境下,该滚动条是隐藏的问题。

2020-10-20

PNAE Petri Net建模工具

一款用于Petri Net建模的学习工具,大家可以下载下来学习。

2018-08-05

数据挖掘之序列模式挖掘之GSP算法

本算法为数据挖掘中序列模式挖掘中的GSP算法的基本实现,可依托此算法进行算法的优化操作。

2015-11-16

IntelJ2016注册码

IntelJ2016注册码

2017-03-14

Chart.js实现饼状图添加文字

Chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。 是基于HTML5 Canvas的,一个朋友说里面饼状图缺少文字信息的功能,于是自己实现了一下,包内有说明,如果坐标不太精准,请按自己的需求进行微调。

2017-08-28

数据挖掘之关联规则挖掘FP-Growth算法

本算法为数据挖掘之关联规则挖掘的其中一种方法,可以此方法为基本进行算法的优化操作。

2015-11-16

mysql-installer-community-5.7.4.0-m14.1411728256.msi

mysql社区版安装包

2021-03-16

fullcalendar-vue.zip

Vue日历组件

2021-03-16

J2EE学习路线图(2014版)

传智播客J2EE学习路线图(2014版),不可多得的学习方法路线图。

2015-04-25

Socket编程-聊天室.zip

项目实战

2021-03-16

apache-maven-3.3.9.zip

maven安装包

2021-03-16

LaoMaoTao.exe

装机导引

2021-03-16

ScreenToGif.2.27.3.Portable.zip

实用Gif制作软件

2021-03-16

BackToTop.zip

这是一个可以快速回到页面顶部的组件,当用户浏览到页面底部的时候,通过点击按钮,可快速回到页面顶部。 应用方法详见博文:https://shq5785.blog.csdn.net/article/details/102917007

2019-11-05

Java8实例代码

Java8 Lambda、Stream实例代码

2017-03-18

Base64与图片互转

工具包可将图片文件转化为字节数组字符串,并对其进行Base64编码处理;并可对字节数组字符串进行Base64解码并生成图片。

2016-01-07

Icon制作神奇-Greenfish Icon Editor3.31官方中文版

Icon制作神奇-Greenfish Icon Editor3.31官方中文版,该工具可制作各种分辨率的APP Logo。

2017-04-25

Date.html(免费,有需要的童鞋自取)

免费:JS+CSS3实现罗马样式钟表;有需要的童鞋可以自取!取之于民,用之于民!咋还不够50字啊!!

2020-03-28

中国火车查询字段对应表

爬取12306网站,列车剩余座位数。不可多得的中国火车查询字段对应表。没有最好,只有更好。

2015-04-25

FlaskWeb开发:基于Python的Web应用开发实战.pdf

FlaskWeb开发:基于Python的Web应用开发实战.pdf

2017-05-10

利用正则表达式批处理含链接内容文档

由于项目需求,自己需要将带有链接的标签去除,例如 <a href="/zhaoyao/17-66.html">头晕</a>,转换后的文档为头晕。 由于说明书数量太大(100,569)自己需要采用批处理的方式进行操作。以后用户访问的就是批处理后的文档。故采用正则表达式的形式进行文档处理。 要读取文档内10w多条的数据,可按照3步走战略: 1.外层循环利用文件过滤器读取文件夹内所有符合条件的文件。 2.读取每一个筛选到的文件,利用正则表达式去除超链接符号。 3.将每一个处理过的文件重写回源文件。

2015-11-30

linux下memcached安装

linux下memcached安装,不错的学习资源。

2015-06-03

Java字节码查看器

Java字节码查看器

2017-03-13

Bootstrap3参考手册.chm

Bootstrap3参考手册.chm

2017-05-10

myeclipse常见快捷键

myeclipse常见快捷键,不可多得的学习资源。

2015-04-25

w3c标准html5手册

该手册包集CSS 2.0、CSS3.0、JavaScript、jQuery1.3、jQuery1.4、jQuery1.7、xHTML、XMLHttp于一体,便于编程者线下查阅相关资料。

2017-08-28

json解析工具包

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。json.js用于html中引用,

2015-07-23

json解析工具

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。

2015-07-23

No Silver Bullet的留言板

发表于 2020-01-02 最后回复 2020-03-22

Redis面试题

发表于 2019-08-23 最后回复 2019-08-25

Oracle中ddl与dml的区别

发表于 2019-08-23 最后回复 2019-08-23

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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