按钮 模式 下划线 效果
vueRouter-hash模式和history模式
1.hash模式 这里的hash就是指url尾巴后的 # 号以及后面的字符。这里的 # 和css里的 # 是一个意思。hash也称作锚点，本身是用来做页面定位的，他可以使对应的id元素显示在可视区域内。 特点：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因 ......
Vue+echarts实现中国地图射线效果
效果图如上 前提是安装Echarts并引入 并且配置中国地图json文件这些都在同账号另一篇博客上有说明，查看请自行移步 下展示代码 <template> <div class="managingPatientSize"> <el-row> <el-col :span="6">1</el-col> ......
结对编程作业：在简单的java GUI计算器上添加按键效果。
本次结对编程作业主要内容为：利用jlayer外部jar包实现简单的音效效果，主要利用到java多线程，GUI监听，jlayer外包引入实现。 本博客中，本人（2152111）姑且称之为“小利”，伙伴（2152117）称为“博士”（他本人起的）。 注：原计算器代码由小利之前编写的，不来源于网络，本次结 ......
zabbix 主动模式下报文分析
获取监控项列表 客户端发起请求 3次握手之后，请求监控项列表: {"request":"active checks","host":"xx","host_metadata":"xx"} 服务端返回 监控项列表： { "response":"success", "data":[ { "key":"ag ......
大白话设计模式
https://www.cnblogs.com/chanshuyi/p/quick-start-of-visitor-design-pattern.html https://www.liaoxuefeng.com/wiki/1252599548343744/1281319659110433 访问者模 ......
Mapboxgl draw 自定义标绘之二：图标、文本、圆形的创建与编辑，重写原模式相关方法，保持当前模式
mapbox-gl-draw官网给出的扩展模式终于无法满足需求，需要diy了。 因为是diy，所以不存在前文说的commonjs打包报错的问题，呵呵。 前文：Mapboxgl draw 自定义标绘：圆、矩形、自由多边形、上传读取geojson （有的概念可能会接续前文不做解释） 参考链接 自定义MO ......
74、混合模式—滤色
原图 把两张图片选择【滤色】就可以了 如果想把点点更加的明显，那么就对点点的图片进行【色阶】处理，并对【色阶】右键添加【剪切蒙版】，让它只对点点图片有影响， 然后调节，让黑的更黑，白的更白 ......
解决JSP中写el表达式没有效果
原因：web.xml中使用的web-app版本过低。 解决： 首先确保导入的el表达式的依赖 <!-- https://mvnrepository.com/artifact/javax.el/javax.el-api --> <dependency> <groupId>javax.el</group ......
设计模式23模式介绍
一、什么是设计模式 设计模式(Design pattern)是解决软件开发某些特定问题而提出的一些解决问题的一些思路。 通过设计模式可以帮助我们增强代码的可重用性、可扩充性、可维护性、灵活性好。我们使用设 计模式的最终目的是实现代码的高内聚和低耦合。 二、设计模式的三大分类及其关键点 1、创建型模式 ......
JS-轮播图（圆点点击，左右侧按钮切换，自动播放）
//放入数据 //点击小圆圈，可切换对应图片，小圆圈的样式也跟随变动 //点击左右侧按钮，可来回切换图片，小圆圈样式跟随变动 //可自动切换轮播图，鼠标移入后不在自动滚动 (function(){ var date = [ { img : './image/banner.jpeg' }, { img ......
行为型：迭代器模式
定义 迭代器模式提供一种方法按顺序访问一个聚合对象中的各个元素，而又不暴露该对象的内部表示。迭代器模式是目的性极强的模式，它主要是用来解决遍历问题。 es6 中的迭代器 JS原生的集合类型数据结构，有Array（数组）和Object（对象），在ES6中，又新增了Map和Set。四种数据结构各自有着自 ......
openEuler 单机部署 Hadoop SingleNode 模式
openEuler 单机部署 Hadoop SingleNode 模式 升级操作系统和软件 yum -y update 升级后建议重启 安装常用软件 yum -y install gcc gcc-c++ autoconf automake cmake make rsync openssh-serve ......
Winform-自定义按钮_三色灯图标
using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing.Drawing2D; using System.Drawing; using System.Linq; ......
Winform-自定义按钮_播放图标
using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing.Drawing2D; using System.Drawing; using System.Linq; ......
Python 实现单例模式的五种写法
单例模式（Singleton Pattern） 是一种常用的软件设计模式，该模式的主要目的是确保某一个类只有一个实例存在。当你希望在整个系统中，某个类只能出现一个实例时，单例对象就能派上用场。比如，某个服务器程序的配置信息存放在一个文件中，客户端通过一个 AppConfig 的类来读取配置文件的信息 ......
记录-css实现交融文字效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS是有魔法的，我们今天来实现一个CSS的动画效果，只需要几行代码就可以搞定。 第一步、我们要将一行文字从中间展开 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ......
六、WPF 动态设置菜单，非MVVM模式
随手建了WPF窗口 <Window x:Class="WpfAppTest.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft. ......
手搓观察者模式
用专业的话来说，是这样的：观察者模式定义对象间的一种一对多依赖关系，使得每当一个对象状态发生改变时，其相关依赖对象皆得到通知并被自动更新。 用我自己的话说是这样的：法外狂徒张三欠了一屁股债，追债人不知道张三什么时候有钱还。但是张三是个很守信用的人，他一有了钱就会去通知追债人去还债。 即张三状态发生变 ......
ip link add bond0 type bond 几种模式
在使用命令 ip link add bond0 type bond 创建 Bond 接口时，可以指定不同的 Bond 模式。常见的 Bond 模式有以下几种： mode=balance-rr：即 Round-robin 模式，是默认的 Bond 模式。在该模式下，数据包会按照轮流分发到不同的物理接口 ......
VMware vSphere中三种磁盘模式：精简置备/厚置备置零/厚置备延迟置零
在VMware vSphere中，不管是以前的5.1版本，或者是现在的6.5版本，创建虚拟机时，在创建磁盘时，都会让选择磁盘的置备类型，如下图所示，分为： Thick ProvisionedLazy Zeroed（厚置备延迟置零）； Thick ProvisionedEager Zeroed（厚置备 ......
【23】种设计模式全面解析（超级详细）
设计模式（Design Pattern）是前辈们对代码开发经验的总结，是解决特定问题的一系列套路。它不是语法规定，而是一套用来提高代码可复用性、可维护性、可读性、稳健性以及安全性的解决方案。1995 年，GoF（Gang of Four，四人组/四人帮）合作出版了《设计模式：可复用面向对象软件的基础 ......
实现页面展示左右上下错位效果
前言：有个需求，页面显示类似淘宝首页那样左右上下错位展示效果，还有点时间，所以试验记录下效果。 ##1、分左右栏布局 <html> <style> .list_left, .list_right { width: 50%; float: left; } .list li { width: 45%; ......
行为型：发布订阅模式
定义 发布订阅模式是基于一个事件（主题）通道，希望接收通知的对象Subscriber （订阅者）通过自定义事件订阅主题，被激活事件的对象 Publisher （发布者）通过发布主题事件的方式通知订阅者 Subscriber （订阅者）对象。 简单说就是发布者与订阅者通过事件来通信，这里的发布者是之前 ......
CSS实现菜单选项向外圆角效果
最终效果 实现方法 1. ::before、::after伪元素裁剪拼接 完整代码： 示例中图标引用了iconfont，地址 点击这里 html代码 <body> <ul> <li class="active"><i class="iconfont"></i></li> <li><i ......
重学Java设计模式-行为型模式-责任链模式
重学Java设计模式-行为型模式-责任链模式 内容摘自：https://bugstack.cn/md/develop/design-pattern/2020-06-18-重学 Java 设计模式《实战责任链模式》.html#重学-java-设计模式-实战责任链模式「模拟618电商大促期间-项目上线流 ......
app直播源代码，uniapp点击按钮 保存页面为图片到本地
app直播源代码，uniapp点击按钮 保存页面为图片到本地 首先写一个按钮 创建事件 <button class="info" @click="capture()">点击保存我哦~</button> 然后把点击事件写上 capture() {var pages = getCurrentPage ......
仿fullpage效果
做这个的原因是因为使用fullpage在mac上滑动有一丢丢bug,可能会出现多滑动一次的情况，比如，鼠标就往下滚了一下，但是页面滚动了两页，这就很烦了，正好B站上看到有人讲了下这个效果的实现，发现其实也不难。 特别是如果在vue里面的话，相对会更简单，好了，贴一下具体实现吧，有两个版本，原生和vu ......
.NET Core MongoDB数据仓储和工作单元模式实操
前言 MongoDB从入门到实战的相关教程 YyFlight.ToDoList项目源码地址 MongoDB事务使用前提说明 创建EntityBase公共类 添加UserInfo用户表实体映射模型 创建用户Repository 创建用户管理业务代码 UserOperationExample控制创建 注 ......
vue2 使用 swiper 轮播图效果
vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de ......
自己做的一个css文字逐字显示效果
原理很简单，就是通过opacity+animation控制显示，每个文字通过animation-delay延迟显示达到逐字显示的效果 两个函数，一个拆分字符串，一个初始化动画 function sliceStrWithSpan(str) { var strArr = str.slice(''); v ......